/* CSS Document */

<style type="text/css" media="screen"><!--


html, body{ 
  padding:0px;
  margin:0px;
  height:100%;
}

body {
  background-color:#CCCCCC;
  font-size: 1em;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#003B71;
  background-image:url(../images/bgGrad.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

#bg{
background-image:url(../images/bottomRight2.gif);
background-position:bottom right;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#bg2{
background-color:transparent;
}

#container
{
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	min-width:760px;
	width: expression( this.scrollWidth < 760 ? "760px" : "auto" );
}

a { 
color: #fff;
font-size: 1em;
background-color:transparent;
text-decoration: none;
}


img{
border:none;
}


pre { 
	color: #fff;
	font-size: 0.9em;
	background-color:transparent;
} 
	
h1 {
	font-size:1.2em;
	color:#0066CC;
	background-color:#FFF;
	clear:left;
	margin:0px;
	padding:0px;
	}
/*-------------------------------------------------------------------------------Header*/
#header h1{
width:100%;
background-image:url(../images/underline.gif);
background-repeat:repeat-x;
background-position:bottom left;
padding-bottom:8px;
}

#LinkHeader{
margin:0px;
padding:8px 0px 5px 0px;
}

#LinkHeader a{
font-style:normal;
color:#003399;
font-size:1em;
font-weight:bold;
display:inline;
margin:0px;
padding:0px;
}

#LinkHeader a:hover{
color:#0066CC;
}

#resize{
width:87%;
margin:7px 0px 0px 0px;
padding:0px;
height:40px;
}

#accesibility{
float:right;
margin:0px;
padding:0px;
width:121px;
background-image:url(../images/tab.gif);
background-repeat:no-repeat;
background-position:right;
}

#accesibility a{
text-align:center;
margin:0px;
padding:0px;
}

#accesibility img{
margin:5px 8px 0px 0px;
padding:0px 0px 3px 0px;
float:right;
}

.cookie{
float:left;
color:#000000;
font-size:0.8em;
height:18px;
margin-top:8px;
padding-top:0px;
}

.cookie a{
color:#003399;
text-decoration:underline;
}

#header{
width:87%;
height:30px;
display:block;
clear:right;
margin:0px;
padding:0px;
}

/*-------------------------------------------------------------------------------AREA1*/
#leftCol{
width:92%;
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 30px;
height:auto;
overflow:visible;
}

#leftCol h1 {
	font-size:1.2em;
	color:#0066CC;
	background-color:#FFF;
	clear:none;
	margin:0px;
	padding:0px;
	}

#leftCol p{
margin:0px;
padding:0px;
}

#leftCol ul{
list-style-image:url(../images/bullet.gif);
padding:0px 0px 0px 0px;
margin:15px 0px 15px 20px;
/*margin-left:225px;
width:375px;*/
}

#leftCol li{

}


/*-------------------------------------------------------------------------------AREA3*/
#imageCol{
height:100%;
padding-left:0px;
padding-right:15px;
margin:0px;
float:left;
min-width:210px;
width: expression( this.scrollWidth < 210 ? "210px" : "auto" );
display:block;
overflow:visible;
}

#imageCol img{
float:left;
clear:both;
padding-bottom:6px;
padding-top:5px;
}

/*---------------------------------------------------------------------------PrimaryNav*/
.primaryNavUL
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	
}
.primaryNavLI{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#003B71;
	display:inline;
}

/*---------------------------------------------------------------------------SecondaryNav*/
.secondaryNavUL
{
	margin:0px 15px 0px 0px;
}

.secondaryNavLI{
	background-color:#003B71;
	margin:0px 0px 0px 10px;
	display:inline;
}

/*---------------------------------------------------------------------------TertiaryNav*/
.tertiaryNavUL{
	margin:3px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	float:left;
	width:400px;
}
.tertiaryNavLI{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
}

.tertiaryNavLI a{
color:#FFFFFF;
font-style:normal;
}

.tertiaryNavLI a:hover{
color:#99CCFF;
}

/*---------------------------------------------------------------------------TertiaryNav*/

/*#navLink
{
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:bold;
	color:#86ABD9;
}*/

