/* GENERAL STYLES */
/* GENERAL STYLES */
/****************************************************************************/
/*	Title:	povMain.css														*/	  
/*	Desc.:	Main css file for the Port of Virginia website					*/
/*	Author:	Angela M. Ellis													*/
/*																			*/	
/*	Last Rev. Date: 2/12/2009												*/
/****************************************************************************/

#lsearch input{
         width:125px;
                 }

#lsearch {
        position:absolute;
        top:10px;
        right:10px;
        }


/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% Tahoma, sans-serif;
	line-height: 1.4;
	color: #555753; 
	background: #FFFFFF no-repeat top left; 
	text-align:center;
	margin-top: 0px; 
	}
		
p { 
	margin-top: 0; 
	text-align: justify;
	font:Geneva, Arial, Helvetica, sans-serif;

	}
h3 { 
	font: bold normal 1.4em Tahoma, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}

#leftNav h3 { 
		font: bold .9em Tahoma, sans-serif !important;
text-transform:Uppercase;

	letter-spacing: 1px; 
	margin-bottom: 0; 
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #003366; /*#B7A5DF;*/
	}
a:vlink { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666633; /*#B7A5DF;*/
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666633; /* #0066CC;#D4CDDC; */
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #0066CC;
	}
acronym {
	border-bottom: none;
	}

a img 	{
	border:none;
        }

/****************************************/
/* specific divs 						*/
/****************************************/
#container { 
	background: transparent none repeat-y scroll center top; 
	position: relative;
	text-align: left;
        width:1024px;
	margin:0 auto;
        border: 1px solid gray;
	}
#pageHeader h1 { 
        margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none;
        }
#pageHeader h2 { 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display:none;
	}
#pageHeader {
	background:transparent url(/images/logo_header.jpg) no-repeat scroll center top;
    	position:relative;	
    	overflow:hidden;
	height:150px;
        /*margin-left: 8px;   /*This was added to align the image for the hotlink in header*/
	}
#pageHeader img{

float:left;
margin-top:8px;
/*	margin:8px 12px 8px -210px; 	
position: absolute;
	*/

	}

#topNav {
	 position:relative;
	 top:3px;
	 width:790px;
         float:right;	
         background:#006990 none repeat-x;
}

#topNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
        	
	}

#leftNav{
    float:left;
    width:200px;
    background: transparent url(/images/side_bar_slice.jpg) repeat-y scroll 0% 50%; /*#DBD4C0*/ 
    margin-left:-3px;   	/*	to fix alignment issues with leftNav div   */
	}

#leftNav a{
	color:#006699;
	}

#socialMedia {
	text-align:left;
	/*text-transform:uppercase;*/
	padding-left:10px;
	float:none;
	/*clear:both;*/
	overflow:hidden;
	padding-top:10px;
	font-size: 85%;
	/*font: bold Tahoma, sans-serif !important;*/
	}

#socialMedia img {
	/*text-align:left;*/
	float:none;
	clear:both;
	overflow:hidden;
	padding-bottom:10px;
	/*font: Tahoma, sans-serif;*/
	}


#content {
	width:1021px;
    margin:0 auto;
    position:relative;
	left:2px;
	}
#centerPaneHome {
    float:right;
    width:790px;
    margin-top:15px;
    font-size:14px;
    
	}
#centerPane{
    width:790px;
    float:right;
    padding:10px 0px 0px 0px;
    margin-top:15px;
    	
}

#centerPane .iFrame {
   /*padding-top: 150px;*/
}

#centerPane p {
    margin-right:15px;
    text-align:left;
    font-size:14px;

    }
#centerPane ul{
    margin-top:0px;
    width:90%;
    }
#centerPane ol{
    margin-top:0px;
    }

.EnvBulletList {
    list-style-image: url(/media/16439/li_btn1.gif);
    text-align:left;
    font-size:14px;
    
}
.bulletlist {
    text-align:left;
    font-size:14px;
}

.bulletlist li {
    margin-bottom: 30px;
    list-style-type: disc;
    }

#intro {
	clear: right; 
	padding: 0px 10px 0 10px;
	}

