/* CSS Document */

/* commented backslash hack \*/ 
html, body{height:100%; } 
/* end hack */
html,body {margin:0;padding:0; text-align:center;}

/*** Reset ***/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
a { text-decoration:none; }

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.lightgrey {color: #666;}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%;
	margin:0px;

}

#wrapper {
min-height:100%;
height:auto;
margin:0 auto;
padding:0;
background:#fff url(../images/wrapper_back.gif) repeat-y;
width:1005px;
text-align:left;
position: relative;
}

#wrapper_narrow {
min-height:100%;
height:auto;
margin:0 auto;
padding:0;
width:800px;
text-align:left;
}

/*** Global ***/

strong, b { color:#2992CC; font-weight:bold; }

.page-text-error { color:#FF0000; font-weight:bold; }

.page-text-message { color:#2992CC; font-weight:bold; border:1px solid #2992CC; padding:5px; background-color:#E7EFF8; text-align:center;   }

.caption { font-style:italic; font-size:11px; }

/* BREADCRUMBS
************************************************************/
.breadcrumbArea{ 
	clear:both;
	display:inline;
	float:left;
	margin:5px 0 5px 20px; 
	font-size:11px;
}

 .breadcrumbs {
	margin:5px 0 0 0;
	padding:0;

}
 .breadcrumbs li {
	display:inline;
	border-right:1px solid #2992CC;
	padding:0 3px;
	margin:0 0px 0 0;
	list-style-type:none;
}
 .breadcrumbs li a {
	color:#2992CC;
	text-decoration:underline;
	line-height:12px;
}

.breadcrumbs li a:hover {
	color:#444;
	text-decoration:none;
}

.end { border-right:none; }


/*** Left ****/
#left {
	float:left;
	width:237px;
	}

#leftWrapper{
	margin:205px 0 0 0 ;
	background:url(../images/left_background.jpg) no-repeat top left;
	min-height:600px;
}

#left ul {
	border-top:1px solid #2075A5;
}

#left ul.menu li a {
	font-size:18px;
	color : #fff;
	border-bottom:1px solid #fff;
	display:block;
	padding:5px 20px;
	
}
#left ul.menu li a:hover {
	background: #3E8FBD url(../images/left_arrow.gif) 5px 50% no-repeat ;
}


#left ul.menu li ul li a {
	color:#fff;
	font-size:14px;
	border-bottom:none;
}

/*** Right Column ***/

#righ�_narrow{
	float:right;
	width: 300px;
	border: 1px solid #ccc;
}

/*** Left Narrow ***/

#left_narrow{
	margin-right: 320px;
}

/*** Left Button ***/

.leftButton {
	background:url(../images/left_button.gif) no-repeat;
	border:1px solid #0078BC;
	width:213px;
	height:31px;
	margin:2px 12px;
}

.leftButton a {
	color:#fff;
	font-size:14px;
	line-height:31px;
	font-weight:bold;
	padding-left:5px;
	display:block;
}

.leftButton a:hover {
	color:#EFF9FC; 
}

.buttonSpacer {
	margin:2px 0 0 12px;
}

/*** News Article ***/

.newsArchiveDrop { 
	padding:5px;
	background-color:#f7f7f7;
	border:2px solid #ccc;
	width:250px;
}



.newsList {
	margin:10px 0 15px 0;
}

.newsList a img {
	border:1px solid #ccc;
	padding:1px;
}

.articleImgRight {	
	border:1px solid #ccc;
	padding:1px;
	float:right; 
	margin-left:10px; 
	margin-bottom:10px;
}

/**** Sidebox ***/

.sidebox {
	float:right;
	padding:5px;
	background-color:#f7f7f7;
	border:2px solid #ccc;
	width:150px;
}

.sidebox ul {
	margin:2px 0;
}

.sidebox ul li {
	padding:3px 0px;
	margin-left:10px;
}



.sidebox h3 {
	font-size:14px;
	color:#2891CC;
	padding:2px 0px;
	text-align:center;
	font-weight:bold;
}