/*li
{
	margin:0px;
	display:inline;
}*/	


/*---------------------------------------------------------------------------News Items*/
/*#newsLink{
color:#000000;
clear:none;
float:none;
}

#newsCopy{
min-height:140px;
height: expression( this.scrollHeight < 140 ? "140px" : "auto" );
background-color:#99FF00;
}

#newsTitle{
font-weight:bold;
}*/

dd.newsImg{
padding:0px 15px 0px 0px;
float:left;
margin-left:0;
width:204px;
}
dd.newsImg img{
width:194px;
}
dl{
clear:both;
width:100%;
}

dt.newsTitle{
clear:right;
}

dd.newsCopy{
min-width:200px;
width: expression( this.scrollWidth < 200 ? "200px" : "auto" );
margin-left:216px;
}



/*---------------------------------------------------------------------------News Items*/
	
#leftTopNav{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	width:100%;
	/*height:25px;*/
	display:block;
	clear:both;
}

#leftTopNav a:hover{
color:#99CCFF;
}

.area1{
padding:0px 10px 10px 30px;

}
.area1 p{
background-color:#FFFFFF;
line-height:1.4em;
}

.area1 img{
float:left;
margin-top:5px;
margin-bottom:20px;
margin-right:20px;
padding-bottom:20px;
}

a.classStyle1{
color:#0066cc;
}
a.classStyle1:hover{
color:#003b71;
}





/*  positioning-layers  */

#leftDiv {
		float:left;
		width:70%;
		height:100%;
		left: 0px;
		background-color: transparent;
		margin:0px 0px 0px 0px;
		padding:120px 0px 0px 0px;
		}

#menu {
	background-image:url(../images/TopRight2.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top: 115px;
	background-color:transparent;
	display:block;
	}
		
	
#menu p {
		margin-left:0px;	
		}
		
#content {
width:170px;
height: expression( this.scrollHeight < 468 ? "468px" : "auto" );
min-height:468px;
padding-top:0px;
color:#FFF;
}



#clearFloat
{
	clear:both;
}

.footer{
	background-color: #003B71;
	color:#FFFFFF;
	height:25px;
	padding:0px 15px 0px 25px;
	margin-top:20px;
}

#footerText{
	padding-top:0px;
	color:#FFFFFF;
}

#footerUL{
	padding-top:5px;
	color:#FFFFFF;
	text-decoration:none;
}

#footerLI a{
	padding-top:0px;
	color:#FFFFFF;
	text-decoration:none;
}

img#right{
	margin-top:30px;
	margin-right:15px;
}
#leaderTxt
{
	color:#003B71;
	font-weight:bold;
}
#rightTopNav
{
	/*width:250px;*/
}
#rightTopNavUL
{
	color:#FFFFFF;
}
/* StanList Styles */

#stanListUL{
margin:0px 0px 0px 45px;
}
#stanListLI{
display:block;
color:#000000;
}
/* Custom styles defined by the custom id set by CMS*/

.customBold{
font-weight:bold;
}
.customColour{
color:#A62626;
}
.customEmphasis{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:1.2em;
color:#000000;
}
.customImg{
padding:5px;
}
.customSubtract{
font-size:0.7em;
color:#003B71;
font-weight:bold;
}
.customUL{
padding-left:55px;

}
.customLI{
list-style:armenian;
display:block;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#00FFFF;
}
.customLink{
color:#333;
font-style:italic;
}

#content.customLink{
color:#FFF;
text-decoration:none;
font-weight:bold;
margin-right:10px;
margin-bottom:4px;

}

.customSpanFile{
display:block;
/*width:200px;
clear:none;
/*min-width:250px;
width: expression( this.scrollHeight < 250 ? "250px" : "auto" );*/
margin-top:5px;
/*margin-left:225px;*/
padding-bottom:5px;
font-size:0.8em;
}

.customEmail{
color:#003B71;
text-decoration:none;
}

