/* ----------------

COLORS 

Light Blue #b6c8d1
Medium Blue #698da5
Dark Blue #47677f
ALmost Black #2f363d

------------------*/


/* BODY STYLES */

body {background: #b6c8d1; font: 14px/16px "Arial", Helvetica, sans-serif; color: #777777; line-height: 140%; }

#wrapper {margin: 0 auto; width: 960px; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.3); box-shadow: 0 1px 8px rgba(0,0,0,.3);}


/* @TYPOGRAPHY */

h1 {font-size: 28px; font-family: georgia, "times new roman", serif; color: #698da5; line-height: 140%;}
h2 {font-size: 20px; font-family: georgia, "times new roman", serif; color: #2f363d; line-height: 140%;}
h3 {font-size: 14px; font-family: georgia, "times new roman", serif; color: #525c63; line-height: 140%;}
h4 {font-size: 14px; line-height: 140%;}
h5 {font-size: 14px; line-height: 140%;}
h6 {font-size: 12px; line-height: 140%;}

a, a:link, a:visited {color: #698da5; text-decoration: none; border-bottom: 1px dotted #698da5;}
a:hover, a:active {color: #47677f; text-decoration: none; border-bottom: 1px dotted #47677f;}

.noline {border-bottom: 0px !important;}

em, cite {font-style:italic;}
strong {font-weight:bold;}

p {padding-bottom: 18px; line-height: 140%; }

pre, dl, ul, ol {padding-bottom: 16px;}

table, td, th, tr, thead, tbody, tfoot{}

dd, dt, li {line-height: 140%;}

blockquote {}

.lowercase {text-transform: lowercase;}
.alignleft {margin: .5em 1.5em .5em 0em;}
.alignright {margin: .5em 0 .5em 1.5em;}

.clear {clear: both;}


/* HEADER */

#header {background: url(../images/header-bground.gif) 0 0 repeat-x; height: 110px; overflow: hidden;}

#logo {background: url(../images/logo.png) 0 0 no-repeat; float: left; padding: 0; margin: 0; display: block; height: 110px; width: 417px; text-indent: -9999px; position: relative; left: 12px;}
#logo a {display: block; height: 110px; width: 417px; border-bottom: 0px;}

#social {float: right; margin: 12px 0 0 0; width: 300px; arial, helvetica, sans-serif; font-size: 18px; color: #b6c8d1;}


/* MENUS */

#nav {background: url(../images/menu-bground.gif) 0 0 repeat-x; height: 43px; width: 100%; list-style: none; overflow: hidden;}

#nav li {float: left; background: url(../images/menu-bground.gif) 0 0 repeat-x; border-right: 1px solid #c2c1c1; border-left: 1px solid #f5f4f4; font-family: arial, helvetica, sans-serif; font-size: 14px; text-align: center; }
#nav li:hover {background: url(../images/menu-bground.gif) 0 -43px repeat-x;}
#nav li a {display: block; height: 43px; padding: 14px 14px 4px; color: #5e5e5e; text-decoration: none;}
#nav li a:hover {}
#nav li.first-menu-item {border-left: 0px; padding: 0 3px 0 2px;}
#nav li.last-menu-item {border-right: 0px; padding: 0 4px;}

#nav li.current_page_item, #nav li.current-page-ancestor {background: url(../images/menu-bground.gif) 0 -86px repeat-x;}
#nav li.current_page_item a, #nav li.current-page-ancestor a {color: #f2f3f4;}

#secondary-nav {float: left; position: relative; left: 18px; top: 68px; width: 170px;}
#secondary-nav h4 {font-weight: bold; color: #3f4a52; padding-bottom: 10px;}
#secondary-nav ul li {border-top: 1px dotted #b0b0b0; padding: 10px 0;}
#secondary-nav ul li a {color: #525c63; text-decoration: none; border-bottom: 0px;}
#secondary-nav ul li a:hover {color: #929394;}
#secondary-nav ul li.parent {border-top: 0px;}
#secondary-nav ul li.current_page_item {font-weight: bold; color: #47677f;}
#secondary-nav ul li.no-child {font-weight: bold; color: #47677f; border-bottom: 1px dotted #b0b0b0; border-top: 0px; padding: 10px 0;}


/* HOME PAGE */

#home-background {background: url(../images/home-billboard.jpg) 0 0 no-repeat #f5f6f7; overflow: hidden;}

#home-billboard {background: url(../images/home-billboard-text.png) 0 0 no-repeat; height: 23px; width: 458px; float: left; position: relative; top: 140px; left: 40px; padding: 93px 0 0 4px;}
#home-billboard a {border-bottom: 0px;}

#home-content {background: #ffffff; width: 880px; float: left; margin: 240px 0 40px 40px; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.3); box-shadow: 0 1px 8px rgba(0,0,0,.3);}
#home-content h2 {font-family: arial, helvetica, sans-serif; font-size: 18px; color: #555555; line-height: 130%; padding-bottom: 24px;}
#home-content #main-content {width: 420px; min-height: 460px;}

#sidebar-home {float: right; position: relative; top: 72px; width: 380px;}
#sidebar-home a {border-bottom: 0px;}


/* CONTENT */

#content {background: #ffffff; width: 750px; float: left; margin: 20px 0 0 30px; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 8px rgba(0,0,0,.3); box-shadow: 0 1px 8px rgba(0,0,0,.3);}
#content-background {background: url(../images/page-bground.png) 0 -24px repeat-x #f5f6f7; padding-bottom: 48px; overflow: hidden;}
#content h2 {padding-bottom: 32px;}
#content h3 {font-weight: bold; padding-bottom: 14px;}
#content li {list-style-type: disc; margin-left: 36px; padding-bottom: 12px;}

#main-content {float: left; width: 500px; margin: 30px 0 0 30px; min-height: 800px;}
#wide-content {float: left; width: 640px; margin: 30px 0 0 30px; min-height: 800px;}

#sidebar {float: right; width: 160px; position: relative; top: 48px; right: 20px; border-top: 8px solid #eeeeee; font-size: 12px; color: #999999; line-height: 132%; padding-bottom: 60px;}
#sidebar h5 {color: #9a4188; margin: 12px 0 2px;}
#sidebar ul {padding-bottom: 2px;}
#sidebar li {margin-left: 8px; line-height: 130%; padding-bottom: 2px;}

.wp-caption {border: 1px solid #cccccc; text-align:center; background:#f2f3f4; padding:10px; margin:10px }
.wp-caption a {border-bottom: 0px;}
.wp-caption p {padding-bottom: 2px;}

.page-id-57 #content h2 {padding-bottom: 4px;}
.video {clear: both; padding: 28px 0 8px 0;}
.video h2 {padding-top: 3px;}


/* FOOTER */

#footer {background: #2f363d; padding: 40px 28px; min-height: 180px;}
#footer ul li.page_item a {border-bottom: 0px; color: #93aab5;}
#footer ul.children li.page_item a {color: #a1acb3 !important;}
#footer ul li.page_item {font-size: 12px; float: left; padding: 0px 8px 0px 6px; padding-bottom: 8px;}
#footer ul.children {padding-top: 8px;}
#footer ul.children li.page_item {float: none; display: block;}
	#footer li.page-item-17 {width: 140px;}
	#footer li.page-item-2, #footer li.page-item-27, #footer li.page-item-50 {width: 112px;}
	#footer li.page-item-37 {width: 100px;}
	#footer li.page-item-59 {width: 88px;}
	#footer li.page-item-55 {width: 72px;}
	#footer li.page-item-57 {width: 52px;}

#copyright {margin: 0 auto; width: 960px; text-align: center; font-size: 12px; color: #666666; padding-top: 12px;}




/* 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 }


/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */