html
{
	width: 100%;
	height: 100%;	
	margin: 0px auto 0px auto;
}

body
{
	background: #172F3C url(../images/bg_blank.jpg) no-repeat top center;
	background-position: top center;
	margin: 0px auto 0px auto;
	text-align: left;
	font-family: Verdana,Helvetica,Arial,sans-serif;  
	font-size: 12px; 
	line-height: 1.4; 
	font-weight: normal;
}

#styleError 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #FF0000;
}

#formHolder
{
	width: 280px;
	float: left;	
}

#message
{
	width: 200px;
	float: left;	
	color: #333;
	font-size: 11px;
}

/*  MAIN WRAPPER  -------------------*/

#main
{
	margin: 38px auto 0px auto;
	width: 957px;
	text-align: left;
}

/*  HEADER WRAPPERS  -------------------*/

#headerBar
{
	background: url(../images/common/bg_logo_header.jpg) no-repeat top center;
	width: 100%;
	height: 208px;	
	float: left;
}

#headerBarLesserLinks
{
	background: url(../images/common/bg_top.png) no-repeat top left;
	width: 98%;
	float: left;
	text-align: right;
	padding: 14px 2% 10px 0px;
	color: #666;
}

#headerBarLogo
{
	width: 100%;
	float: left;
	clear: both;	
}

#userDisplay
{
	width: 380px;
	float: right;
	color: #FFF;
	font-size: 11px;
	padding: 40px 20px 0px 0px;
	text-align: right;
}

#userDisplay a
{
	color: #3193CA;
	font-size: 11px; 
}
	
/*  MAIN NAVIGATION ICON UL  -------------------*/

#mainNavDivUL
{
	margin: 0px 0px 0px 50px;
	padding: 0px;
	display: inline;
	float: left;
	width: 100%;	
}

#mainNavDivUL li
{
	margin: 0px 0px 0px -4px;
	padding: 0px;
	list-style: none;
	display: inline;
	border-bottom: 0px;
}

/*  DIV USED TO CLEAR FLOAT ELEMENTS  -------------------*/

#clearDiv
{
	width: 100%;
	float: left;
	clear: both;
}

/* PAGE TITLE  -------------------*/

#pageTitle
{
	width: 90%;
	float: left;
	padding: 0px 10px 0px 20px;	
	clear: both;
}

/* COLUMN WIDTH DIVS  -------------------*/

#overallColumnContainer
{
	float: left;
	clear: both;
	width: 947px;
	background: #FFF;
	padding: 0px 0px 20px 10px;
}

#xSmallColumn
{
	width: 293px;
	float: left;
	margin-left: 0px;
}

#smallColumn
{
	width: 400px;
	float: left;
	margin-left: 0px;
}

#mediumColumn
{
	width: 620px;
	float: left;
	margin-left: 0px;
}

#largeColumn
{
	width: 931px;
	float: left;
	margin-left: 0px;
}

/* HEADING COLOR BAR ELEMENTS (X-SMALL)  -------------------*/

