﻿

html {
	font-size: 62.5%;
}

body {
	background: #f0f0f0;
	margin: 0; padding: 0;
	font: 1.2em/1.5em 'Verdana', sans-serif;

}


h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: bold;
	clear:both;
	color: #006699;
}

p{
	margin:0.5em 0;
	clear:both;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#000;
}

.blueText{
	color:#006699;
}

.bold{
	font-weight:bold;
}

.wysiwygleft {
	margin: 5px 15px 10px 0;
}

.wysiwygright {
	margin: 10px 0 10px 10px;
}

.wysiwyg {
	margin: 10px;
}

ul, ol {
	margin: 0;
	padding: 0 0 0 20px;
}

form, fieldset {
	margin: 0; padding: 0;
	border: 0;
}

#wrapper {
	background: #ffffff url(../images/corner.png) no-repeat right top;
	width: 940px;
	margin: 20px auto 60px auto;
	padding: 5px 9px 16px 11px
}



#wrapper a {
	color: #006699;
}

#wrapper a:hover{
	color:#000;
}

.floatLeft{
	float:left;
	clear:left;
}

.floatRight{
	float:right;
	clear:right;
}

.break{
	clear:both;
	display:block;
	margin:10px 0;
}


/*** HEADER ***/

#header {
	overflow: hidden;
	padding: 0 0 5px 0;
}


#logo {
	/*background: url(../images/logo.png) no-repeat;*/
	float: left;
	width: 441px;
	/*height: 78px;*/
	/*text-indent: -5000px;*/
	margin: 0 0 0 9px;
	overflow: hidden;
}

#search {
	float: right;
	padding: 35px 11px 0 0;
}

#search .textbox {
	background: url(../images/search.png) no-repeat;
	border: none;
	width: 155px;
	height: 19px;
	float: left;
	padding: 3px 0 0 25px;
	margin: 0 7px 0 0;
}

/*** TOP LINKS ***/

#link_bar {
	background: #006699 url(../images/nav_left.png) no-repeat left top;
	color: #ffffff;
	overflow: hidden;
}

#link_bar .inner {
	background: url(../images/nav_right.png) no-repeat right top;
	min-height: 40px;
}

#link_bar a {
	color: #ffffff;
}

#link_bar a:hover {
	text-decoration: underline;
}

#textsize {
	float: left;
	padding: 0 5px 0 21px;
	font-weight:bold;
}

#textsize a {
	float: left;
	margin: 0 4px;
	width:22px;
	font-weight:normal;
	overflow: hidden;
}

#link_bar a:hover{
	color:#fff;
}

#textsize .small a {
	font-size:1.2em;
	position:relative;
	top:11px;
	background: url('../images/bullet_blue.png') no-repeat right 8px;
}

#textsize .medium a {
	font-size:1.4em;
	position:relative;
	top:10px;
	background: url('../images/bullet_blue.png') no-repeat right 8px;
}

#textsize .large a {
	font-size:1.6em;
	position:relative;
	top:9px;
}


#textsize p {
	float: left;
	padding: 11px 2px 0 2px;
	margin: 0;
}

#textsize span {
	float: left;
}

#textsize span.accessibilty {
	text-indent:-10000px;
}

#link_bar {
	margin: 0 0 17px 0;
}

#link_bar ul {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding:0;
	margin:0 5px 0 10px;
}

#link_bar li {
	float: left;
	list-style: none;
	padding: 10px 11px 0 31px;
}

#nav_login {
	background: #015a87;
	min-height: 40px;
}

#nav_login #login_link {
	background: url(../images/icon_login.png) no-repeat 13px 12px;
}

#nav_login #register_link {
	background: url(../images/icon_register.png) no-repeat 9px 12px;
}

#nav_items li {
	background: url(../images/chevron.png) no-repeat 17px 15px;
	margin:0 10px 0 5px;
}

#contrast {
	background: url(../images/stick.png) left 14px no-repeat;
	float: left;
	padding: 10px 9px 0 9px;
	font-weight:bold;
}

#contrast a {
	font-weight: bold;
	text-decoration: none;
	padding:2px 4px;
	border:1px solid #000;
}

#contrast a:hover{
	text-decoration:underline;
}

#contrast a.contrast1{
	background:#fff;
	color:#0000ff;
}

#contrast a.contrast2{
	background:#ffff00;
	color:#000;
}

#contrast a.contrast3{
	background:#ff9d3e;
	color:#002c26;
}

/*** COLUMNS ***/

.col {
	width: 220px;
}


