﻿html
{
	overflow:scroll;	
}

body
{
	font-family:Tahoma;
	font-size: 0.688em;
	color: #666666;
	background-color:#DEDDD8;
	margin: 0 0 0 0;
}

/* *** HEADERS, TEXT, LINKS *** */

.bodyWhite
{
	font-size: 8pt;
	color: #EEEEEE;
}
.uppercase
{
    text-transform:uppercase;
}
.header1
{
	font-size: 22pt;
	color: #333333;
	letter-spacing: 2px;
	margin-left: -2px;	
}

.header2
{
	font-size: 12pt;
	color: #003366;	
}

.header2bold
{
	font-size: 12pt;
	color: #003366;	
	font-weight:bold;
}

.header3
{
	font-size: 10pt;
	color: #003366;		
}

.header3bold
{
	font-size: 10pt;
	color: #003366;		
	font-weight: bold;
}

.header4
{
	font-size: 9pt;
	color: #003366;		
}

.header5
{
	font-size: 7pt;
	color: #003366;		
}

.headerWhite4
{
	font-size: 9pt;
	color: #EEEEEE;		
}

.headerWhite4bold
{
	font-weight:bold;
	font-size: 9pt;
	color: #EEEEEE;		
}

.headerWhite5
{
	font-size: 7pt;
	color: #EEEEEE;		
}

.headerWhite5bold
{
	font-weight: bold;
	font-size: 7pt;
	color: #EEEEEE;		
}
.NewsFooter
{
	font-style:italic;
	padding-bottom:25px;
}
.TextBold
{
	font-weight: bold;	
}

.TextLarge
{
	font-size:10pt;	
}

.TextLargeBold
{
	font-size:10pt;	
	font-weight: bold;
}

.LightText
{
	color:#AAAAAA;
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
}

.LightTextBold
{
	color:#AAAAAA;
	font-weight: bold;
}

