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

<Site Name> - Basic Style Sheet

Version:	1.0
Author:		<author>
Email:		<email>
Website:	<website>

*** Last Modify Date: 09/03/2007 ( Aaron ) ***

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

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

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


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body 
{
}

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.leftvideo { float: left; margin-right: 10px; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { width:100%; }
body 
{
	width:960px; 
	margin-left:auto; 
	margin-right:auto; 
	font-size: 1em;  
	font-family:Arial, Sans-Serif; 
	color:#3f3f3f;
	font-size:0.75em;
	line-height: 1.4; 
	background-image: url(/img/body_bg.gif);
	background-repeat: repeat;
}

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { color:#3f3f3f; margin-top:6px  }
.freeform p { color:#3f3f3f; padding-left:5px; margin: 0 0 6px 0;}
.freeform ul { color:#3f3f3f; list-style-type:none;  margin: 0 0 6px 7px;}
.freeform ul li { padding-left:15px; background:transparent url(/img/bullet.gif) no-repeat; background-position:0 0.42em; }

.freeform ol { color:#3f3f3f; margin: 0 0 6px 23px;} /* needs slightly bigger left margin than ul */
.freeform a { color:#3f3f3f; }
.freeform a:hover { color:#3F4a92; text-decoration:none; }

.freeform img { margin: 10px; margin-top:4px; max-width:670px; }
/* CSS3 selectors, for the good browsers */
 .freeform img[align=left] { margin-left: 0; float:left; } 
.freeform img[align=right] { margin-right: 0; }

/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin-bottom:7px; padding-left:5px; clear:both; }
h2, h3, h4, h5, h6 { margin-top:10px; }

.home-page h1, .home-page h2 { width: 930px; }
h1, h2
{
	width: 681px;
	border-bottom:1px dashed #ccc;
	padding-bottom:4px;
}
.s-content h1, .s-content h2 { width: 230px; float: left; clear: both; }
h1
{
	color:#424E96;
	font-size:1.17em;
}

h2, h3
{
	color:#3f3f3f;
	font-size:1.08em;
}

h4, h5
{
	color:#3f3f3f;
	font-size:1em;
}

h1.bigGap
{
	padding-top:18px;
}

/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { color:#3f3f3f; }
a:link { color:#3f3f3f; }
a:visited { color:#3f3f3f; }
a:hover, a:active, a:focus { color:#3F4a92; text-decoration:none; }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
legend { display:none; }
label { cursor: pointer; display:block; font-weight:bold; margin: 0; padding:0; margin-bottom:5px; }

input, select, textrea { font-family: inherit; font-size: 1em; }


/* =LayoutStructure
--------------------------------------------------------------------------*/

.p-content { float:left; width: 685px; margin: 10px 14px 5px 15px; }
.home-page { float: left; width: 930px; }
.s-content { float: left; width: 230px; }

.footer_logos { background-color: #fff; padding-left: 18px;}
.footer { clear: both; width: 960px; }



/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/



/* =header
--------------------------------------------------------------------------*/

div.header
{
	background-color:#414D95;
	background-image: url(/img/headerbg.gif);
	background-repeat:repeat-x;
	border-bottom:4px solid #40B3E2;
	height:8.42em;
	min-height:101px;
	max-height:460px;
	color:White;
}

div.header form a { display:block; color:White; margin-top:13px;}
div.header form a:link { color:White; }
div.header form a:visited { color:White }
div.header form a:hover, div.header form  a:active, div.header form a:focus { color:White; text-decoration:none; }

img.logo
{
	float:left;
	margin-left:20px;
	margin-top:14px;
}

form.searchForm
{
	float:right;
	margin-right:16px;
	margin-top:19px;
	max-height:340px;
}

input.searchInput
{
	width:16.25em;
	max-width:890px;
}

input.searchButton
{
	margin-left:8px;
}

div.banner
{
	clear:both;
	background-color:White;
}

img.rotatingheader
{
	margin:0px; 
	padding:0px; 
}

img.firstTwoHeaders
{
	margin-right:1px;
}



/* =navigation
--------------------------------------------------------------------------*/
ul.listmenu
{
	width:960px;
	height:2.17em;
	min-height:26px;
	display:block;
	background-image:url(/img/nav_bg.gif);
	background-repeat:repeat-x;
	background-color:#70CEF4;
	border-top:1px solid White;
}

ul.listmenu li
{
	float:left;
	color:#2C3A77; 
	list-style-type:none;
	font-weight:bold;
	background-image:url(/img/nav_divide.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
ul.listmenu li.last { background-image: none; }
ul.listmenu li a 
{ 
	float:left;
	display:block;
	color:#2C3A77; 
	height:1.75em;
	min-height:21px;
	padding-top:0.42em;
	padding-left:17px; 
	padding-right:18px; 
	vertical-align:top; 
}
ul.listmenu li a:link { text-decoration:none; }
ul.listmenu li a:visited { text-decoration:none; }
ul.listmenu li a:hover, a:active, a:focus { text-decoration:underline; }

li.active
{
	color:White;
	padding-right:2px;
	background-image:url(/img/nav_divide.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

li.active a 
{
	color:White !important;
	background-image:url(/img/nav_bg_on.gif);
	background-repeat:repeat-x;
	background-color:#264796;
}
li.active a:link { color:White; text-decoration:none; }
li.active a:visited { text-decoration:none; }
li.active a:hover, a:active, a:focus { text-decoration:underline; }

li.home a
{
	padding-left:20px !important;
}

li.lastItem 
{
	background-image:none !important;
}


/* =p-content
--------------------------------------------------------------------------*/
div.contentcontainer
{
	clear:both;
	width:960px;
	background-color:White;
	border-top: dashed 1px #CBCBCB;
}

div#breadcrumbs
{
	padding-left:5px;
	padding-bottom:9px;
	margin-bottom:0px;
	border-bottom:1px dashed #ccc;
}

div.featuredNews
{
	margin-left:5px;	
}

div.featuredNews a
{
	color:#434F96;
	text-decoration:underline;
}

div.featuredNews a:hover
{
	color:#434F96;
	text-decoration:none;
}

div.featuredNews h4
{
	padding-left:0;
	margin-top:0px;
	padding-top:0px;
}


div.featuredNews img
{
	margin: 0 10px 10px 0;
}

ol.documents { float: left; clear: both; width: 230px; }
ol.documents li, ol.children li
{
	padding: 3px 0 4px 32px !important;  
	list-style-type: none; 
	margin: 0 0 5px 5px; 
	width: 198px; 
	float: left;
	clear: both
}

ol.ecodocuments
{
	width:49%;
	float:left; 
}

ol.ecodocuments li
{
	padding-left: 32px !important; 
	height:2.17em; 
	list-style-type:none; 
	padding-top:0.25em; 
	margin-left:5px; 
}

ol.children li { background: url(/img/icons/child.gif) no-repeat 0 11% !important; width: 198px; padding: 3px 0 4px 32px; }
li.pdf { background: url(/img/icons/pdf.gif) no-repeat 0 11% !important; }
li.doc { background: url(/img/icons/doc.gif) no-repeat 0 11% !important; }
li.xls { background: url(/img/icons/xls.gif) no-repeat 0 11% !important; }
li.ppt { background: url(/img/icons/ppt.gif) no-repeat 0 11% !important; }
li.pps { background: url(/img/icons/pps.gif) no-repeat 0 11% !important; }
li.rtf { background: url(/img/icons/doc.gif) no-repeat 0 11% !important; }
li.jpg { background: url(/img/icons/jpg.gif) no-repeat 0 11% !important; }

div.backToArticleList
{
	clear:both;
	margin-left:5px;
}

p.searchcriteria, p.general
{
	margin-left:5px;
}



/* =s-content
--------------------------------------------------------------------------*/
/*div.keyProjects h2, div.outerEventsContainer h2
{
	width:228px;
	margin-top:12px;
}

h3.blockh3
{
	width:226px;
	display:block;
	margin:0 !important;
	padding:0 !important;
}

ol.articleList
{
	list-style-type:none;
	margin-left: 6px;
}

li.keyprojectli
{
	clear: none;
	width: 226px;
	border:1px solid #ccc;
	margin-bottom:6px;
	float: left;
}

a.keyprojecthover
{
	display:block;
	padding-top:5px;
	padding-left:8px;
	padding-bottom:5px;
	color:#262C76;
	text-decoration:none;
}

a.keyprojecthover:link
{
	background-color:#FFFFFF;
}

a.keyprojecthover:hover, a.keyprojecthoveractive
{
	background-color:#96DBF8;
}

li.keyprojectli img
{
	display:block;
	float:none;
	clear:both;
}*/

div.eventsContainer
{
	background-color: #F6F4E8;
	margin: 6px !important;
	padding: 10px 20px;
	height:185px;
}

.calendarMonthSelector 
{
	float:left;
}

.calendarMonthSelector h4 
{
	float: left;
	display: block;
	text-align: center;
	float: left;
	width: 98px;
	font-size: 1em;
	font-weight: normal;
	padding: 2px 4px;
	border: 1px solid #E4E9EF;
	color: #464445;
	margin-top:0px;
	background-color:White;

}

a.calendar_arrow, a img.calendar_arrow, .inactive-left, .inactive-right
{
	display: block;
	float: left;
	width: 27px;
	height: 22px;
	font-size: 0.75em;
	text-decoration: none;
	
}

.arrow_left, .inactive-left { margin-right: 6px; float: left; }
.arrow_right, .inactive-right { margin-left: 6px; float: left; }

.calendar { float: left; clear: both; width: 177px; border-collapse: collapse; font-size: 1em; margin: 4px 0; line-height:2; }
.calendar td { border: 1px solid #FFF; background-color: #d6d6d6; color: #FFF; font-weight: bold; width: 25px; }
.calendar tr { height: 21px; }
.calendarWeekday { background-color: #92aecd; color: #FFF; font-weight: bold;  }
.calendarDay1 { background-color: #999999; }
.calendarDay1 a { color: #FFF; text-decoration: none; }
.calendarDay1 a:hover { color: #FFF; text-decoration: none; }
.calendarDay2 { background-color: #6ecdf4; }
.calendarDay2 a { color: #FFF; text-decoration: none; }
.calendarDay2 a:hover { color: #FFF; text-decoration: none; }
h2.calenderh2 { margin-bottom: 10px !important; }

p.daterange { margin: 3px 0; }

.event-details { float: left; border-bottom: 1px dashed #9E9E9E; padding-top:6px; margin: 0 0 6px 0; width: 684px; background-color:#F6F3E2; } 
.event-details .keypairvalue { float: left; clear: both; font-size: 1em; color: #3B458D; padding: 0 0 6px 0; }
.event-details .keypairvalue strong { font-weight: normal; color: #3f3f3f; display: block; float: left; width: 100px; margin: 0 0 0 5px;}

.related-documents { float: left; width: 226px; }
.related-documents h2 { float: left; width: 226px; }
.related-documents ul { float: left; width: 226px; clear: both; }
.related-documents li { list-style-type: none; float: left; width: 170px; clear: left; padding: 4px 10px 4px 30px; margin: 2px 0; display: inline; position: relative; }




/* =footer
--------------------------------------------------------------------------*/
div.footer
{
	width:919px;
	height:2.4em;
	background-color:#3B458D;
	color:#98A1DC;
	padding:1em 20px 0 21px;
}

div.footer a, div.footer a:link
{
	color:#98A1DC;
	text-decoration:underline;
}

div.footer a:hover
{
	text-decoration:none;
}

/* =pagining styles
--------------------------------------------------------------------------*/
div.resultDetail
{
	background-color:#F6F3E2;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin:10px 0 5px 0;
	padding:9px 0;
}

div.resultDetail p
{
	padding-left:5px;
}

div.resultDetail p span
{
	font-weight:bold;
	color:#3A478D;
}

div.amount 
{
	padding-left:5px;
	margin-top:9px;
}

select.objectsResultsPageSizeSelector
{
	width:4em;
}

ol.newsArticleList li, .event li
{
	list-style-type:none;
	padding-left:5px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px dashed #e8e8e8;
	clear:both;
}

div.searchResultsDiv
{
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px dashed #e8e8e8;
}

ol.newsArticleList li img, .event li img
{
	float:left;
	margin-right:10px;
}

ol.newsArticleList li h3, div.searchResultsDiv h4, .event li h2
{	
	padding-left:0;
	margin-top:0;
	margin-left:0;
	margin-top:0;
}

div.searchResultsDiv h4
{
	padding-left:5px;
}

p.searchResultsSummary
{	
	padding-left:5px;
}


div.newsText
{
	float:left;
	width:527px;
}

ol.newsArticleList a, div.searchResultsDiv a, ol.newsArticleList a:link, div.searchResultsDiv a:link, .event a, .event a:link
{
	color:#434F96;
	text-decoration:underline;
}

ol.newsArticleList a:hover, div.searchResultsDiv a:hover, .event a:hover
{
	color:#434F96;
	text-decoration:none;
}

p.dateposted
{
	margin-left:5px;
}

div.pagingcontrol
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

div.pagingcontrol a
{
	text-decoration:none;
}

div.pagingcontrol img
{
	margin-bottom:-7px;
}


span.paging-on, a.paging-off
{
	margin: 0 1px; 
	padding: 5px 11px 5px 11px;
	background-repeat:no-repeat;
}
span.paging-on
{
	color:White;
	background-image:url(/img/paging/number_on.gif);
}

a.paging-off
{
	color:#747474;
	background-image:url(/img/paging/number.gif);
}

a.paging-off:hover
{
	color:White;
	background-image:url(/img/paging/number_on.gif);
}



#videoplayer
{
	margin-right: 10px;
}

.featured-news-item
{
	background:#F6F3E2;
	padding:0 4px 4px 4px;
}

.featured-news-item h3
{
	border-bottom:1px dashed #ccc;
	padding-left:3px;
	padding-bottom:6px;
	padding-top:6px;
}

.featured-news-item h3 span
{
	background-color:#D5DBE7;
	padding:2px;
	text-transform:uppercase;
}

.featured-news-item p
{
	padding-left:3px;
}


/* New Projects Section */


div.keyProjects 
{
	width: 931px; 
	float: left; 
	clear: both; 
	background: #eef9fd; 
	padding: 14px 15px 14px 14px; 
	border-bottom: 1px dashed #CCCCCC; 
	margin: 0 0 12px 0;
}
div.keyProjects ol { float: left; padding: 0; margin: 0; width: 930px; overflow: hidden; }
div.keyProjects ol li { float: left; display: inline; width: 117px; padding: 0; margin: 0 18px 0 0; }
div.keyProjects ol li.last { padding: 0; margin: 0; }
div.keyProjects ol li a { display: block; float: left; clear: both; border: 1px solid #b9b9b9; }
div.keyProjects ol li a:hover { border: 1px solid #3653aa; }
div.keyProjects ol li a img { width: 115px; height: 169px; display: block; float: left; }
div.keyProjects ol li h3 { display: block; float: left; clear: both; margin: 0; padding: 10px 0 0 0; width: 115px; }
div.keyProjects ol li h3 a  
{
	display: block; 
	float: left; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	color: #3f3f3f; 
	border: 0;
}
div.keyProjects ol li h3 a:hover, div.keyProjects ol li h3 a.keyprojecthoveractive { text-decoration: none; color: #3653aa; border: 0; }