/*** NAV ***/

#sidenav {
	background: #f0f0f0 url(../images/cta_top.png) no-repeat top left;
	float: left;
	margin: 0 20px 0 0;
}

#sidenav .inner {
	background: url(../images/cta_bottom.png) no-repeat bottom left;
	padding: 9px 7px;
}

#sidenav ul {
	padding: 0;
}

#sidenav li {
	background: #ffffff url(../images/nav.png) no-repeat;
	width: 205px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	min-height: 24px;
}

#sidenav li span {
	background: url(../images/cta_inner_bottom.png) no-repeat bottom left;
	display:block;
	padding: 3px 0 0 0;
	height: 3px;
}

#sidenav a {
	background: url(../images/arrow.png) no-repeat 10px 5px;
	color: #006699;
	font-weight: bold;
	display:block;
	padding: 0 0 0 25px;
}

#sidenav a:hover{
	background: url(../images/arrow_active.png) no-repeat 10px 5px;
}

#sidenav li.active li{
	border-top:1px solid #e7e7e7;
	background:none;
	margin:0;
	padding:4px 0;
}

#sidenav li.active li a{
	background:none;
	color:#555555;
}

#sidenav li.active li a:hover{
	color:#006699;
}

#sidenav ul ul {
	margin: 6px 0 0 0;
}

#ctas {
	float: right;
	margin: 0 0 0 20px;
}

.col .box {
	background: #f0f0f0 url(../images/cta_top.png) no-repeat top left;
	margin: 0 0 16px 0;
}

.col .box .inner {
	background: url(../images/cta_bottom.png) no-repeat bottom left;
	padding: 8px;
}

.col .small_box {
	background: #ffffff url(../images/cta_inner_top.png) no-repeat;
	width: 204px;
}

.col .small_box .inner {
	background: url(../images/cta_inner_bottom.png) no-repeat bottom left;
}


.col .box h2 {
	padding: 0 0 12px 5px;
}

.col .box p {
	margin: 3px 0;
}

.resources {
	padding: 0;
}

.resources li {
	list-style: none;
	margin: 5px 0;
	overflow: hidden;
}

.resources a {
	text-decoration: underline;
}


/*** MAIN ***/

#breadcrumb {
	padding: 0 0 11px 15px;
}

#main {
	float: left;
}

#main h2 {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#main h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin:15px 0 4px 0;
}

#main p {
	line-height: 1.6em;
}


#main .box {
	background: #f0f0f0 url(../images/box_top.png) no-repeat top left;
	padding: 12px 0 0 0;
	width: 460px;
}

#main .box .inner {
	background: #f0f0f0 url(../images/box_bottom.png) no-repeat bottom left;
	padding: 0 8px 11px 7px;
}

#main .small_box {
	background: #ffffff url(../images/box_top_inner.png) no-repeat top left;
	padding: 15px 0 0 0;
	clear:both;
}

#main .small_box .inner {
	background: #ffffff url(../images/box_bottom_inner.png) no-repeat bottom left;
	padding: 0 15px 25px 13px;
	overflow:hidden;
}

#main a{
	text-decoration:underline;
}


#banner img {
	border: 1px solid #cccccc;
	margin:10px 0 3px 0;
}

/* LOGIN */

#form{
	overflow:hidden;
	position: relative;
}

#form .floatLeft{
	float:left;
	margin:5px 20px 5px 0;
}

#form .floatRight{
	margin:5px 0px 5px 0;
}

.floatLeft input,
.floatRight input,
.textArea textarea{
	border:1px solid #cecece;
	padding:2px 0;
}

.floatLeft label,
.floatRight label{
	color:#016599;
	font-weight:bold;
	margin:2px 0;
	display:block;
	white-space: nowrap;
}

#form .floatLeft input,
#form .floatRight input{
	width:194px;
	clear:both;
	display:block;
	margin:0px 0 10px 0;
}

#form .floatLeft .submit{
	background:#006599;
	color:#fff;
	font-weight:bold;
	width:auto;
	font-size:1em;
	border:none;
	padding:2px 4px 4px 4px;
}

#form .floatRight .forgotten a{
	font-weight:bold;	
}

#form .textArea{
	margin:0 0 7px 0;
}

#form .textArea textarea{
	width:415px;
}

#form .newUser{
	margin:10px 0;
}

#form .checkbox_Section {
	padding: 0 0 20px 0;
}


#form .counter  {
	background: #F0F0F0;
	/*display: none;*/
	display: none;
	width: 390px;
	color: #016599;
	font-weight: bold;
	padding: 5px 10px;
	margin: 10px 0 5px 0;
	border: 3px solid #016599;
}

