/* remove default styling from all elements */
*{
margin:0;
padding:0;
}

body {
font: 62.5%/1.5 Arial, Helvetica, sans-serif;
background:#082a3b url(../images/bg_grad.gif) repeat-x;
text-align:center;
}


/********************** page structure **********************/

#header, #content, #footer{
width:749px;
margin:0 auto;
text-align:left;
}

/* these classes define the two columns
they are used in the body and footer to kep both columns aligned */

.right-content, .left-content{
padding:20px 0;
}

.right-content{
float:right;
width:224px;
}

#photoCont{
float:right;
width:205px;
margin: 32px 0px 20px 20px;
padding-right: 20px;
}

.left-content{
margin:0 270px 0 40px;
}


div#photoCont blockquote {
	background: url(../images/l-quote.gif) no-repeat top left;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}

div#photoCont blockquote .quote{
	background: url(../images/r-quote.gif) no-repeat bottom right;
	padding-right: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#22687e;
	font-style: italic;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:normal;
}

div#photoCont blockquote .author{
	font-size:0.85em;
	font-weight:bold;
	color:#676969;
	text-align:left;
	font-style:normal;
}






/********************** header section **********************/

#header{
margin-top:10px;
margin-bottom:4px;
position:relative;
}

#header a img{
border:none;
vertical-align:bottom;
}

/* links are position at bottom of header div - as text size
increases they will remain flush to bottom */
#header ul{
border-bottom: solid #0b4357 4px;
background-color: #0b495e;
list-style:none;
position:absolute;
top:75px;
left:174px;
padding:0;
}

#header ul li{
float:left;
padding-left:4px;
}

#header ul li a{
width:111px;
text-align:right;
display:block;
border-bottom:8px solid #146D82;
padding-bottom:3px;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
color:#d0dadc;
}

#header ul li a:hover{
border-bottom-color:#439EB3;
}

/* give the active element an id of active */
#header ul li#active a, #header ul li#active a:hover{
border-bottom-color:#BAC427;
color:#BAC427;
}

/********************** main content **********************/

#content{
background-color:#fff;
color:#676969;
font-size:1.2em;
}

#content h1{
font-size:1.3em;
font-weight:normal;
color:#1a697c;
margin:35px 0 0 0;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#content h1 em{
font-family:Georgia, "Times New Roman", Times, serif;
}

#content h2{
font-size:1.2em;
font-weight:normal;
color:#1a697c;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}


#content p{
text-align:justify;
margin:1.2em 0;
}

#content a{
color:#1E7291;
font-weight:bold;
text-decoration:none;
}

#content a:hover{
text-decoration:underline;
}

blockquote{
background:url(../images/quotes_blue_wide.gif) no-repeat center top;
padding:0 40px;
text-align:center;
font: bold italic 1em/1.3em arial,helvetica,sans-serif;
margin-top:25px;
color:#92999d;
}

/* cite must be within block level - but we don't want default p styling */
#content p.cite{
text-align:center;
margin-bottom:0;
}

cite{
font-style:normal;
font-size:0.9em;
}

.ul{
list-style:none;
}


.li {
background: url('../images/bullet_.gif') no-repeat 0 50%;
padding-left: 17px;
}


/********************** footer section **********************/

#footer{
background: url(../images/bg_footer.gif) repeat-x top;
min-height:116px;
margin-top:4px;
padding-bottom: 150px;



}

#footer p{
background:url(../images/footer_block.gif) no-repeat left;
padding-left:25px;
color:#98a5ac;
font-size:1.1em;
margin:0;
}

#footer a{
color:#98a5ac;
text-decoration:none;
font-size:1em;
margin:0;
}

#footer a:hover{
text-decoration:underline;
}


/********************** fixes and hacks **********************/

/* clear floats without adding extra elements */
/* clearfix for mozilla browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for ie win - auto clears if element has dimensions */
/* * html hides from IE-mac \*/
* html .clearfix {height: 1%;}