#intro img {
	/*border: gray 1px solid;*/
}

#rightPane {
    float:left;
    margin-top:20px;
    width:250px;
    padding-left:25px;
    clear:both;
    }

#news {
	float:none;
	padding:0px 15px 10px;
        width:100%;
	/*height:150px;*/
	}
#environmental {
	font-size:0.9em;
	/*background:transparent url(/images/Environment_WebGraphic.jpg) no-repeat scroll 0%;
	height:375px;*/
	width:175px;
	}
#environmental p, #environmental h3{
	display:none;
	}

.ContentPaneFullText {
	width:98%;
        clear:both;
        }

.ContentPaneFullTextCenter {
	width:600px;
        text-align:center;
        }

.ContentPaneFullText p{

}
#pageFiller {
       width:770px;
       float:right;
       padding: 25px 15px 10px;
       }

#pageFiller h3 {
	font: bold normal 1.4em Tahoma, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}

#pageFiller p {
	margin-top: 0; 
	text-align: justify;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
/*******************************************************************************************/
/*--------------------------CUSTOM ECONOMIC DEVELOPMENT PAGES------------------------------*/
/*******************************************************************************************/

#EDContentHome {
	background: url(/media/16449/Econ_buzz_words_sm_lng.gif) no-repeat; 
	float: left;
	/*width: 80%;*/
	margin-top: 5px;
}

#EDContentHome p{
	margin-left: 15px; 
	width: 90%;
	}

#EDContentHome p.intro {
	margin-top: 147px;
	margin-left: 15px; 
	width: 90%;
	}

#EDContent {
	width:60%;
	float:left;

}

#EDRightNav {
	float: right;
	width: 40%;
}

#EDNewsTicker {
	background: url(/media/16429/NewsTicker_281x200.jpg) no-repeat; 
	float: left; 
	width: 100%;
	height: 215px;
	
	font:Geneva, Arial, Helvetica, sans-serif;
}

#EDNewsTicker ul {
	margin-top: 53px;
	width:80%;
}

#EDNewsTicker li {
	list-style-image: url(/media/16439/li_btn1.gif);
	padding: 3px;
}


#EDBtnBar {
	text-align:left;

	}

#EDBtnBar img {
	padding:5px;
}


/**************************************/
/*         Buttons                    */
/**************************************/

div.button {
	width: 216px;
	height: 68px;
	padding: 5px;
	/*display: -moz-inline-stack;*/
	display: inline-block;
	
}

a.warehousebtn {
	display: block;
	width: 216px;
	height: 68px;
	text-decoration: none;
	background: url('/media/16630/WarehouseBtn_States.gif');
			
}

a.warehousebtn:hover {
	background-position: 0 -68px;
}

.displace {
	position: absolute;
	left: -5000px;
}

a.siteselectbtn {
	display: block;
	width: 216px;
	height: 68px;
	text-decoration: none;
	background: url('/media/16633/SiteSelectBtn_States.gif');
			
}

a.siteselectbtn:hover {
	background-position: 0 -68px;
}


a.dvlpmntbtn {
	display: block;
	width: 216px;
	height: 68px;
	text-decoration: none;
	background: url('/media/16636/DvlpmntBtn_States.gif');

			
}

a.dvlpmntbtn:hover {
	background-position: 0 -68px;
}

a.economicbtn {
	display: block;
	width: 216px;
	height: 68px;
	text-decoration: none;
	background: url('/media/16639/EconomicBtn_States.gif');
			
}

a.economicbtn:hover {
	background-position: 0 -68px;
}


a.logisticsbtn {
	display: block;
	width: 216px;
	height: 68px;
	text-decoration: none;
	background: url('/media/16642/LogisticsBtn_States.gif');
			
}

a.logisticsbtn:hover {
	background-position: 0 -68px;
}

/***************************************************/
/*END BUTTONS					   */
/***************************************************/


/********************************/
/*		Footer					*/
/********************************/
#footer { 
	background: #319998 repeat-y scroll top;
	text-align: center; 
	clear:both;
	width:100%;
	margin:0 auto;
	/*border-bottom:1px groove #3366FF;*/
	}
