/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* The Advertizer Top Level Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a {text-decoration: underline; color: blue;}
a:visited {color: purple;}
a:hover {color: red;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 0px 0px 0px 0px;
	font: 11px verdana, arial, sans-serif;
	line-height: 16px;
	color: #000000;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
	vertical-align: top;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

img {
	border: none;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	margin: 0px 0px 0px 0px;
	font: 18px verdana, arial, sans-serif;
	color: #016798;
	}
	
h2 {
	
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

form {
	margin: 0px 0px 0px 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	list-style-type: none;
	}
	
	ul li {
		padding: 1px 0px 1px 15px;
		}
	

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* The Advertizer Individual Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.firstParagraph {
	font: bold 11px verdana, arial, sans-serif;
	line-height: 18px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.colorText {
	font: bold 11px verdana, arial, sans-serif;
	color: color;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.holderCremeLight {
	background-color: #FBF9F1;
	}

.holderCremeDark {
	background-color: #EFEDE5;
	}
	
	.holderCremeDark, .holderCremeLight {
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 7px 0px;		
		color: #71713E;
		}
		
		.holderCremeDark h1, .holderCremeLight h1 {
			margin: 0px 0px 0px 0px;
			font: 18px verdana, arial, sans-serif;
			color: #71713E;
			}
	
		.holderCremeDark h2, .holderCremeLight h2 {
			margin: 0px -10px 0px -10px;
			padding: 3px 10px 3px 10px;
			position: relative;
			top: -7px;
			background-color: #71713E;
			font: bold 12px verdana, arial, sans-serif;
			color: #FBF9F1;
			}
		
		.holderCremeDark ul li, .holderCremeLight ul li {
			background-image: url(images/bullet_creme.gif);
			background-position: 0px 7px;
			background-repeat: no-repeat;
			}
		
		.holderCremeDark a, .holderCremeLight a {color: #71713E;}
		.holderCremeDark a:visited, .holderCremeLight a:visited {color: #71713E;}
		.holderCremeDark a:hover, .holderCremeLight a:hover {color: #343400;}
		
		.holderCremeDark .formattedTable, .holderCremeLight .formattedTable {
			position: relative;
			left: -10px;
			margin: 0px -20px 0px 0px;
			}
		
			.holderCremeDark .formattedTable th, .holderCremeLight .formattedTable th {
				background-color: #3d6ca6;
				font: bold 13px arial, verdana, sans-serif;
				color: #ffffff;
				vertical-align: top;
				}
				
			.holderCremeDark .formattedTable .light, .holderCremeLight .formattedTable .light {
				background-color: #FBFAF5;
				}
			
			.holderCremeDark .formattedTable .dark, .holderCremeLight .formattedTable .dark {
				background-color: #F7F6F1;
				}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
		
.holderBlueLight {
	background-color: #E7EBF0;
	}

.holderBlueDark {
	background-color: #DAE1E8;
	}

	.holderBlueDark, .holderBlueLight {
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 7px 0px;		
		color: #546F8A;
		}

		.holderBlueDark h1, .holderBlueLight h1 {
			margin: 0px 0px 0px 0px;
			font: 18px verdana, arial, sans-serif;
			color: #546F8A;
			}
	
		.holderBlueDark h2, .holderBlueLight h2 {
			margin: 0px -10px 0px -10px;
			padding: 6px 10px 6px 10px;
			position: relative;
			top: -7px;
			background-color: #AEBDCC;
			font: bold 12px verdana, arial, sans-serif;
			color: #F3F5F7;
			}
		
	
		.holderBlueDark ul li, .holderBlueLight ul li {
			background-image: url(images/bullet_blue.gif);
			background-position: 0px 7px;
			background-repeat: no-repeat;
			}
		
		.holderBlueDark a, .holderBlueLight a {color: #546F8A;}
		.holderBlueDark a:visited, .holderBlueLight a:visited {color: #546F8A;}
		.holderBlueDark a:hover, .holderBlueLight a:hover {color: #042445;}
		
		.holderBlueDark .formattedTable, .holderBlueLight .formattedTable {
			width: 290px;
			position: relative;
			left: -10px;
			margin: 0px -20px 0px 0px;
			}
		
			.holderBlueDark .formattedTable th, .holderBlueLight .formattedTable th {
				background-color: #3d6ca6;
				font: bold 13px arial, verdana, sans-serif;
				color: #ffffff;
				vertical-align: top;
				}
				
			.holderBlueDark .formattedTable .light, .holderBlueLight .formattedTable .light {
				background-color: #F3F5F7;
				}
			
			.holderBlueDark .formattedTable .dark, .holderBlueLight .formattedTable .dark {
				background-color: #E7EBF0;
				}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.holderSkyLight {
	background-color: #E1EFF5;
	}

	.holderSkyLight {
		padding: 10px 10px 10px 10px;
		margin: 0px 0px 7px 0px;		
		color: #2086B7;
		}

		.holderSkyLight h1 {
			margin: 0px 0px 0px 0px;
			font: 18px verdana, arial, sans-serif;	
			}
	
		.holderSkyLight h2 {
			margin: 0px -10px 0px -10px;
			padding: 4px 10px 4px 10px;
			position: relative;
			top: -10px;
			background-color: #2086B7;
			font: bold 12px verdana, arial, sans-serif;
			color: #E1EFF5;
			}
		
	
		.holderSkyLight ul li {
			background-image: url(images/bullet_blue.gif);
			background-position: 0px 7px;
			background-repeat: no-repeat;
			}
		
		.holderSkyLight a {color: #546F8A;}
		.holderSkyLight a:visited {color: #546F8A;}
		.holderSkyLight a:hover {color: #042445;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.styledTable {
	width: 100%;
	background-color: #004261;
	}	
	
	.styledTable th {
		background-color: white;
		font: bold 13px arial, verdana, sans-serif;
		color: white;
		background-color: #708C99;
		vertical-align: top;
		}
		
		.styledTable th a {color: white;}
		.styledTable th a:visited {color: white;}
		.styledTable th a:hover {color: #042445;}
		
	.styledTable .light {
		background-color: #F3F5F7;
		}
	
	.styledTable .dark {
		background-color: #E2E5E7;
		}
		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* The Advertizer Framework
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainHolder {

	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topArea {
	width: 760px;
	height: 93px;
	background-color: #016798;
	border-bottom: 1px solid white;
	}
	
	#topArea #searchArea {
		float: right;
		width: 488px;
		height: 36px;
		margin: 31px 0px 0px 0px;
		padding: 7px 0px 0px 0px;
		text-align: right;
		font: bold 11px verdana, arial, sans-serif;
		color: white;
		background-image: url(images/background_searcharea.gif);
		background-position: left top;
		background-repeat: no-repeat;
		}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topMenuArea {
	width: 740px;
	height: 13px;
	padding: 6px 0px 7px 20px;
	background-color: #2086B7;
	}
	
	#topMenuArea a {text-decoration: none; color: white; font: bold 11px verdana, arial, sans-serif; display: block; float: left; padding: 0px 22px 0px 15px; background-image: url(images/background_toplink.gif); background-position: right 5px; background-repeat: no-repeat;}
	#topMenuArea a:visited {color: white;}
	#topMenuArea a:hover {color: #EEEECC;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainArea {
	width: 760px;
	border-left: 150px solid #F3F5F7;
	}
	
	#mainArea #leftMenuArea {
		float: left;
		position: relative; z-index: 1; /* This is required because IE on the PC displays the order of the div elements wrong */
		width: 150px;
		margin: 0px 10px 0px -150px;
		padding: 8px 0px 0px 0px;
		font: 11px verdana, arial, sans-serif;
		color: #758EA6; 
		border-top: 4px solid #AEBDCC;
		}
		
		#mainArea #leftMenuArea h2 {
			display: block;
			width: 136px;
			margin: 8px 0px 8px 0px;
			padding: 4px 0px 4px 14px;
			font: bold 11px verdana, arial, sans-serif;
			color: #F3F5F7;
			background-color: #AEBDCC;
			}
		
		#mainArea #leftMenuArea .contentHolder {
			padding: 5px 10px 5px 13px;
			}
		
		#mainArea #leftMenuArea a {text-decoration: none; color: #758EA6; font: bold 11px verdana, arial, sans-serif; display: block; padding: 5px 10px 5px 13px;}
		#mainArea #leftMenuArea a:visited {color: #758EA6;}
		#mainArea #leftMenuArea a:hover {text-decoration: underline; color: #758EA6;}
	
	
	#mainArea #contentArea {
		float: left;
		width: 600px;
		border-top: 4px solid #AEBDCC;
		}
		
		#mainArea #contentArea #leftColumn {
			float: left;
			width: 289px;
			padding: 0px 10px 0px 0px;
			border-right: 1px solid #AEBDCC	;
			}
		
		#mainArea #contentArea #rightColumn {
			float: left;
			width: 290px;
			padding: 0px 0px 0px 10px;
			margin: 0px 0px 0px -1px;	/* This is used to display a border should rightColumn be LONGER than leftColumn */
			border-left: 1px solid #AEBDCC	;
			}
		
		

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
#footerArea {
	width: 750px;
	padding: 2px 0px 2px 10px;
	position: relative;
	top: -8px;
	font: 10px verdana, arial, sans-serif;
	background-color: white;
	color: #dedede;
	}
	
	#footerArea a {float: right; text-decoration: none; color: #dedede; font: 10px verdana, arial, sans-serif;}
	#footerArea a:visited {color: #dedede;}
	#footerArea a:hover {text-decoration: underline; color: #758EA6;}