/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
div, ul, li { position:relative } 
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

body { line-height: 1.2em; background: #9E1F63;  }


#content ul { position: relative; float: left; }
#content ul li { position: relative; float: left; margin-left: 20px; font-size: 1.3em; }

#wrapper { 		margin: 0 auto; width: 900px; }

/* HEADER */
/* ----------------------------------------- */
#header { 		float: left; width: 900px; background: aqua; }


/* NAVIGATION */
/* change height to however tall for design in ul / li */
#header ul { width: 900px; height: 30px; background: #ccc; }
#header li { float: left; display: inline; text-transform: uppercase; height: 30px; font-size: .9em; }
#header li a, #header li a:visited { float: left; color: #ffefef; text-decoration: none; padding: 8px 20px; }
#header ul li a:hover { color: #2A2A2A; }
#header ul li a:active { color: #ff0000; }


.posts { 
	padding-bottom: 35px;
}


/* ----------------------------------------- */
/* NEW STUFF BELOW */



/* ----------------------------------------- */
/* Main Structure (Wrappers)*/
/* ----------------------------------------- */

#wrapper, #headerWrapper #contentWrapper, #footerWrapper { width: 100%; margin: 0 auto; background: #fff; }

#headerWrapper { 		background: url(../images/header_back.gif) repeat-x 0 0; width: 100%; height: 65px; }

#navigationWrapper { 	height: 40px; width: 900px; margin: 0 auto; }

#main { 				height: 100%; width: 900px; margin: 0 auto; margin-top: 5px; padding-bottom: 30px; }

#contentWrapper { 		margin: 0 auto; margin-top: 25px; width: 980px; background: transparent url(../images/main_content_reflection.jpg) no-repeat bottom; padding-bottom: 35px; }

#footerWrapper { 		margin-top: 0px; min-height: 225px; height: auto !important; height: 225px; background: #9E1F63; border-top: 3px solid #ebb90c; padding-bottom: 10px; }

.padding-left { 		margin: 0 0 10px 10px; }

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */
#logo { position: relative; float: left; width: 180px; }
#navigationWrapper ul { position: relative; float: right; width: 525px; height: 40px;}

#navigationWrapper ul li { position: relative; float: left; margin-top: 5px; }
#navigationWrapper ul li a { text-decoration: none; color: #fff; font-size: 1.8em; text-transform: uppercase; width: auto; text-align: center; padding: 5px 10px 0 10px; height: 35px; position: relative; float: left; margin-left: 5px; }
#navigationWrapper ul li a:hover { color: #fff; text-decoration: underline; }
.smallHeader {  position: relative; float: left; clear: both; font-size: 10px; text-transform: none; margin-left: 2px; }
.smallHeader2 { font-size: 10px; text-transform: none; margin-left: 10px; }



/* ----------------------------------------- */
/* LEFT COLUMN */
/* ----------------------------------------- */

#leftColumn { 			position: relative; float: left; margin-top: 70px; width: 175px; min-height: 300px; height: auto !important; height: 300px; background: url(../images/left_col_shadow.jpg) no-repeat top right; }

#leftColumn ul { 		position: relative; float: right; width: 155px; padding-top: 10px; }
#leftColumn li { 		float: right; clear: both; padding: 2px 10px 8px 0; font-size: 1.1em; width: 140px; text-align: right; }
#leftColumn li a { 		color: #6a6a6a; text-decoration: none; width: 150px; padding-left: 10px;}

#leftColumn a:hover { 	color: #294D7F;  }

#leftColumn li.page_item a { color: #333; font-size: 1.1em; margin: 0 10px 5px 0; }
#leftColumn li.page_item a:hover { color: #294D7F; }
#leftColumn .page_item ul li a { color: #6a6a6a; font-size: 1em; float: right; padding: 0 10px 0 0; width: 125px; }


#leftColumn li.page_item .current_page_item a { color: #333; font-size: 1em; font-weight: bold; padding: 0 10px 0 0; width: 125px; }
#leftColumn li.page_item a:hover { color: #294D7F;  }

/* ----------------------------------------- */
/* HOME PAGE */
/* ----------------------------------------- */
#fullWidthColumn { 					position: relative; float: left; width: 900px; height: 262px; background: #fff url(../images/quote_shadow.jpg) no-repeat bottom; }

#fullWidthColumn h2 { 				position: relative; float: left; width: 525px; height: 200px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;  line-height: 1.3em; text-transform: none;  font-size: 3.4em; font-weight: normal; color: #6a6a6a; margin: 45px 0 0 40px; z-index: 100; background: transparent url(../images/logo_quote_bg.jpg) no-repeat 40% 5%;}

#fullWidthColumn img { 				position: absolute; width: 342px; height: 251px; right: 35px; z-index: 1; border: 0;}
#fullWidthColumn .bgImg img { 		position: absolute; left: 215px; width: 162px; height: 172px; top: 32px; z-index: 2; border: 0; }

/* 3 COLUMNS MAIN PAGE */
#content .col-wrapper { 			position: relative; float: left; width: 890px; padding-bottom: 15px; }
#content .column,
#content .rightColumn { 			position: relative; float: left; width: 270px; margin: 35px 0 0 8px; padding-right: 20px; min-height: 175px; height: auto !important; height: 175px; display: inline; }

#content .rightColumn { 			width: 250px; }



/* ----------------------------------------- */
/* MAIN COLUMN (CONTENT) */
/* ----------------------------------------- */

#content { 						position: relative; float: left; margin-top: 35px; margin-left: 10px; width: 455px;  }
#content p { 					padding-bottom: .8em;}

/* Content Lists */
#content .posts ul {			position: relative; float: left; margin: 0; width: 95%; padding-bottom: 1.2em; }
#content .posts ul li { 		margin: 0; min-height: 1.5em; height: auto !important; height: 1.5em; padding: 2px 0; width: 100%; padding-bottom: 10px;  }

#content ol { 					position: relative; float: left; margin: 0; width: 95%; padding-bottom: 1.2em; padding-left: 20px; font-size: 1.3em; }
#content ol li { 				margin: 0; min-height: 1.5em; height: auto !important; height: 1.5em; padding: 2px 0; width: 100%; padding-bottom: 10px; list-style-type: decimal; }

/* Pagination */
#content #page-links a {		padding: 3px 4px; background: #F3F3F3; border: 1px solid #ccc; color: #000; }
#content #page-links a:hover { 	background: #072B5B; color: #F3F3F3; }

#content .posts img { padding: 1px; border: 2px solid #a9a9a9; }

/* ----------------------------------------- */
/* SIDEBAR */
/* ----------------------------------------- */
#sidebar { 				float: left; width: 250px;  margin-top: 70px; font-size: 1.2em; }
#sidebar img { 			position: relative; float: right; margin-right: 20px; }

/* ----------------------------------------- */
/* COMMENTS */
/* ----------------------------------------- */
#content ul.commentlist li {	list-style-type: none; margin: 0; width: 100%; padding: .25em 0;}

.even { 						background: #ccc;  border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 5px 0;}
.odd { 							padding: 5px 0;}



/* ----------------------------------------- */
/* FOOTER */
/* ----------------------------------------- */
#footer { 						margin: 0 auto; width: 860px;  padding: 0px 20px; min-height: 225px; height: auto !important; height: 225px;  }

/* FOOTER COLUMNS */
#footer #leftCol,
#footer #midLeftCol,
#footer #midRightCol,
#footer #rightCol { 		position: relative; float: left; margin-top: 26px; border-right: 1px dashed #516d93; min-height: 182px; height: auto !important; height: 182px; color: #eaf3ff; }

#footer #leftCol { 			width: 125px; }
#footer #midLeftCol { 		width: 200px; }
#footer #midRightCol { 		width: 195px; }
	#footer #midRightCol img {   position: absolute; left: 23px; top: 15px; border: 0; width: 144px; }
	
#footer #rightCol { 		width: 325px; border: none; }

#footer #copyright {		position: relative; float: left; margin-left: 15px; font-size: 1em; line-height: 1.2em; color: #7f95b3; }


/* FOOTER LISTS */
#footer #leftCol ul,
#footer #midLeftCol ul,

#footer #rightCol ul.left, 
#footer #rightCol ul.right, 
#footer #rightCol ul.btm { 				position: relative; float: left; width: 120px; margin: 3px 0 0 13px; }

#footer #leftCol ul { 					padding-left: 0; margin: 0; width: 90px; }
#footer #midLeftCol ul { 				width: 160px;}
#footer #rightCol ul.left { 			width: 130px; margin-top: 5px; }
#footer #rightCol ul.right { 			width: 160px; border-left: 1px dashed #546e94; margin-top: 5px; }
#footer #rightCol ul.btm { 				width: 220px; padding: 1em 0; }

#footer #leftCol ul li,
#footer #midLeftCol li,

#footer #rightCol ul.left li,
#footer #rightCol ul.right li,
#footer #rightCol ul.btm li { 			position: relative; float: left; padding: 4px 0; width: 100%; color:#eaf3ff; font-size: 1.1em;  }

#footer #leftCol ul li { width: 120px; }

#footer #midLeftCol li { 				padding-bottom: 10px; }

#footer #rightCol ul.left li,
#footer #rightCol ul.right li,
#footer #rightCol ul.btm li { 			padding: 0; font-size: 1.1em; }
  #footer #rightCol ul.right li { 		padding-left: 20px; }

#footer #rightCol ul.btm .leftContact {	float: left; width: 45px; text-transform: uppercase; }
#footer #rightCol ul.btm .rightContact {position: relative; float: left; width: 130px; margin-left: 5px; }
/* ----------------------------------------- */
/* END OF NEW STUFF */




/* MAIN / CONTENT */
/* ----------------------------------------- */
#main { overflow: hidden; height: 100%; margin-top: 30px; }
#sectionSlideshow { display: none; }