body {
/*background-image: url('http://lawtonprinting.com/wp/wp-content/uploads/2013/07/promenadd_grey_background.jpg');*/
background-color:#F0F0F0;
color: #000305; /*black color of the whole text*/
font-size:87.5%; /*base font size 14px*/
font-family: Arial, 'Lucida Sans Unicode';

text-align:left;

   }
   a{
       text-decoration: none;
     }

       a:link, a:visited {
	   color:#3366CC;

        }

       a:hover, a:active {
		background-color:#3366CC;
		color:#FFF;
		

           }


                      .body {

                             margin: 0 auto;
                                width:80%;
                                 clear:both;
  
                                     }
									 .body h2, h3{
									 margin-left:10px;
									font-family:Dotum;
									
									
									 
									 }
									 .body h1 {
										/*background-color:#000066; */
										background-color:#F0F0F0;  /*grey light*/
										height:40px;
										font-size:210%;
										font-family:Dotum;
										color:black;
										margin-top:2%;
										margin-bottom:0%;
										border-radius: 5px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										
									 
									 }
									 
									 .body h5{
									 font-size:100px;
									 margin-top:25px;
									 font-family: Dotum;
									 
									 }
									.body h6{
										font-size:25px;
									 margin-top:25px;
									 font-family:Dotum;
									 
									}
									
									
									
                        .mainHeader img{
                                size:80%;
                                  width:50%;
                                 clear: both;
                                  margin:2%;
								  margin-left:0%;
								  border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;

                                                } /*photo*/

                       .mainHeader nav {

                             background-color:#666;	/*grey color*/
                             height:40px;
                             border-radius: 5px;
				             -moz-border-radius: 5px;
                             -webkit-border-radius: 5px;
                                  }


                        .img{
 
                           height:50%;
                            width:50%;
                                    }

									.mainHeader nav ul {
									
									list-style: none;
									margin:0 auto;
									
									
									
									}
									
									.mainHeader nav ul li{
									
									float: left;
									display:inline;
									
									
									}
									
											.mainHeader nav ul ul {
											
											
											position:absolute;											
											display:block;
											margin:0 auto;
											visibility:hidden;
											
									
									
											}
									
												.mainHeader nav ul li:hover ul {
									
												visibility:visible;
												background-color:#0000A0;
												border-radius: 5px;
												-moz-border-radius: 5px;
												-webkit-border-radius: 5px;
												
									
									
												}
									
									.mainHeader nav a:link, .mainHeader nav a:visited{
									color: #FFF;
									display: inline-block;
									padding:10px 25px;
									height:20px;
									
									}
									
									.mainHeader nav a:hover, .mainHeader nav a:active,
									.mainHeader nav .active a:link, .mainHeader nav .active a:visited{
									
									background-color:#3366CC;
									text-shadow:none;
									
									
									
									}
									
									.mainHeader nav ul li a{
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									}
									.mainContent {
									line-height:25px;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									
							 
								  }
									.content{
									width:70%;
									float:left;
									
									
								
								
								}
								
									.topcontent {
									
									background-color: #FFF;
									
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									margin-top:5.5%;
									
								  
								}
								
								
														.topcontent p{
														margin-left:10px;

														}
										.topcontento  img{
										margin-left:3%;
										margin-right:auto;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										margin-top :2%;
										margin-bottom:2%;
										
										}
								.topcontent  img{
										margin-left:3%;
										margin-right:auto;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										margin-top :2%;
										margin-bottom:2%;
										
										}
									.topcontento{
									width:142.8%;
								
									background-color: #FFF;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									margin-top :2px;
									
									
									
									}
									
														.topcontento p {
														margin-left:10px;
														}
														.topcontento li {
														margin-left:10px;
														}
								.bottomcontent{
								  background-color: #FFF;
								  border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								padding: 3% 5%;
								margin-top:2px;
							 }
							 
							 
								.post-info {
								font-style:italic;
								color:#999;
								font-size:85%;
							 
							 }
							 
							 
								.top-sidebar {
								width:27%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-top:3.75%;
								margin-left:3%;
								margin-bottom:2%;
								
								
							 }
										.top-sidebar img{
										
										size:50%;
										width:50%;
										clear: both;
										margin-left:25%;
										margin-bottom:3%;
										border-radius: 5px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										
										}
							
							 	
								.middle-sidebar {
								width:27%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-left:3%;
								margin-bottom:2%;
								}
									.middle-sidebar img{
										width:70%;
										height:15%;
										border-radius: 5px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										clear: both;
										margin-left:15%;
										margin-bottom:3%;	
										
										
							 }
								.bottom-sidebar {
								width:27%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-left:3%;
								margin-bottom:2%;
							
							  
							 
							 }
							 
							 .bottom-sidebar img{
							 
							 border-radius: 5px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							width:50%;
							clear:both;
							margin-left:25%;
							
							
							 
							 }
							 
							 .mainFooter{
							 
								width:100%;
								height:35px;
								float:left;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								background-color: #666;
								margin-top:2%;
								margin-bottom:2%;
								
							 
							 
							 }
							 
							 
							 .mainFooter p{
								width:92%;
								margin:10px auto;
								color:#FFF;
								
							 
							 
							 }
							 
						
							 
							 
							 @media only screen and (min-width:150px)and (max-width:600px)
							 
							 {
							 
					.body {

                             
                                width:90%;
								font-size:95%;
                                 
  
                                     }
									 .body h1 {
										
										height:15%;
										font-size:180%;

										
										
										margin-top:2%;
										margin-bottom:0%;
										
										margin-left:2%;
										border-radius: 5px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										
									 
									 }
									.body h5{
									 font-size:300%;
									 margin-right:50%;
									 font-family:Dotum;
									 
									 }
									.body h6{
										font-size:150%;
										margin-bottom:auto;
									   font-family:Dotum;
									}
                        .mainHeader img{
                                
                                  width:100%;
                                 clear: both;
                                 
								  border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;

                                                } /*photo*/

                       .mainHeader nav {

                             
                             height:200px;
                             
                                  }


                        .img{
 
                           height:50%;
                            width:50%;
                                    }

									.mainHeader nav ul {
									
									padding-left:0;
									
									
									
									}
									
									.mainHeader nav ul li{
									
									width:100%;
									margin:0 auto;
									text-align:center;
									
									
									}
									
											.mainHeader nav ul ul {
											
											
																					
											width:35%;
											margin:0 auto;
											text-align:center;
										
											
									
									
											}
									
												.mainHeader nav ul li:hover ul {
									
												visibility:hidden;
												background-color:#D0D0D0;
												border-radius: 5px;
												-moz-border-radius: 5px;
												-webkit-border-radius: 5px;
												
									
									
												}
									
									.mainHeader nav a:link, .mainHeader nav a:visited{
									color: #FFF;
									display:block;
									padding:10px 25px;
									height:20px;
									
									}
									
									.mainHeader nav a:hover, .mainHeader nav a:active,
									.mainHeader nav .active a:link, .mainHeader nav .active a:visited{
									
									background-color:#3366CC;
									text-shadow:none;
									
									
									
									}
									
									.mainHeader nav ul li a{
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									}
									.mainContent {
									line-height:28px;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									
							 
								  }
									.content{
									width:100%;
									float:left;
									margin-top:2%;
								
								
								}
								
									.topcontent {
									
									background-color: #FFF;
									
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									margin-top:2%;
									margin-bottom:4%;
									padding:3% 5%;
								  
								}
										.topcontento  img{
										margin-left:2%;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										margin-top :2%;
										width:100%;
										
										clear: both;
										
										}
										.topcontent  img{
										margin-left:2%;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										margin-top :2%;
										width:100%;
										
										clear: both;
										
										}
										
								
									.topcontento{
									width:auto;
								
									background-color: #FFF;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									margin-top:2%;
									margin-bottom:4%;
									padding:3% 5%;
									
									
									
									}
								.bottomcontent{
								  background-color: #FFF;
								  border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								padding: 3% 5%;
								margin-top:2px;
							 }
							 
							 
								.post-info {
								font-style:italic;
								color:#999;
								font-size:85%;
							 
							 }
							 
							 
								.top-sidebar {
								width:100%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-top:1.85%;
								margin-left:0%;
								margin-bottom:2%;
								
								
							 }
										.top-sidebar img{
										
										size:50%;
										width:50%;
										clear: both;
										margin-left:25%;
										margin-bottom:3%;
										
										}
							 
							 	
								.middle-sidebar {
								width:100%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-top:1.85%;
								margin-left:0%;
								margin-bottom:2%;
								}
									.middle-sidebar img{
										
										
										clear: both;
										margin-left:15%;
										margin-bottom:3%;	
										width:100%;
										float:left;
										
							 }
								.bottom-sidebar {
								width:100%;
								float:left;
								background-color:#FFF;
								color:blue;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								margin-top:1.85%;
								margin-left:0%;
								margin-bottom:2%;
							
							  
							 
							 }
							 
							 .mainFooter{
							 
								width:100%;
								height:35px;
								float:left;
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								background-color: #666;
								margin-top:2%;
								margin-bottom:2%;
								
							 
							 
							 }
							 
							 .mainFooter h3{
							 margin-left:5%;
							 color:#FFF;
							 font-size:100%;
							 font-family:TimesNewRoman;
							 }
							 .mainFooter h4{
							 margin-left:5%;
							 color:#FFF;
							 font-size:90%;
							 font-family:TimesNewRoman;
							 }
							 .mainFooter p{
							 font-size:80%;
							 font-family:TimesNewRoman;
							 }
							 
							 
							 .mainFooter p{
								width:92%;
								margin:10px auto;
								color:#FFF;
								
							 
							 
							 }
							 
							 
							 
							 
							 
							 
							 
							 
							 
							 
							 
							 }