html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img{border:0px;}



#page{
 margin:0px auto;/* center the div*/
 width:960px; 
/* Temporal */
}
body{
 margin:0px;
 padding:0px;
 background-image:url(../images/body-bg.jpg);
 background-position:top;
 background-repeat:repeat-x;
}

/* Following, set header, page_body and footer width to 960px aswell and make all the layers float left. By setting float value to "left" you'll avoid several floating issues with nested divs. */

#header{
 width:960px;
 height:116px;
 float:left;
 padding-bottom: 50px;
 background-image:url(../images/header-bg.gif);
 background-repeat:no-repeat; 
}

#page_body{
 width:960px;
 float:left;
}

#content{
	width:570px;
	float:left;
 }
 #quote{
	width:400px;
	margin-top:55px;
	margin-left:85px;
	margin-bottom:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color:#565656;
  }
 #author{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 margin-left:45px;
 margin-top:10px;
 }
  #content_body{
	width:400px;
	margin-top:25px;
	margin-left:85px;
	margin-bottom:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#565656;
  }
  #content_body ul{
  margin-left:40px;
 }
#content_body p{
padding:10px;
font-size:14px;
}
 #content_body p a{
	color:#565656;
	text-decoration:none;

}
#content_body p a:hover{
	color:#4f84ba;
	text-decoration:none;

}

 #sidebar{
 width:390px;
 height:450px;
 float:left;
}
#sidebar img{
margin-left:18px;
margin-top:15px;
}

#footer{
   width:100%;
   float:left;
   background-color:#4f84ba;
   background-repeat: repeat-x;
}
#footer_container{
 width:960px;
 margin:15px auto 75px auto;/* center the div*/
}
#copyright{
	width:300px;
	margin-left:100px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#contact{
	width:300px;
	margin-right:75px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}
#contact a{
	color:#ffffff;
	text-decoration:none;
}
#contact a:hover{
	color:#565656;
}
#logo{
 width:443px;
 height:55px;
 float:left;
 
 padding-top:40px;
 padding-left:54px;
}

#pages_nav{
 	width:650px;
 	float:left;
 	padding-top:20px;
 	padding-left:370px;
}
 
 #pages_nav li{
 	display:inline;
 	margin:0px;
 	padding:0px;
	color:#565656;

 }
 
 #pages_nav li a{
	padding:10px 10px 5px 10px;
	color:#565656;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
 }
 
 #pages_nav li a:hover, #pages_nav li.active a{
 	color:#4f84ba;
	background:url(../images/menu-hover.gif) no-repeat 10px 100%;
}
 #pages_nav li.active a{
 	color:#4f84ba;
}