/*
RED: #ed1214
DARK BLUE: #3d4a65
MID BLUE: #40608b
DULL BLUE: #667f90
LIGHT BLUE: #bbcfea
v LIGHT BLUE: #dfe7f9
*/
body { font-family: "Helvetica Neue","Nimbus Sans L",Arial,Helvetica,sans-serif; }

.content a { color:#3D4A65; }
.content a:hover { color:#ed1214; }
.content h1 { color:#3D4A65; }
#home h1 { font-size:1.4em; }
.content h2 { color:#000; background:url(images/5px-white-corner.png) no-repeat top right #bbcfea; padding:8px 5px; position:relative; left:0; font-size:1.1em; font-weight:bold; clear:both; }
.content ul { margin-left:10px; }
.content li { list-style:none; margin:5px 0 5px 0; padding-left:20px; background:url(images/tick-B.png) 0 0 no-repeat #3D4A65; }

#container { width:939px; min-height:815px; background:url(images/containerBG.gif) repeat-y; margin:10px auto 0 auto; }

#toolbar { height:37px; overflow:hidden; background:url(images/toolbarBG.gif) no-repeat; color:#fff; }

#search-form { padding:11px 15px; font-size:12px; float:left; }
#search-form label { font-weight:bold; padding:3px 5px 0 0; float:left; }
#search-form input { float:left; }
#search-form #q { height:18px; margin:0 5px 0 0; border:solid 1px; border-color:#40608b #bbcfea #bbcfea #40608b; }

#login-button { width:64px; height:21px; background:url(images/findButtonBG.gif) no-repeat; margin:11px 15px 0 0; display:block; float:right; font-weight:bold; font-size:11px; text-decoration:none; color:#3D4A65; text-align:center; line-height:20px; }

#change-password-link { float:right; color:#fff; font-size:10px; padding:14px }

#header { padding:0 11px; }
#logo { float:left; }

/* TEXT RESIZING */
.fontResizer { float:right; margin:11px 95px 0 0; }
.fontResizer span { float:left; font-size:12px; margin:4px 5px 0 0; }
.fontResizer a {  display: block; background:url(images/textSizeBG.gif) top left no-repeat; float:left; width:20px; height:20px; 
text-align:center; line-height:20px; color:#3d4a65; text-decoration:none; margin:0 2px 0 0; font-weight:bold; }
.fontResizer a:hover { color: #000; text-decoration: none; }
/* The following control the way the font-resizer links appear only */
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
a.curFont { color:#40608b; }


#topNav {  z-index:1000; float:right; clear:both; border-bottom:solid 5px #3d4a65; width:689px; margin:0 0 0 239px; position:absolute; top:110px; }
#topNav li { float:left; position:relative; margin-left:1px;  }
#topNav a { display:block; width:114px; background:url(images/5px-white-corner.png) no-repeat top right #40608b; color:#fff; padding:6px 0; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; border-bottom:solid 1px #fff; }
#topNav a:hover { color:#3d4a65; background-color:#bbcfea; }
#topNav a.current { background-color:#3d4a65; border-bottom:solid 1px #3d4a65; }
#topNav a.current:hover { color:#9FAFC5; }
#topNav a.current+ul a { background-color:#3d4a65; }
#topNav a.current+ul a:hover { color:#9FAFC5; }
#topNav .first { margin-left:0; }
#topNav li ul { display:none;  }
#topNav li:hover ul { display: block; margin-top:-1px; position:absolute; left:0; border-top:solid 1px #fff;}
#topNav li ul li { clear: left; margin-left:0; }
#topNav ul a { background-image:none; }

#tab1 a { background-color:#40608B; }
#tab2 a { background-color:#537096; }
#tab3 a { background-color:#6680A2; }
#tab4 a { background-color:#798FAE; }
#tab5 a { background-color:#8CA0B9; }
#tab6 a { background-color:#9FAFC5; }

#body { padding:0 11px 10px 11px; float:left; width:917px; }

#leftCol { width:216px; float:left; }

#content { width:687px; float:right; }

#footer { padding:10px 0; clear:both; text-align:center; color:#667f90; line-height:1.6em; border-top:solid 2px #bbcfea; width:917px; margin:0 auto 0 auto; font-size:1.1em; }
#footer p { max-width: 600px; margin:0 auto; }
#footer a { color:#667f90; }
#footer #donate-small { float:left; }
#footer #website-vision-link { float:right; }

/* LEFT COL */

#leftNav { background:#BBCFEA; }
#leftNav .top { height:26px; background:url(images/leftNavTop.gif) no-repeat; border-bottom:solid 2px #fff; }
#leftNav .bottom { height:26px; background:url(images/leftNavBottom.gif) no-repeat; }
#leftNav ul { margin:0; padding:0; overflow:hidden; }
#leftNav li { background:#ed1214; border-bottom:solid 2px #fff; padding:0; margin:0; float:left; clear:left; }
#leftNav a { width:185px; display:block; font-size:1.1em; color:#444444; background:url(images/rightArrow.gif) no-repeat 5px 10px #bbcfea; padding:6px 10px 6px 15px; text-decoration:none; font-weight:bold; border-left:solid 2px #fff; margin:0 0 0 4px; }
#leftNav a:hover {  background-color:#dfe7f9; }
#leftNav a.current { background-color:#3d4a65; color:#fff; background-image:url(images/rightArrowOver.gif); }
#leftNav a.current:hover {  }
#leftNav li ul { display:none; margin:0; padding:0;}
#leftNav li ul.open { display:block;margin:0; padding:0; }
#leftNav ul ul li { border-bottom:none; margin:0; padding:0; }
#leftNav ul ul a { width:174px; padding-left:26px; background-position:16px 10px; float:left; clear:left;  }

/* SIDE PANELS - IN LEFT HAND COLUMN */
.sidePanel { background:url(images/sidePanelBG.gif) repeat-y; margin:20px 0; font-size:11px; line-height:1.6em;}
.sidePanel .top { background:url(images/sidePanelTop.gif) no-repeat; height:8px; }
.sidePanel .inner { padding:15px; 10px; }
.sidePanel .bottom { background:url(images/sidePanelBottom.gif) no-repeat; height:8px; }
.sidePanel a { color:#3D4A65; }
.sidePanel a:hover { color:#ed1214; }
.sidePanel h3 { font-size:16px; color:#3d4a65; }
.sidePanel .tel { font:24px Georgia, "Times New Roman", Times, serif; clear:left; }
.sidePanel #telIcon { float:left; position:relative; top:-40px; margin-bottom:-40px; }

/* PANELS - MAINLY ON HOME PAGE (IN CONTENT AREA) */
.panel { background:#BBCFEA; float:left; margin:5px 13px 5px 0; height:160px;   }
.panel .inner { padding:10px 10px 5px 10px; }
.panel.single { width:220px;  }
.panel.half { width:330px;  }
.panel.double { width:453px;  }
.panel.last { margin-right:0; float:right; }
.panel.alignCenter { text-align:center; }
.panel h2 { margin:0; padding:0 0 8px 0; color:#3d4a65;  background-image:none; background-color:transparent;  }
.panel.single h2 { text-align:center; }
.panel p { padding:0; margin:0; }
.panel .column { width:48.5%; float:left; margin:0 4px 0 0; padding:0; }

#featured-news h2 { font-size:15px; }
#featured-news h2 a { text-decoration:none;  }

.service-snippet { margin:0 0 5px 0; height:90px; overflow:hidden; width:687px; border:solid 1px white; }
.service-snippet .inner { background:#BBCFEA; padding:5px 10px 5px 5px; margin:0 10px; height:81px; float:left; width:652px; }
.service-snippet p { margin:0; }
.service-snippet h3 { margin-top:0;  }
.service-snippet h3 a { text-decoration:none;  }
.service-snippet img { float:left; margin:0 10px 0 0; }
.service-snippet:hover { cursor:pointer; }
.service-snippet:hover .inner { background:#8CA0B9;  }
.service-snippet:hover h3 a { color:#fff; }

/* Forms */
.content form { margin: 10px 0 10px 0; padding: 15px 10px 5px 10px; background:#BCCEEC; width:400px; overflow:hidden; }
.content p.legend { margin: 1em; }
.content p.legend em { color: #C00; font-style: normal; }
.content form p { margin: 0; }
.content form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; }
.content form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
.content form legend { font-weight: bold; color: #888888; }
.content form div { padding: 2px 10px;  }
.content form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
.content form fieldset div { padding: 2px 0; }
.content label, .content span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
.content label em, .content span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.content textarea { width:240px; }
.content input:focus, .content textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
.content div.buttonrow { padding-left: 130px; }
div.errors { padding: 10px 50px 0 50px; background: #c6d8de; margin: 0 0 20px 0; border: solid 1px #416b89; }
div.errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
div.info { padding: 5px 15px 0 15px; background: #c6d8de; margin: 8px 0 8px 0; border: solid 1px #416b89; }
.content input.long { width: 200px; }


/* MISC STYLES */
#page-colour { display:none; }

#contact-form { padding:0; margin:0; }
#contact-form p { margin:0; padding:0; }
#contact-form input[type=text] { width:150px; margin:0; clear:left; float:left; }
#contact-form textarea { height:75px; width:190px; margin:0; }
#contact-form div { padding:0 0; float:left; clear:left; }
#contact-form div.buttonrow { text-align:right; }
#contact-form label { width:auto; text-align:left; display:block; float:left; }
#contact-form em {  }
#contact-form .column { clear:none; }

#donate-button-large { margin:15px auto 0 auto; display:block; width:134px; height:109px; background:url(images/donateButtonLarge.gif) top left no-repeat; }
#donate-button-large:hover { background-position:0 -111px; }
#donate-button-large span { display:none; }
p.call-to-action { font-weight:bold; font-size:15px; color:#3d4a65; padding:8px 0 0 0; line-height:1.4em; }
p.emphasis { font-weight:bold; font-size:13px; color:#3d4a65; padding:6px 0 0 0; line-height:1.4em; }
ul.horizontal li { float:left; margin-left:1px; }
.first.column { padding-right:1%; }
.last.column { padding-left:1%; }

#slideshow { float:right; width:344px; height:200px; overflow:hidden; margin:15px 0 15px 20px; }
#slideshow-overlay { width:344px; height:200px; background:url(images/image-frame.png) no-repeat; z-index:500; float:right; position:relative; top:-215px; margin-bottom:-215px;  clear:right; }

p.directions-button a { display:inline-block; color:#fff; background:url(images/up-arrow.png) 4px 3px no-repeat #177119; padding:4px 8px 4px 30px; text-decoration:none; }
p.directions-button a:hover { color:#fff; background-color:#239a26; }

.mute { color:#667f90; }
.image-left { margin:0 10px 5px 0; float:left; }
.image-right { margin:0 0 5px 10px; float:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.no-show, .hide { display:none; }
div.clear { clear:both; }
.curved { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(css/border-radius-ie8.htc); }

.content a[href^="mailto:"] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/email_link.png) center left no-repeat;
    }

.content a[href$='.pdf'] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/page_white_acrobat.png) center left no-repeat;
    }

.content a[href$='.xls'], .content a[href$='.csv'], .content a[href$='.xlt'], .content a[href$='.xlw'] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/page_white_excel.png) center left no-repeat;
    }

.content a[href$='.ppt'], .content a[href$='.pps'] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/page_white_powerpoint.png) center left no-repeat;
    }

.content a[href$='.doc'], .content a[href$='.rtf'], .content a[href$='.txt'], .content a[href$='.wps'] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/page_white_word.png) center left no-repeat;
    }

.content a[href$='.zip'], .content a[href$='.gzip'], .content a[href$='.rar'] {
    display:inline-block;
    padding-left:18px; margin-left:2px;
    line-height:18px;
    background:transparent url(images/icons/page_white_zip.png) center left no-repeat;
    }
