/* HTML and body settings */

@media screen, projection {

.BeNiceToMacIE5 {
	font-family				: "\"}\"";
	font-family				: inherit;
}

html, body, #wrapper, wrapper2 {
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	min-height				: 100%;
}

html,
body {
    color : #666666;
    font:12px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
}

html>body, html>body #wrapper, html>body #wrapper2 {
	height					: auto;
}

@media all and (min-width:0px) {
	head~body {
		height					: 100%;
	}
}

/* END OF HTML and body settings */




.contentArea li, #content li {
	/*list-style: url(/websitev2/both/subsites/websitev2/images/layout/subbullet.gif);*/
}

/* Container divs and wrappers */

* html #main {
	padding-bottom			: 100px;
}

/* \*/
head:first-child+body div#footer {
	position				: absolute;
	z-index					: 0;
}
head:first-child+body div#main {
	padding-bottom			: 100px;
}


div#wrapper {
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: url(img/footershadow.jpg) bottom left repeat-x;
}

.bodywrapper
{
    position: relative;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    width:856px;
}

* html .bodywrapper
{
    height: 100%;
    margin-bottom: -60px;
}

.contentwrapper
{
    padding-bottom: 9em;
    width:856px;
    text-align:left;
}

.body 
{
    width:856px;
    padding: 10px;
    padding-bottom: 5em;   /* height of the footer */
}

img {border:none;}

.contentarea
{
    font-size: 13px;
}
     
     }

/* END OF Container divs and wrappers */





/* Header */
#header {
	position				: relative;
	z-index					: 500;
	width					: 100%;
/*	height					: 150px;*/
	background				: url(img/headershadow.jpg) repeat-x;
}

#headcontent {
/*	height					: 80px;*/
	width					: 925px;
	margin					: 0 auto;
	position				: relative;
	padding					: 70px 0 10px 0;
}

.header {
   padding:0px 10px 10px 10px;
   width:856px;
   display:block;
}


.headerright
{
    float:left;
    width:625px;
}

.searchlinks 
{
    padding:67px 3px 3px 0px;
    display: block;
    text-align: right;
    font-size: 0.9em;
    vertical-align:bottom;
}

.searchlinks a{
	color				: #999;
	text-decoration		: none;
}

.searchlinks a:hover{
	color				: #333;
	text-decoration		: underline;
}

.searchlinks ul{
	padding				: 0px;
	margin				: 0px;
}

.searchlinks li{
	list-style-type		: none;
	display				: inline;
	padding				: 0px 0px 0px 10px;
}

.logo {
	position				: absolute;
	left					: 8px;
	top						: 17px;
	background				: url(img/logobg.jpg);
	width					: 172px;
	height					: 87px;
	text-align				: center;
	padding					: 10px 0 0 0;
}

.logo img {
	border					: none;
}

/* END OF Header */





/* Footer */
.footer
{
    /*position: relative;*/
    margin-top: -11em;
    border-top: 2px solid #d4d4d4;
    padding: 20px;
    text-align:left;
    font-size: .8em;
    clear: both;
    height:55px;
} 

.footerleft
{
    float:left;
}
.footerright
{
    display: block;
    text-align: right;
    float:right;
}

.footerright a{
	color				: #666;
	text-decoration		: none;
}

.footerright a:hover{
	color				: #333;
	text-decoration		: underline;
}

.footerright ul{
	padding				: 0px;
	margin				: 0px;
}

.footerright li{
	list-style-type		: none;
	display				: inline;
	padding				: 0px 0px 0px 10px;
}

#footer {
	clear					: both;
	bottom					: 0;
	left					: 0;
	overflow				: hidden;

	width					: 100%;
	height					: 100px;

	font-size				: 0.8em;
	color					: #626262;
}

#footerContent {
	padding					: 10px;
}

#footerContent a {
	color					: #626262;
}

#footerContent a:hover {
	color					: #3e3e3e;
	border-bottom			: #3e3e3e dotted 1px;
}

#footerContent .footerleft {
	float					: left;
}

#footerContent .footerright {
	text-align				: right;
	float					: right;
}

#footerContent .footerright ul{
	padding					: 0px;
	margin					: 0px;
	list-style-type			: none;
}

#footerContent .footerright li{
	display					: inline;
	padding					: 0 0 0 10px;
}

* html #footer {
	position				: absolute;
}

/* END OF Footer */





/* Main Layout */

.contentarea {border:0px solid blue;float:left;width:720px;}

#content {
	margin					: 0 0 80px 0;
	padding					: 0;
	color					: #5f5f5f;
	border-top				: #fff solid 1px;

}

.clear {
	clear					: both;
	margin					: 0;
	padding					: 0;
}



#main {
	width					: 925px;
	margin					: 0 auto;
	padding					: 0 0 40px 0;
	clear					: both;
	margin-top				: 2px;
	text-align              : left;
}