.LastUpdated
{
	color:#AAAAAA;
	font-size: 8pt;
	background-image: url('/Images/Icon/lastUpdatedIcon.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

.MediumLightText
{
	color:#6E6E6E;
}

.MediumLightTextBold
{
	color:#6E6E6E;
	font-weight: bold;
}


a.LinkSelected
{
	color: #003366;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;		
}


a.Link, .link
{
	color: #666666;
	font-size: 8pt;	
	font-weight: normal;		
	text-decoration: none;
	font-weight: bold;
}

a.Link:hover
{
	color: #AAAAAA;
	font-size: 8pt;	
	font-weight: bold;
	text-decoration: none;		
}

.MenuBarLink
{
	position:relative;
	color: #FFFFFF;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	height:33px;
	cursor: pointer;
}

.MenuBarLink:hover
{
	position:relative;
	color: #FFFFFF;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;
	background-image: url('/Images/Background/menuBar_mouseOver.png');
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	height:33px;
	cursor: pointer;
}

.MenuBarText
{
	position:relative;
	top: 8px;
	color: #FFFFFF;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;
}

.MenuBarSpacer
{
	height: 33px;
	width: 1px;
	background-image: url('/Images/Background/menuBar_separator.png');
}

a.LinkWhite
{
	color: #FFFFFF;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;
}

a.LinkWhite:hover
{
	color: #DDDDDD;
	font-size: 8pt;	
	font-weight: normal;
	text-decoration: none;
}

a.LinkButton
{
	color:	#003366;
	font-weight: bold;
	text-decoration:none;
}

a.LinkButtonSelected
{
	color:	#A1AFB8;
	font-weight: bold;
	text-decoration:none;
}

a.LinkButton:hover
{
	color:	#A1AFB8;
	font-weight: bold;
	text-decoration:none;
}

.TextBox
{
	border-top: ridged 1px #999999;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
		
}

/* *** END HEADERS, TEXT, LINKS *** */

#sitediv
{
	width: 990px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 10px;
    margin-bottom: 0px;	
}

#divTop
{
	position:relative;
	 background-image: url('../Images/Background/bg_topbanner.png');
	 background-repeat: no-repeat;
	 width:990px;
	 height: 92px;
}

#divLogo
{
	position:absolute;
	left:25px;
	top:35px;
	width:300px;
	height:40px;	
}

#divCenterTop
{
	position:relative;
	background-color:#FFFFFF;
	width:990px;
	height:305px;
	top:0px;
	vertical-align:top;	
}
#divCenterBottom
{
	position:relative;
	width:990px;
	top:0px;
	vertical-align:top;	
}



/* *** TOPMNENU *** */

div.topmenu
{
	position:relative;
    background-image: url('../Images/Background/bg_topmenu.bmp');
    background-repeat: repeat-x;
    width: 990px;
    height: 37px;
}
div.TopMenuItem
{
    position:relative;
	float:left;	
	height:32px;
	cursor:pointer;
}
div.TopMenuItem:hover
{
	position:relative;
	float:left;	
    background-image:url('../Images/Background/TopMenuItemHover.jpg');
    background-repeat:repeat-x;
	height:32px;
	cursor:pointer;
}
div.TopMenuItemSelected
{
	position:relative;
	float:left;	
    background-image:url('../Images/Background/TopMenuItemHover.jpg');
    background-repeat:repeat-x;
	height:32px;
	cursor:pointer;
}
a.TopMenuItemText, span.TopMenuItemText
{
	position:relative;
	top:8px;
	color: #FFFFFF;
    font-weight:bold;
	text-decoration: none;
    padding-left: 8px;
    padding-right: 8px; 
    font-family: Tahoma; 
    
}

a.TopMenuItemTextSelected
{
	position:relative;
	top:8px;
	color: #003366;
    font-weight:bold;
	text-decoration: none;
    padding-left: 8px;
    padding-right: 8px; 
    font-family: Tahoma; 
    
}

/* *** END TOPMENU *** */

/* *** CENTERTOP *** */

div.StartPageTopContent
{
	position:relative;
    height:270px;
    width:990px;
}
div.StartPageBottomMenu
{
	position:relative;
    background-image: url('/Images/Background/menuBar_withText.png');
    height:33px;
    width:990px;	
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}

/* *** END CENTERTOP *** */

/* *** CENTERBOTTOM *** */

div.divCenterBottomFlashBox
{
	position:relative;
    background-image: url('../Images/Background/FlashPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomNewsBox
{
	position:relative;
    background-image: url('../Images/Background/NewsPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomPageBox
{
	position:relative;
	background-image: url('../Images/Background/PagePuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomPageBox2
{
	position:relative;
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomFactBox
{
	position:relative;
	background-image: url('../Images/Background/FactPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomShipBox
{
	position:relative;
	background-image: url('../Images/Background/ShipPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomMapBox
{
	position:relative;
	background-image: url('../Images/Background/MapPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}
div.divCenterBottomPressBox
{
	position:relative;
	background-image: url('../Images/Background/PressPuff.jpg');
	float:left;
	width:198px;
	height:160px;
}

/* *** END CENTERBOTTOM *** */

/* *** CENTER MIDDLE *** */

#divCenterBreadCrumb
{
	position:relative;
	height: 54px;
	top:34px;
}

#divCenterMiddle
{
	position:relative;
	height:auto;
	top:0px;
		
}

#divCenterMiddleNoRight
{
	position:relative;
	height:auto;
	top:0px;
		
}

#divCenterRight
{
	position:relative;
	width:100%;
	height:100%;
	left:0px;
	padding: 0;
	top:0px;
}

td.CenterLeftSpacer
{
	background-color:#FFFFFF;
	width: 30px;
	height:auto;
}

td.CenterRightSpacer
{
	background-color:#FFFFFF;
	width: 30px;
	height:auto;
}

td.CenterMiddle
{
	background-color:#FFFFFF;
	width: 540px;	
	vertical-align: top;
	height:auto;
}

td.CenterMiddleNoLeft
{
	background-color:#FFFFFF;
	width: 760px;	
	vertical-align: top;
	height:auto;
}

td.CenterMiddleNoRight
{
	background-color:#FFFFFF;
	width: 760px;	
	vertical-align: top;
	height:auto;
}

#divCenterMiddle ul
{
	padding: 10px 0 10px 30px;
	list-style-image: url('../Images/Icon/bullet_dash.gif');
	list-style-type: none;
	line-height: 18px;
}

/* *** END CENTER MIDDLE *** */

/* *** CENTER RIGHT *** */

td.CenterRight
{
	background-color:#F8F6F5;
	width: 190px;	
	height:100%;
	/*background-image: url('../Images/Background/rightMenuTop.png');
	background-repeat: no-repeat;
	background-position: top;*/	
}


/* *** END CENTER RIGHT *** */

/* *** LEFT MENU *** */

td.LeftMenu
{
	position:relative;
	background-color:#FFFFFF;
	width: 200px;
	vertical-align:top;
	height:auto;
}

div.LeftMenu
{
	position:relative;
	width: 180px;
	left:20px;
	top:7px;
	height:auto;
}

div.divMenuItem
{
	background-image: url('../Images/Icon/arrow_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 6px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer;	
	border-top: solid 1px #CCCCCC;
	padding-top:1px;
}

div.divMenuItemNoPage
{
	position:relative;
	height:24px;
	vertical-align:middle;
	border-top: solid 1px #CCCCCC;
	padding-top:1px;
}

div.divMenuItem:hover
{
	background-image: url('../Images/Icon/arrow_circle_selected_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 4px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer;
	border-top: solid 1px #CCCCCC;
	padding-top:1px;
}

div.divMenuItemSelected
{
	background-image: url('../Images/Icon/arrow_circle_selected_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 4px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer;	
	border-top: solid 1px #CCCCCC;
	padding-top:1px;
}

div.divMenuSubItem
{
	background-image: url('../Images/Icon/arrow_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 4px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer;
}

div.divMenuSubItem:hover
{
	background-image: url('../Images/Icon/arrow_circle_selected_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 2px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer;
}

div.divMenuSubItemSelected
{
	background-image: url('../Images/Icon/arrow_circle_selected_NEW.gif');
	background-repeat:no-repeat;
	background-position: 160px 2px;
	position:relative;
	height:24px;
	vertical-align:middle;
	cursor: pointer; 
}

span.LeftMenuItemText
{
	color: #AAAAAA;
	font-size: 8pt;	
	font-weight:bold;
	padding-left:7px;
	text-transform: uppercase;
	font-family: Arial;
	
}

span.LeftMenuItemTextSelected
{
	color: #003366;
	font-size: 8pt;	
	font-weight: bold;	
	padding-left:7px;
	text-transform: uppercase;
}
 
span.LeftMenuSubItemText
{
	color: #999999;
	font-size: 8pt;	
	font-weight: normal;
	padding-left:7px;
	font-family: Arial;
}

span.LeftMenuSubItemTextSelected
{
	color: #003366;
	font-size: 8pt;	
	font-weight: bold;	
	padding-left:7px;
	
}

/* *** END LEFT MENU *** */



/* *** BOTTOM *** */

#Bottom
{
	position:relative;
}

#Start_Bottom_SiteMap
{
	width: 990px;
	height: auto;	
	background-color:White;
}

.SiteMapHeader
{
	position:absolute;
	height:15px;
	left:450px;
	width:90px;
	text-align:center;
	padding-top:20px;
	font-family: Arial;
	color:#333333
}

.SiteMapHeaderDiv
{
	position:relative;
	height:50px;
	width:990px;
	text-align:center;
}

.SiteMapLeftLine
{
	position:absolute;
	left:25px;
	top:27px;
	width: 400px;	
	height:1px;
	background-image: url('/Images/Background/dot.gif');
	background-repeat:repeat-x;
}

.SiteMapRightLine
{
	position:absolute;
	left:565px;
	top:27px;
	width: 400px;	
	height:1px;
	background-image: url('/Images/Background/dot.gif');
	background-repeat:repeat-x;	
}

.SitemapLinkDiv
{
	height:23px;
	vertical-align:middle;
}

.SiteMapTopLink
{
	font-size: 7pt;
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}

.SiteMapTopLink:hover
{
	font-size: 7pt;
	color: #AAAAAA;
	font-weight:bold;
	text-decoration: none;
}

.SiteMapGroupLink
{
	font-size: 7pt;
	color: #AAAAAA;
	font-weight:bold;
	text-decoration: none;
}

.SiteMapGroupLink:hover
{
	font-size: 7pt;
	color: #CCCCCC;
	font-weight:bold;
	text-decoration: none;
}

.SiteMapLink
{
	font-size: 7pt;
	color: #AAAAAA;
	font-weight:normal;
	text-decoration: none;
}

.SiteMapLink:hover
{
	font-size: 7pt;
	color: #CCCCCC;
	font-weight:normal;
	text-decoration: none;
}

/* *** END BOTTOM *** */


/* *** START EXTRANET *** */

.CMPShipFormContainer 
{
	position:relative;
	width: 540px;
	border-bottom: solid 1px #999999;
}

.CMPShipFormContainerRow
{
	background-color: #E6E6E6;
	position:relative;
	height:25px;
	width: 534px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;	
	padding-left: 4px;
}

.CMPShipFormContainerRowSpacer
{
	height: 25px;
	width: 540px;
	border-top: solid 1px #999999;
}

.CMPShipFormContainerRowAlternate
{
	background-color: #EFEFEF;
	position: relative;
	height: 25px;
	width: 534px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;	
	padding-left: 4px;
}

.CMPShipFormContainerRowLeft 
{
	position: relative;
	top: 0px;
	left:0px;
	width: 285px;
	height: 25px;
	text-align: left;
}

.CMPShipFormContainerRowRight 
{
	position: relative;
	top: -25px;
	left: 285px;
	width: 253px;
	height: 25px;
}

.CMPShipFormContainerSubRowLeft 
{
	position:relative;
	top:0px;
	left:0px;
	width: 117px;
	height:25px;
	overflow: hidden;
}

.CMPShipFormContainerSubRowRight 
{
	position:relative;
	top:-25px;
	left:125px;
	width: 133px;
	height:25px;
	overflow: hidden;
}

.radDateTimePicker
{
	padding-top: 2px;
}

.CMPShipFormAlert
{
	color: red;
}

.CMPShipFormTextBox 
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	width:240px;
	background-color:InfoBackground;
	color: #555555;
}

.CMPShipFormTextBoxHalf 
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	width:115px;
	background-color:InfoBackground;
}

.CMPShipFormTextBoxHalf2 
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	width:140px;
	background-color:InfoBackground;
}

.CMPShipFormTextBoxMini
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	width:40px;
	background-color:InfoBackground;
}

.CMPShipFormTextBoxMiniLeft 
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	width:73px;
	background-color:InfoBackground;
}

.CMPShipFormTextBoxMiniMiddle
{
	position:absolute;
	border: solid 0px #FFFFFF;
	left: 83px;
	top:3px;
	width:74px;
	background-color:InfoBackground;
}

.CMPShipFormTextBoxMiniRight 
{
	position:absolute;
	border: solid 0px #FFFFFF;
	top:3px;
	left: 167px;
	width:73px;
	background-color:InfoBackground;
}

.CMPShipFormDatePicker
{
   background-color:InfoBackground;	
}

.CMPShipFormCMPBox 
{
	
}

.CMPShipFormCMPBoxLeft 
{

}

.CMPShipFormCMPBoxRight 
{

}

/*the HiddenPicker CSS class and the following two CSS rules are required only
if you want to minimize the space taken up by the invisible datetimepicker*/

.HiddenPicker
{
	display:inline;
	left:-5px;
	position:absolute;
}
.HiddenPicker td
{
	padding:0 ;
	left:0px;
}

.HideTextBox
{
	width:1px;
	border:0 ;
	margin:0 ;
	background:none transparent ;
	position:absolute;
	left:10px;
	z-index: -1000;
	height:1px;
}

.Map 
{
	background-image: url('/Images/Background/bg_map.gif');
	background-repeat: no-repeat;
    width: 552px;
    height: 462px;
    float: left;
    padding-left: 6px;
    padding-top: 6px;
}

.MapChoice 
{
    width: 190px;
    height: 500px;
    margin-left: 10px;
    float: right;
}

.MapHolder 
{
    width: 760px;
    height: 500px;
}

.MapIconDescription {
    width: 170px;
    height: 26px;
    vertical-align: middle;
}

.MapIconDescription2 {
    width: 133px;
    height: 21px;
    vertical-align: middle;
    position: absolute;
    margin-top: 4px;
    margin-left: 32px;
}

.WebcamImage
{
    background-image: url('/Images/Background/bg_cam.gif');	
    background-repeat: no-repeat;
    width: 490px;
    height: 370px;
    padding-left: 5px;
    padding-top: 5px;
}

.DocRow {
    width: 100%;
    height: 80px;
}

.DocSubRow1 {
    height: 18px;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #003366;
}

.DocSubRow1 a 
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #003366;
}

.DocSubRow1 a:hover
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.DocSubRow2 {
    height: 16px;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #666666;
}

.DocSubRow3 {
    height: 16px;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #AAAAAA;
}

.DocSubRow4 {
    height: 16px;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #AAAAAA;
}
/* *** IMAGE ARCHIVE *** */

div.ImageArchive_FolderDivOuter
{
	width: 270px;
	height: 100px;
	position:relative;
		
}

div.ImageArchive_FolderImageDiv
{
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	position:absolute;
}

div.ImageArchive_FolderTextDiv
{
	left: 100px;
	top: 22px;
	width: 160px;
	height: 78px;
	padding-left: 10px;
	position:absolute;
}

div.ImageArchive_ImageDiv
{
	position:relative;
	width: 100px;
	height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
	vertical-align:middle;
	text-align: center;
}

/* *** END END END  *** */

/* *** CALLS *** */

div.Calls_Important
{
	position:relative;
	width:97%;
	height: auto;
	min-height: 60px;
	background-color: #FADFD8;
}

/* *** END *** */

/* *** KAMRAN-FIX *** */

.CopyText
{
	line-height: 18px;
	margin-top: 0;
	color: #666666
}

strong
{
	color: #333333;
}

a
{
	color: #003366;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}

em
{
	color: #333333;
	text-transform: none;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
}

/* *** END END *** */

/* RIGHT MENU */

div.RightMenuTop
{
	background-image: url('../Images/Background/rightMenuTop.png');
	background-repeat: no-repeat;
	background-position: 0 -50px;
	height:50px;
}

.RightMenu 
{
	border-spacing: 0;
	width: 100%;
}

.listHeaderNonLink
{
	color: #000000;
	font-weight: bold;
}

.listSubHeaderNonLink
{
	color: #666666;
	font-weight: bold;
}

.listDescription
{
	color: #666666;
	font-weight: normal;
}

.panelRightImageBox
{
	background-image: url('../Images/Background/rightMenuImages.png');
	background-repeat: no-repeat;
	background-position: 0 top;
}

/* RELATED INFORMATION */

/*.ri_spacer
{
    position:relative;
    height:12px;
}
.ri_divholder
{
    position:relative;
    padding:0px 0px 0px 0px;
    margin: 0px 0px -10px 0px;
    float:none;
    
}
.ri_divimage
{
    position:relative;
    top:0px;
    left:0px;
    width:7px;
    float:left;
    text-align:left;
}
.ri_imglinkicon
{
}
.ri_divlink
{
    position:relative;
    left:16px;
    float:right;
    top:-13px;
    width:140px;
}
*/

.ri_spacer
{
    position:relative;
    height:12px;
}
.ri_divholder
{
    position:relative;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    clear:both;
    /*background-color:Red;*/
    
}
.ri_divimage
{
    width:7px;
    float:left;
    /*background-color:Green;*/
}
.ri_imglinkicon
{
    padding-top:4px;
}
.ri_divlink
{
    float:right;
    width:140px;
    margin-right:12px;
    /*background-color:Navy;*/
}

/* END RELATED INFORMATION */

/* Board Members */

.boardmember
{
	margin-top:30px;
	width:550px;		
}

.boardmemberimg
{	
	border-bottom: #cbcbcb 1px solid;
	border-left: #cbcbcb 1px solid;
	border-top: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;	
	padding-top: 3px;	
	float:left;	
}

.boardmemberinfo
{	
	margin-left:15px;
	float:left;	
	overflow:hidden;
}

.RadCalendar_Hay table.rcMainTable
{
    margin: 0;
    width: 100%;
}
.rcToday
{    
    background-color: #769cb9;
    color: #ffffff;
}