/*** contact

#main fieldset { border:1px solid #ccc; padding:5px; }

#main legend { 
	font-family: "Lucida Sans Unicode", Arial, San Serif;
	color:#2891CC;
	font-size:18px;
	padding:5px 0;
	font-weight:normal; 
}
 ***/
 


#main legend { display:none;}

#main form { font-size:12px; }

#main form input, #main form textarea {
	border:1px solid #BADBE4;
	background-color:#E6F7FD;
}

#main form table .TopTable { vertical-align:top; }

#main form tr td { padding:5px; }

#main form label { font-weight:bold; }

.submit { border:none; background-color:#0033CC; color:#fff; text-align:center; padding:5px; }

/*** bodyblock ***/

#bodyblock{
	width:760px;
	/*margin-left:240px;*/
	float:right;
	
}

#bodyblock_narrow{
	width: 780px;
	margin: 10px;
}


.clear {
	clear:both;
}

/****** Top Nav *****/

#navbar { 
	margin:0px;
	float:right;
}

#navbar ul {
	margin: 0px ;
}

#navbar li { list-style-type:none; display:inline;  margin:0px; }

#navbar li a { font-size:12px; line-height:23px; width:108px; margin:0; padding:5px 20px 5px 20px; color:#05415D; text-align:center; text-decoration:none;
 background:url(../images/topnav_n.jpg);
 
 }

#navbar li a:hover {
	 background:url(../images/topnav_o.jpg);
}

/*** Logo ***/

#logo {
	padding-top:20px;
	float:left;
}

/*** Strapline ***/

#strapline {
	margin:20px 0;
	float:right;
}

#topButtons {
	margin-top:5px;
	clear:both;
	width:760px;
}

#topButtons ul {
	float:right;
	margin: 0px ;
}

#topButtons li { list-style-type:none; display:inline;  margin:0px; }

#topButtons li a { font-size:16px; line-height:31px; width:108px; margin:0; padding:5px 20px 5px 20px; color:#05415D; text-align:center; text-decoration:none;
 background:url(../images/bigNav_n.jpg);
 
 }

#topButtons li a:hover {
	 background:url(../images/topnav_o.jpg);
}

#topButtons li a.Blue { background:url(../images/blue.jpg); color:#fff; font-weight:bold; font-size:16px; line-height:29px; padding:5px 20px 4px 20px; }
#topButtons li a.Blue:hover { color:#EFF9FC; }

#topBlueStrap{ width: 800px; background-color: #2891CC; color: #fff; font-weight:bold; font-size:16px; line-height:29px; padding:5px; margin: 10px 0; }

/*** Unique Forms ***/

#leftContent {
	float:left;
	width:400px;
}

#rightForm {
	margin-left:420px;
	width:280px;
}

#map { border:2px solid #ccc; padding:1px; margin-top:10px; }

/*** Flash area ***/

#flashArea object {
  margin:0;
  height:380px;
  width:762px;
  background-color:#CCCCCC;
}

#flashcontent p {
	margin:0;
	padding:0;
}



/*** Main ***/

#main {
	clear:both;
	margin:10px 20px;
	_margin:0px;
}

#main_narrow {
	text-align: justify;
	margin: 0;
	padding: 0;
}

#main p, #main ul li , .documents li,  #main_narrow p {
	font-size:12px;
	line-height:130%;
	padding:5px 0;
}

#main .documents ul li {list-style-type:circle; }

#main .documents ul li a{  font-size:12px;
	line-height:130%;
	padding:5px 0;
	text-transform:capitalize; }
	
#main_narrow ul li a {
	margin-left: 15px;
	
}

.documents  ul { margin:20px 15px; }

#main h1 {
	font-family: "Lucida Sans Unicode", Arial, San Serif;
	color:#2891CC;
	font-size:28px;
	padding:5px 0;
	font-weight:normal;
	letter-spacing:-2px;
}

#main_narrow h1 {
	font-family: "Lucida Sans Unicode", Arial, San Serif;
	color:#2891CC;
	font-size:28px;
	padding:10px 0 20px 0;
	font-weight:normal;
	letter-spacing:-2px;
}