/* END OF Main Layout */





/* Breadcrumb Trail */

.breadcrumb {font-size:11px; border:#999 solid 0px;padding:0;margin:0px 0px 10px 0px;}
.breadcrumb li {display:inline;padding-left:4px;border-bottom:0px;}
.breadcrumb a {border-bottom:0px;}


* + html .breadcrumb li { display:inline; }  /* for IE 7 */

/* END OF Breadcrumb Trail */




/* Asset Manager */
.assetrow 
{
	display: block;
	height:auto;
	width:450px;
	padding-top:10px;
}
.assetimage
{
	width:100px;
	text-align:center;
	float: left;
	padding: 0px;
}
.assetdetail
{
	width:280px;
	padding:0px 0px 0px 10px;
}
/* END OF Asset Manager Links */



/* Standard Site Text Sizes and Spacing */
.contentarea h1{
	margin				: 5px 0px 20px 0px;
	color				: #666666;
    	font                		: 26px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
	letter-spacing			: -1px;
	border-bottom			: 1px solid #e4e4e4;
	border-top			: 0px solid #e4e4e4;
	font-weight        		: normal;
}

.contentarea h2{
	margin				: 20px 0px -3px 0px;
	color				: #333333;
	font               		: 24px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
	letter-spacing			: -1px;
}

.contentarea h3{
	margin				: 19px 0px -5px 0px;
	color				: #333333;
	font				: 16px 'Trebuchet MS', Tahoma;
}

h4{
	margin				: 15px 0px -5px 0px;
	color				: #666666;
	font				: 14px 'Trebuchet MS', Tahoma;
}

h5{
	margin				: 15px 0px -5px 0px;
	color				: #999999;
	font				: 13px 'Trebuchet MS', Tahoma;
}




a{
	color				: #68962a;
	text-decoration		: none;
}

a:hover{
	color		        : #fea201;
	text-decoration     : none;
}

.contentarea b, .contentarea strong 
{
    color               : #333333;
}

.contentarea a strong, .contentarea a b,#content a strong, #content a b {
	color				: #3b9219;
color:#4a6b1e;
}

.contentarea a:hover strong, .contentarea a:hover b,#content a:hover strong, #content a:hover b {
	color		        : #fea201;
}

img 
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

p b
{
    color: #333333;
}


sup {font-size:8px;}

span.tm {
	position:relative;
	bottom:0.8em;
	font-size:0.5em;
}

/* END OF Standard Site Text Sizes and Spacing */


/* OPERA & FF Fix for floating background on nav */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .topnav ul li a:hover {padding-top:17px;}
}





/* Curve the corners on the Text Plus 1 Image and Links Template */
.curvecorners img
{
    /*min-width:300px;*/
display:block;
}

.curvecorners 
{
    float:right;
    margin: 0px 10px 10px 10px;
    position:relative;
}

.tl, .tr, .bl, .br
{
    position:absolute;
    background-color: #fff;
    width:35px;
    height:35px;
    overflow:hidden;
}

.tl { left:0; top:0; background: url(/websitev2/both/subsites/websitev2/images/layout/tl.png);}
/*.tr { right:0; top:0; width:65px; height:65px; background: url(/websitev2/both/subsites/websitev2/images/layout/tr-wiggle.png);}*/
.tr { right:0; top:0; background: url(/websitev2/both/subsites/websitev2/images/layout/tr.png);}
.bl { left:0; bottom:0; background: url(/websitev2/both/subsites/websitev2/images/layout/bl.png);}
.br { right:0; bottom:0; background: url(/websitev2/both/subsites/websitev2/images/layout/br.png);}

/* End of curved corners*/

/* TOOLTIP */
a.tip {
	position				: relative; /*this is the key*/
	z-index					: 24;
	/*background-color			: #ccc;*/
	text-decoration				: none
}

a.tip ul {
	padding					: 0;
	margin					: 0 0 0 0px;
	list-style				: none;
}

a.tip:hover {
	z-index					: 25;
	background-color			: #fff;
	cursor:help;
}

a.tip span, a.tip em {
	display					: none;
}

a.tip:hover span{ /*the span will display just on :hover  state*/
	display					: block;
	padding					: 10px;
	position				: absolute;
	top					: 1.5em;
	left					: 0.4em;
	width					: 15em;
	border					: 1px solid  #ccc;
	background-color			: #fff;
	background:#FFFFE1;
	color					: #000;
	-moz-border-radius			: 1em 0.5em;
}

/* THIS FIXES SEGOE WRAP ISSUE ON PROJECT TSUNAMI */

.contentarea .csHolder h2.csFix {
	width:450px;
	left:0px;
}

/*.contentarea .featureImage {margin-bottom:20px;}*/