hr{
	overflow:hidden;
	clear:both;
	float:left;
	width:418px;
	color:#989898;
	margin:10px 0;
	display:block;
}

#form h3{
	font-size:1.2em;
	margin:0px 0 5px 0;
	float:left;
	font-weight:bold;
}

#form .checkboxes {
	float: none;
}

#form .checkboxes input{
	width:auto;
	float: left;
	margin: 2px 5px 0 0;
	border: none;
}

#form .checkboxes label {
	overflow: hidden;
	margin: 0;
	white-space: normal;
}

#form .long label {
	width: 80%;
}

#form .checkboxes td{
	width:200px;
	vertical-align: top;
}



#form .buttons {
	overflow: hidden;
	clear: both;
	padding: 20px 0 0 0;
}

/* JAVASCRIPT */

/* NEWS */

.date{
	color:#006699;
	font-size:1.2em;
	display:block;
	margin:10px 0 5px 0;
}

.col .box h2.arrowed{
	background: url('../images/arrow_active.png') no-repeat left 5px;
	padding:0px 0 6px 20px;
}

.news ul{
	list-style:none;
}

.news a{
	text-decoration:underline;
}

.backtoNews{
	float:right;
	clear:both;
	margin:7px 0;
	font-weight:bold;
}

#main h3.smallMargin{
	margin:6px 0 4px 0;
}

/* CAMPAIGNS */

.campaignImg{
	float:left;
	width:96px;
	margin:4px 0;
}

.campaignImg img{
	border:1px solid #cdcbcc;
}

.campaignSummary{
	float:left;
	width:308px;
	margin:2px 0 0 12px;
}

#main .campaignSummary h3{
	margin:0;
}

#tabs{
	list-style:none;
	clear:both;
	overflow: hidden;
}

#tabs li{
	float:left;
	margin:0 5px;
}

#tabs li a {
	float: left;
}

#tabs li a.leftTab{
	background: url('../images/tab_white_left.png') no-repeat left top;
	height:32px;
	padding-left:8px;
	color:#006599;
	cursor:pointer;
}

#tabs li a span.textTab{
	background:#fff;
	display:block;
	float:left;
	cursor:pointer;
	font-weight:bold;
	overflow:hidden;
	padding:8px;
	color:#006599;
}

#tabs li a span.rightTab{
	background: url('../images/tab_white_right.png') no-repeat left top;
	height:32px;
	width:8px;
	cursor:pointer;
	float:left;

}

#tabs li a.leftTab:hover{
	background: url('../images/tab_blue_left.png') no-repeat left top;
	color:#fff;
}

#tabs li a:hover span.textTab{
	background:#006599;
	color:#fff;
}

#tabs li a:hover span.rightTab{
	background: url('../images/tab_blue_right.png') no-repeat left top;
}

#tabs li a.leftTab{
	background: url('../images/tab_white_left.png') no-repeat;
}


.comment{
	background: url('../images/comment.png') no-repeat left 6px;
	padding:2px 0 2px 20px;
	margin:13px 0 0 0;
	display:block;
}

.commentIcon{
	background: url('../images/comment.png') no-repeat left 6px;
	padding:2px 0 2px 20px;
}


.emailUs{
	background: url('../images/email.png') no-repeat left 6px;
	padding:2px 0 2px 20px;
}

.imageRow{
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
}

.innerBox{
	background: #F0F0F0 url('../images/inner_box_top.png') no-repeat left top;
	padding:8px 0 0 0px;
	width:202px;
	float:left;
	margin:12px 13px 0px 0;
}

.innerBoxLast{
	margin:12px 0 0px 0;
}

.innerBoxMid{
	background: url('../images/inner_box_btm.png') no-repeat left bottom;
	padding:0px 0 8px 8px;
}


#main .innerBox h3{
	font-size:1.2em;
	font-weight:bold;
}

/*** FOOTER ***/

#footer {
	clear: both;
	overflow: hidden;
	padding: 18px 0 0 0;
}

#footer .inner {
	border-top: 1px solid #006699;
	padding: 11px 0 0 0;
}

#footer ul {
	float: right;
	padding: 0;
}

#footer #footer_nav {
	float: left;
}

#footer #footer_nav  li {
	float: left;
}

#footer li {
	background: url(../images/stick2.png) no-repeat right 5px;
	padding: 0 5px;
	list-style: none;
	float: right;
}

#footer .last {
	background: none;
}