#main h2, .questionTitle, #main_narrow h2 {
	font-family: "Lucida Sans Unicode", Arial, San Serif;
	color:#2891CC;
	font-size:18px;
	padding:5px 0;
	font-weight:normal;
}

.questionTitle {
	font-weight:bold;
	font-size:12px;
	line-height:130%;
}

#main h3 { 	font-size:14px;
	padding:5px 0;
	font-weight:normal; }

#main a, #main_narrow a {
	color:#2992CC;
	text-decoration:underline;
}

hr {
	color: #e5e5e5;
background-color: #e5e5e5;
height: 2px;
	margin:20px 0;
}

#main a:hover, #main_narrow a:hover {
	color:#444;
	text-decoration:none;
}

#main ul, #main_narrow ul {
	margin:5px;
}

#main ul li, #main_narrow ul li {
	list-style-type:disc;
	margin-left:10px;
}

#main_narrow ul li {
	margin: 5px 0 5px 10px;
	font-size: 1.2em;
}

/*** Bottom area ***/

#bottomarea {
	margin:20px 0;

}

#bottomBox {
	float:right;
	margin-top:20px;
	width:386px;
	height:156px;
}

#bottomBox p { 
	padding:5px;
	font-size:12px;
	line-height:130%;
}

#bottomLeft {
	float:left;
	margin:10px 14px 0 10px;
	width:340px;
	height:240px;
}

#bottomBox ul {
	padding-left: 50px;
	margin-top: 40px;
	width:366px;
}

#bottomLeft ul li, #bottomBox ul li {
	background:url(../images/li_logo.gif) 0 0 no-repeat;
	padding-left:33px;
	display:block;
	min-height:29px;
	font-size:16px;
	line-height:18px;
	color:#0078BC;
	margin:5px 0;
}

#bottomLeft ul li a, #bottomBox ul li a {
	color:#444;
	display:block;
	margin-top: -2px;
	text-align:right;
	font-size:11px;
}

#bottomLeft ul li a:hover, #bottomBox ul li a:hover { text-decoration:underline; }

#bottomBox ul li.daisy {
	background:url(../images/li_daisy.gif) 0 0 no-repeat;
}

#bottomBox ul li.logo {
	background:url(../images/li_logo.gif) 0 0 no-repeat;
}

#bottomBox ul li.daisy a, #bottomBox ul li.logo a {
	font-size:16px;
	line-height:18px;
	color:#0078BC;
	text-align: left;
}

/*** Footer ***/

#footer {
	clear:both;
	padding:30px 0 0 0 ;
	margin:10px 20px ;
	/**position:absolute;**/
}

#footer p { text-align:right; padding:10px 0; }

#footer a {
	color:#2891CC;
}

#footer a:hover{
	text-decoration:underline;
}

#seo {
 position:absolute; 
 top:927px; 
 left:250px; 
 font-size:10px; 
 color:#2891CC;
}

#main p.trigger {background:url(../img/toggle_plus.gif) left no-repeat; height:20px; line-height:20px; padding-left:30px; margin: 20px 0; cursor:pointer;}
#main p.active {background:url(../img/toggle_minus.gif) left no-repeat;}

#suggestion-form-wrapper {position: relative; width: 720px; height: 400px; z-index: 100;}
#image-ponder {position: absolute; z-index: 120; bottom: 0; right:0; width: 240; height: 240px;}
#suggestion-form {position: absolute; z-index: 150; width: 580px; height: 400px; }


/********************************************
*** TOOLTIP  *******************************
********************************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	line-height: 1.2em;
	
}

#tooltip h3 {font-family: Georgia, Times New Roman,  sans-serif; }

#tooltip h3, #tooltip div { margin: 0 0 5px 0; color: #fff; }
 
#tooltip.profile-tip {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:10px;
	background-color: #2891CC;
	color: #fff;
}
#tooltip.profile-tip {
	margin-bottom: 0.75em;
	font-size: 12px;
	width: 220px;
	text-align: left;
}
#tooltip.profile-tip div { width: 220px; text-align: left; color: white; }
#tooltip.profile-tip div.body {font-size: 11px; }