#headingColorBarXSmall
{
	width: 243px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarXSmall h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarXSmall.green
{
	background: url(../images/common/bg_heading_round_green_x_small.jpg) no-repeat top left;
}

#headingColorBarXSmall.blue
{
	background: url(../images/common/bg_heading_round_blue_x_small.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (SMALL)  -------------------*/

#headingColorBarSmall
{
	width: 350px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarSmall h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarSmall.green
{
	background: url(../images/common/bg_heading_round_green_small.jpg) no-repeat top left;
}

#headingColorBarSmall.blue
{
	background: url(../images/common/bg_heading_round_blue_small.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (MEDIUM)  -------------------*/

#headingColorBarMedium
{
	width: 570px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarMedium h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarMedium.green
{
	background: url(../images/common/bg_heading_round_green_medium.jpg) no-repeat top left;
}

#headingColorBarMedium.blue
{
	background: url(../images/common/bg_heading_round_blue_medium.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (LARGE)  -------------------*/

#headingColorBarLarge
{
	width: 881px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarLarge h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarLarge.green
{
	background: url(../images/common/bg_heading_round_green_large.jpg) no-repeat top left;
}

#headingColorBarLarge.blue
{
	background: url(../images/common/bg_heading_round_blue_large.jpg) no-repeat top left;
}

/* COLUMN SUB-HEADING COLOR BAR ELEMENTS -------------------*/

#subHeadingColorBar
{
	color: #FFF;
	padding: 4px 2% 4px 2%;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #000;
}

#columnBackgroundXSmall #subHeadingColorBar
{
	margin-left: -10px;	
	width: 272px;
}

#columnBackgroundSmall #subHeadingColorBar
{
	margin-left: -11px;	
	width: 369px;
}

#columnBackgroundMedium #subHeadingColorBar
{
	margin-left: -11px;	
	width: 581px;
}

#columnBackgroundLarge #subHeadingColorBar
{
	margin-left: -11px;	
	width: 879px;
}

#subHeadingColorBar h1
{
	color: #FFF;
	margin: 0px 0px 0px 6px;	
	font-size: 12px;
}

#subHeadingColorBar.green
{
	background: #77954B url(../images/common/bg_heading_repeat_green.jpg) repeat-x top left;
}

#subHeadingColorBar.blue
{
	background: #456075 url(../images/common/bg_heading_repeat_blue.jpg) repeat-x top left;
}


/* COLUMN CONTENT CONTAINER WITH FADING BACKGROUND IMAGE - THESE GO DIRECTLY UNDER HEADING COLOR BAR ELEMENTS (X-SMALL)  -------------------*/

#columnBackgroundXSmall
{
	background: url(../images/common/bg_fade_gray_x_small.jpg) no-repeat top left;
	width: 263px;
	float: left;
	padding: 0px 15px 0px 15px;
}

#columnBackgroundSmall
{
	background: url(../images/common/bg_fade_gray_small.jpg) no-repeat top left;
	width: 360px;
	float: left;
	padding: 0px 20px 0px 20px;
}

#columnBackgroundMedium
{
	background: url(../images/common/bg_fade_gray_medium.jpg) no-repeat top left;
	width: 580px;
	float: left;
	padding: 0px 20px 0px 20px;
}

#columnBackgroundLarge
{
	background: url(../images/common/bg_fade_gray_large.jpg) no-repeat top left;
	width: 891px;
	float: left;
	padding: 0px 20px 0px 20px;
}

/*  ALERT DIV ELEMENTS  -------------------*/
#alertAndExtraButtonColumn
{
	width: 247px;
	float: left;
	margin: 9px 0px 0px 7px;
}

#alertDiv
{
	background: url(../images/common/bg_fleet_admin_message_repeat.jpg) repeat-y top left;
	width: 247px;
	float: left;
	margin: 0px 0px 10px 0px;
	color: #FFF;
	font-size: 11px;
}

#alertDivBackground
{
	background: url(../images/common/bg_fleet_admin_message_top.jpg) no-repeat top left;
	width: 207px;
	padding: 20px;
	color: #FFF;
}

#alertDivBackgroundBottom
{
	background: url(../images/common/bg_fleet_admin_message_bottom.jpg) no-repeat top left;
	width: 244px;
	height: 17px;
}

#alertDiv a
{
	color: #FFF;
	font-size: 11px; 
}

#alertDiv .floatLeft
{
	float: left;
	margin: -12px 4px 0px -10px;	
}

/*  EXTRA BUTTONS  -------------------*/

#extraButton
{
	background: url(../images/common/bg_button_white.jpg) no-repeat top left;
	width: 204px;
	height: 24px;
	float: left;
	margin: 0px 0px 4px 4px;
	color: #093862;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

#extraButton:hover
{
	background: url(../images/common/bg_button_white_over.jpg) no-repeat top left;
	cursor: pointer;
}

#extraButton:hover a
{
	font-weight: bold;
	color: #093862;
}

/*  FOOTER AND FOOTER LINKS  -------------------*/

#bottomCap
{
	background: url(../images/common/bg_bottom.png) no-repeat top center;
	width: 100%;
	height: 29px;	
	float: left;
	clear: both;
}

#footer
{
	width: 100%;
	float: left;
	clear: both;
	padding-top: 20px;
	text-align: center;
	font-size: 10px;
	color: #666;
	background: #FFF;
}

#footer a
{  
	color: #3193CA;
	font-size: 10px; 
}

/*  GENERAL SEMANTIC ELEMENTS  -------------------*/

img
{
	border: 0px;	
}

p
{
	text-align:left;
	line-height:15px;
}

hr
{
	color: #DDD9D6;
	background-color: #DDD9D6;
	height: 1px;
	width: 100%;
	border: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

td 
{
	text-align:left;
	vertical-align:top;
	padding: 0px;
}

h1
{
	color: #093862;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

h1 A:LINK
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h1 A:VISITED
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h1 A:HOVER
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #3193CA; 
}

h1 A:ACTIVE
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C;  
}


h2
{
	color: #093862;
	font-size: 16px;
	font-weight: bold;
}

h2 A:LINK
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h2 A:VISITED
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h2 A:HOVER
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #3193CA; 
}

h2 A:ACTIVE
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C;  
}

h3
{
	color: #093862;
	font-size: 16px;
	font-weight: bold;
}

A:LINK
{ 
	color: #1A5D7C; 
	text-decoration: none;
}

A:VISITED
{ 
	color: #1A5D7C; 
	text-decoration: none;
}

A:HOVER
{ 
	color: #3193CA; 
	text-decoration: none; 
}

A:ACTIVE
{ color: #1A5D7C; 
	text-decoration: underline; 
}


ol 
{
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul 
{
	list-style-image: url(/images/common/bullet.png);
	list-style-type: circle;
	margin-top: 0px;
	margin-bottom: 0px;
}

li 
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DEDEDE;
}