.standardLink {
color:#003399;
text-decoration:underline;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.customSpanLink a{
color:#003B71;
}
.customSpanLink a.standardLink{
background-image:url(../images/press_button.gif);
width:204px;
height:32px;
background-repeat:no-repeat;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
line-height:180%;
color:#003B71;
text-decoration:none;
display:block;
font-weight:normal;
margin-bottom:10px;
}
.customSpanLink a.standardLink:hover{
color:#FFFFFF;
}
.customSpanLink a.classStyle1{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
line-height:180%;
color:#003B71;
text-decoration:none;
font-weight:normal;
margin-bottom:10px;
}
.customSpanLink a.classStyle1:hover{
color:#003399;
}



/* BLUEWATER CREDIT TEXT */

#BlueWater {
float:right;
padding-top:5px;
font-size:0.7em;
}

/* CATEGORY STYLE */

.categoryUL{
width:100%;
}
.categoryLI{
float:left;
margin:10px;
background-color:#FFF;
padding:15px;
list-style-type:none;
}
.categoryLink{
color:#000000;
margin:10px;
}
.categoryLI img{
padding:0px 0px 5px 0px;

}

.categoryP{
text-align:center;
}




/*---------------------------------------------------------------------CONTACT---------------------------------------------*/
form{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
margin:0px;
padding:0px;
}

#ContactForm p{
margin-bottom:0px;
margin-top:3px;
margin-left:0px;
/*margin-right:7px;*/
}
#submitBtn{
margin-left:310px;
}
.legend
{
color:#003B71;
padding-bottom:10px;
margin:0px;
}
label
{
float: left;
margin-right: 60px;
display: block;
width:100px;
text-align:left;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}

#contentRight{
margin:0px;
padding:0px;
}

#contactus{
background-color:#003B71;
color:#FFFFFF;
width:405px;
height:20px;
padding-left:10px;
font-weight:bold;
}

fieldset
{
border: none;
padding-left:0px;
padding-bottom:10px;
}

input, textarea
{
color:#000000;
background: #F5F5F5;
/*border: 1px solid #007CA4;*/
width:240px;
margin-top:0px;
}

textarea{
margin-bottom:10px;
}

.submit input 
{
color: #FFF;
background: #007CA4;
border: 2px solid #007CA4;
/*margin-left: 4.5em;*/
}
.messages{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin-right:10px;
}

.errorMessage p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin-right:10px;
color:#FF0000;
}

p.messages {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#003B71;
}

.radio{
width:20px;
height:20px;
background-color:transparent;
}
#submitBtn{
width:60px;
}

#idStyle1{
width:150px;
color:#FFF;
font-size:0.9em;
font-family:Georgia, "Times New Roman", Times, serif;
padding:60px 20px 10px 0px;

}


#idStyle1 a{
text-decoration:underline;
color:#FFF;
}

#imageType2{
margin-top:20px;
}

/*#idStyle2{
display:block;
min-width:250px;
width: expression( this.scrollHeight < 250 ? "250px" : "auto" );
}*/

object{
float:left;
margin-top:20px;
margin-right:20px;
}


#rightCol{
padding-right:20px;
margin-top:20px;
}

#rightCol p{
color:#FFF;
font-size:0.9em;
}

#rightCol a{
color:#FFF;
}


#1Actuator{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#idStyle2{
font-family:"Times New Roman", Times, serif;
font-size:12px;

}
#3Actuator{
font-family:"Courier New", Courier, monospace;
font-size:12px;

}
#4Actuator{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;

}
#5Actuator{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
#6Actuator{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;

}

dt a{
color:#003B71;
font-weight:bold;
}



.customSpanLink a.classStyle1 {
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
padding-right:20px;
background-image:none;
margin-bottom:15px;
display:block;
color:#FFFFFF;
float:right;

}

.customSpanLink a.classStyle2 {
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
background-image:none;
margin:15px 0px 0px 0px;
display:block;
clear:none;
}


#credits{
float:right;
display:block;
}

#credits p{
font-size:0.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px 0px 0px 0px;
padding:0px;
}

#credits a:hover{
color:#99CCFF;
}



.classStyle2{
clear:both;
margin-top:-20px;
padding:0px;
}
-->

#textCol{
margin-left:220px;
width:54.5%;
}

.customSpanLink{
padding-bottom:12px;
}

</style>