#footer a {
	color:#CCCC33;
	}
#footer span {
	color:#FFFFFF;
	}
#footer_link1 {
	width: 45%;
	float:left;
	display:block;
	margin:10px;
	text-align:left;
	}
#footer_link2 {
	width:45%;
	float:right;
	display:block;
	margin:10px;
	text-align:left;
	}
#footer_left {
	width:50%;
	float:left;
	/*margin:10px;*/
	}
#footer_right {
	width:50%;
	float:right;
	/*margin:10px;*/
	}
#footer_bottom_left {
	width:30%;
	float:left;
	padding-left:15px;
	}
#footer_bottom_right {
	width:30%;
	float:right;
	padding-right:10px;
	}
#footer_bottom_right p {
	text-align:right;
	}
#footer_bottom_left p {
	text-align:left;
	}
#footer_bottom_center p {
	text-align:center;
	}
#footer_bottom_center {
	width:37%;
	float:left;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
#footer_bottom {
	background:#FFFFFF;
	clear:both;
	margin:0 auto;
	/*overflow:hidden;*/
	width:100%;
	}
	
/************************************/
/*Styles for leftNav link list		*/
/************************************/
#linkList {
	position: relative; 
font-style:bold normal;
	}
#linkList2 { 
	/*font-family: Arial, sans-serif; 
        font-size: 1.2em;
	padding: 10px;*/
        font-family:Helvetica;
	font-size:13px;
	letter-spacing:0.5px;
	padding:10px;
        
	}
#linkList h3 { 
	background: transparent none no-repeat top left; 
	margin: 10px 0 5px 0; 
	/*width: 97px; */
	font-size:1.15em;
        font-style:bold normal;
        
	}

/*#linkList h3.links { 
	background: transparent url(/images/LeftTypeBox.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:97px; 
	height: 16px; 
	}*/
#linkList ul {
	margin-left: 25px;
	padding: 0;
	}
#linkList li {
	line-height: 2.5ex; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	list-style-type: none;
/*text-transform:uppercase;*/
	}
#linkList li a:link {
	color: #665544; /*#988F5E;*/
	}
#linkList li a:visited {
	color: #988F5E; /*#B3AE94;*/
	}
#maritimerDesc {
        float:none;
        /*width:200px;*/
        padding-left: 10px;
        text-align:center;
        }
#maritimerDesc p {
        text-align:center;
        
        }
#Maritimer {
        text-align:center;
        }

/***************************************************/
/*picture styling elements*/
/***************************************************/
.picDiv {
	float:left;
	width:150px;
	clear:both;
	}
.image {
	margin:10px 10px 10px 10px;
	}

.picBio {
	width:600px;
	float:right;
	margin:15px;
	height:172px;
	}

.picBioED {
	width:520px;
	float:right;
	margin:15px;
	height:330px;
	}

.picBioDED {
	width:600px;
	float:right;
	margin:15px;
	height:180px;
	}

.picMaritimerThumb {
        width:200px;
        float:left;
	margin-bottom:30px;
        }
.MaritimerArchiveIntro {
	width:600px;
	margin-top:15px;
	margin-bottom:25px;
	font-size:14px;
	}

/***************************************************/
/*Content page links styling*/
/***************************************************/
#imptLinks {
	float:right;
	border:1px #000;
	}

.iLinks a{
	color:#CCC;
	text-decoration:none;
	display:block;
	}



/* EDITOR PROPERTIES */

/*
==========================================
Contact Form
==========================================
*/
.ContactForm .Error
{
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#000000;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(../Data/Assets/theme_one/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

.ContactForm .Error li
{
	font-weight:normal;
}

.ContactForm fieldset
{
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

.ContactForm legend
{
	display:none;
}

.ContactForm label
{
	color:#000000;
	font-weight:bold;
}

.ContactForm .TextBox
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

.ContactForm .TextArea
{
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}


/***********************************************************/
/*News Styles                                              */
/***********************************************************/

.POC {
	text-align:left;
}

.releaseDetails {

	text-align:left;
	font-weight:bold;
	font-size:14px;
}

.NewsHeader {
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

/* EDITOR PROPERTIES */