.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7B7B53}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration: none}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #988E5F}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333}

table#cev-month {margin: 0 auto;border: 1px solid #ddd !important;}
table#cev-month td {margin: 0 auto;border: 1px solid #ddd !important;}

body, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}     


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style: none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

html { overflow-y: scroll; background: transparent url(../images/html-bg.jpg) repeat-x 0 0; }
body { font:12px/1.231 sans-serif; *font-size:small; background:url(../images/bg.jpg) top left repeat-x #01568f; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color: #586263; font: 12px/1.5em Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; margin: 0 0 10px 0; color: #010103; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #20202c; }

h1, h1 a { font-size: 22px; line-height: 26px; color: #d7a030; }
h2, h2 a { font-size: 20px; line-height: 24px; color: #d7a030; }
h3 { font-size: 16px; line-height: 20px; }
h4 { font-size: 14px; line-height: 18px; }

a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #d7a030; }
a:hover { color: #000; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

p { margin-bottom: 10px; }

nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #d7a030; color:#000; text-shadow: none; }
::selection { background:#d7a030; color:#000; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #FF5E99; } 
 
.ie7 img { -ms-interpolation-mode: bicubic; }
img[align=left] { float: left; }
img[align=right] { float: right; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }


.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clear {clear:both;}


/***************** STRUCTURE **********************/
#container {width: 950px ; margin: 0 auto;padding-top: 10px; position:relative;}
#logo-left { width: 336px; height: 804px; position:absolute; top: 0px; left: -336px; background:url(../images/logo-left.png) top left no-repeat;}

#header {width: 950px; height: 127px ; position: relative;  background:#fff;}
#logo h1 a {display:block; width: 183px ; height: 111px ; text-indent: -9999px; background:url(../images/logo.jpg) top left no-repeat; position:absolute ; top: 10px; left: 10px;}
#login {width: 398px ; height: 49px ; top: 0; right:0 ; position:absolute; background:#E1EEF7; padding-top: 10px;}
#search {width: 217px; position:absolute; top:81px ; right: 12px ; }

#nav {width: 950px; height :46px;  background: url(../images/nav-bg.jpg) top left repeat-x;}
#content-area {width: 950px; background:#fff;padding-top: 14px; }

#left-col {width: 684px; float:left; margin-left: 15px;}
#stories-wrap {width:684px; height: 296px; margin-bottom: 34px; position:relative;z-index: 888; } 
.stories {width: 684px; height: 296px; display:block;overflow: hidden; font-family: Arial, Helvetica, sans-serif;z-index: 888;}
	
		.story-item { width: 684px;overflow: hidden !important; margin: 5px 0 0 6px; }
		.story-item img { padding:0;border:0px; z-index: 888;  }
		div.story-content {margin: -85px 0 0 0; width: 640px; padding: 10px 15px 20px 25px; z-index: 1500; position:relative; color:#FFF; background: url(../images/story-content-bg.png) repeat;}
		
		.story-content h1 {color: #fff; margin: 0; padding: 0 0 0 0; font-size:16px; line-height: 20px;}	
		.story-content p {color: #FFF; margin:0; padding:0 }
		.story-content a {color: #badff0;}
		.story-content a:hover {color:#ccc; text-decoration:underline}
		
		.image-header {display: block; width: 684px; height: 296px; overflow: hidden !important; z-index: 10;}
		
		#nav-stories {display: block; height: 15px; padding: 5px 10px 0 0;position:absolute; top: 15px; right: 10px; font-size:12px;z-index: 999;}
			
		#nav-stories a { font-weight: bold;display: block;  float: left; margin-right: 5px;text-align: center; text-decoration: none; color:#fff; font-weight:bold;background:#315593;margin-bottom:5px; padding: 1px 6px;}
		
		#nav-stories a.activeSlide { background-color:#efa333;color: #fff; }





#row-1 {width:684px ; margin-bottom: 25px; }
#events {width: 335px ; float:left; background: url(../images/events-bg.jpg) top left no-repeat #01568f;color:#fff; height: 474px;}
#events h2 {font-weight: normal; font-size: 18px; color: #eea033; text-shadow: -1px 1px 3px #000; padding: 10px 0 0 16px;}
#events-featured {width: 335px; }
#events-featured-image {width: 335px; margin-bottom: 20px; }
#events-feed {padding: 0 20px;  margin-top: 31px; } 
#events-feed h3 {font-size: 14px; line-height: 18px; color: #fff; margin: 0;text-decoration:none;}
#events-feed a {color: #fff; font-weight: bold; text-decoration:none;}
#events-feed a#more-events {margin-bottom: 10px;}
#events-feed a:hover {text-decoration:underline;}
#public-service-fb {width:335px ;float:right;}
#public-service {width: 301px; height:  138px ; background:url(../images/public-srvc-bg.jpg) top left no-repeat; margin-bottom: 16px; padding: 30px 17px 0; color: #fff; position:relative;}
#public-service h2 {text-indent: -9999px; }
#public-service a.apply {display:block; width: 196px ; height: 31px; background:url(../images/btn-apply.png) top left no-repeat; text-indent:-9999px; position:absolute; right: 20px; bottom: 5px;}
#facebook-fan {width: 335px ; }

#news {width: 684px; background:#EAEEEF; border-bottom: dashed 2px #D5DBDB; height: 252px; margin-bottom: 20px; padding-bottom: 10px;}
#news-title {width: 684px; height: 34px; background:url(../images/news-title-bg.jpg) top left no-repeat; margin-bottom: 15px;}
#news-title h2 {font-weight: normal; font-size: 18px; color: #eea033; text-shadow: -1px 1px 3px #000; padding: 4px 0 0 16px;}
#news-content {width: 643px; padding: 0 18px;color:} 
#news-content a {color:#015C95;}
#news-content #left-col {width: 314px ; float:left; margin: 0;}  
#news-content #left-col h3 {color:#01568F; font-size: 16px; line-height: 20px; }
#news-content #right-col {width: 314px ; float:right;}


#sponsors {width: 682px; margin-bottom: 15px; border: 1px solid #D8DDE0; height: 156px}
#sponsors-title {width: 682px; height: 33px ; background:url(../images/sponsors-title-bg.jpg) top left no-repeat; position:relative;}
#sponsors-title h2 {font-weight: normal; font-size: 18px; color: #fff; text-shadow: -1px 1px 3px #000; padding: 1px 0 0 16px;}
#sponsors-title a#sponsors-link {position:absolute; display:block; right: 10px; top: 5px; color: #fff;}
#sponsors-carousel {width: 682px;}
#carousel { width: 600px !important;display: block; height: 121px; float: left; }
#carousel ul { list-style: none; }
#carousel ul li { width: 180px; height: 120px; margin: 0 6px 0 0; }
#carousel img { height: 120px; }
#port-left, #port-right { display: block; width: 29px; height: 121px; }
#port-left { float: left; background:url(../images/carousel-left-arrow.jpg) no-repeat top left; cursor: pointer; }
#port-right { float: right; background: transparent url(../images/carousel-right-arrow.jpg) no-repeat top left; cursor: pointer; }

#right-col {width: 241px ; float:right;}

#join { width: 241px; height: 231px; background:url(../images/home-rt-join-bg.jpg) top left no-repeat; padding: 20px 0;}
#join p {color: #fff; font-size: 18px;width: 191px ; margin: 0 auto; padding-bottom: 30px; }
#join a#join-link {width: 231px ; height: 59px ; text-indent: -9999px; display:block; margin-top: 15px;}
#join a#renew-link {width: 231px ; height: 59px ; text-indent: -9999px; display:block; margin-top: 15px; }

#careers {width: 200px; margin: 60px 0 0 0; padding: 10px 10px 20px 10px; background:#e8f3f7;}
#careers.template-career { margin-top: 0; }
#careers h2 {font-size: 18px; color: #8a9199; text-align: center;}
#careers a {color: #0e7db5;}
#careers-feed {}
#careers-feed h3 {font-size: 12px; line-height: 16px; color: #0e7db5;}
#careers-feed .featured-job {margin: 0 0 -10px 0; padding: 0; }

a#add-listing {display:block; width: 220px ; height: 78px ; background:url(../images/btn-job-link.jpg) top left no-repeat; text-indent:-9999px;}
a#search-job {display:block; width: 220px ; height: 79px ; background:url(../images/btn-search-joblink.jpg) top left no-repeat; text-indent:-9999px;}

#social-media {width: 220px;background:#e8f3f7; height: 60px; margin: 10px 0;} 
#social-media img {margin: 8px 8px;}

#photos {width: 220px; margin-bottom: 20px;}
#photos a {color: #0e7db5;}
#photos-title {width: 220px; background:#e8f3f7; border-bottom: dashed 2px #D5DBDB; height: 30px;}
#photos-title h2 {font-weight: normal; font-size: 18px; color: #0e7db5; text-shadow: -1px 1px 3px #CCC; padding: 4px 0 0 16px;}
#photo-feed {width: 220px; padding: 20px 0; border-bottom: 1px solid #999; }

.photo-tn a { display: block; width: 60px; height: 60px; float: left; margin: 0 6px 6px 0; padding: 2px; border: 2px solid #b3b3b3; }
.photo-tn a:hover { border: 2px solid #3b3b3b; }
#supporting-stars {width: 220px;}

#footer {background:#004063 ; padding: 30px 0 30px 20px; width: 930px; text-align: left; color:#fff; font-size: 12px;}
#footer a {color: #fff;font-size: 12px;}

#footer-nav a, #footer-nav  {text-transform: uppercase; color: #fff; margin-bottom: 10px; }

#bodycontent {width:644px; margin-bottom: 34px; padding: 20px 20px;}