@charset "utf-8";

/* Used to adjust the height of the homepage */
#homeContainer {
	height: 570px;
	}


.home #footer {
	top: 800px;	
	}


/* Global Styles */
body, p, td {
	font-family:  Arial, Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #646464;
	}

body {
	margin: 0;
	padding: 0;
	background: url(../structure/header_tile.jpg) repeat-x top left #eff9ff;
	}

div {
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	color:#244387;
	}

h1 { font-size:22px; letter-spacing: -1px; line-height: 32px; color: #2e2d78; margin: 0 0 20px 0; }
h2 { font-size:15px; letter-spacing: -0.25px; line-height: 22px; color: #2ea7e6; }
h3 { font-size:15px; }
h4 {
	margin-top: 15px;
}

p {	
	margin: 0 0 20px 0;
	padding: 0;
	}

a {
	color: #2e2d78;
	text-decoration:none;
	}
	
	
ul {
	list-style-image: url(../structure/li_arrow.gif);
	}
	
li {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	
	
a:hover {
	color: #2ea7e6;
	text-decoration:underline;
	}
	
a:active {
	color: #ffbe57
	}

#container {
	margin: 0 auto;
	padding: 0;
	width: 954px;
	clear: both;
	background: url(../structure/subContainer_body_tile.jpg) repeat-y top left;
	}

.home #container {
	margin: 0 auto;
	background: url(../structure/homeContainer_body_tile.jpg) repeat-y top left;
	}	
	
/* Header */
#header {
	width: 954px;
	height: 81px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 100;
	}
		
	#header h1 {
	width: 233px;
	height: 81px;
	background: url(../structure/logo.gif) top left no-repeat;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 26px;
	padding: 0;
		}
		
	#header h1 a {
	width: 233px;
	height: 81px;
	background: url(../structure/logo.gif) top left no-repeat;
	text-indent: -10000px;
	outline: none;
	display: block;
		}		
		
	#header h2 {
		letter-spacing: 0px;
		display: block;
		color: #2e2d78;
		font-size: 12px;
		margin: 43px 0 0 0;
		padding: 0;
		float: left;
		}
		
	span.highlight {
		color: #2ea7e6;
		}
/* Header */


/* Main Bar */	
#menuBar {
	margin: 0 auto;
	padding: 0;
	width: 954px;
	height: 32px;
	text-align: left;
	list-style: none;
	}
	
	#menuBar ul {
		list-style-image: none;
		}

	#menuBar li {
		padding: 0;
		margin: 0;
		float: left;
		display: block;
		height: 24px;
		}	
		
	#menuBar .right {
		float: right;
		display: block;
		}			

	#menuBar li a {
		margin: 0;
		padding: 8px 9px 0 9px;
		display: block;
		height: 24px;
		font-weight: bold;
		color: #a4deff;
		text-decoration: none;
		}
		
	#menuBar li a:hover,
	#menuBar li a:active,
	#menuBar li .current {
		color: #0066cc;
		background: url(../structure/menuBar_tile_on.jpg) repeat-x bottom left;
		text-decoration: none;
		}
	
	/* Issue with IE6 so the widths need to be defined */	
	#menuBar #button1 {
		width: 72px;
		}
	
	#menuBar #button2 {
		width: 72px;
		}
	
	#menuBar #button3 {
		width: 72px;
		}
	
	#menuBar #button4 {
		width: 72px;
		}
	
	#menuBar #button5 {
		width: 84px;
		}
		
		
/*Main Bar */


/* Flash Container */
#flashContainer {
	width: 954px;
	height: 235px;
	padding: 0;
	margin: 0 auto;
	display: block;
	background: url(../structure/flashContainer_tile.jpg) repeat-y top left;
	}

	/* Flash Object */
	#flashObject {
		margin: 0 auto;
		z-index: 1;	
		width: 884px;
		height: 235px;
		padding: 0;
		top: 0px;
		display: block;
		}
	/* Flash Container */

/* Flash Container */



/* Homepage Container */
#homeContainer {
	margin: 0 auto;	
	width: 902px;
	background: url(../structure/homeContainer_body_back.jpg) no-repeat top left;
	}

	/* Home Left */
	#homeLeft {
	width: 146px;
	background: #fff;
	text-align: center;
	float: left;
	margin-top: 34px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 1px;
	padding: 0;
		}
		
		#homeLeft h2 {
			margin-bottom: 25px;
			}		
	/* Home Left */


	/* Home Middle */
	#homeMiddle {
		width: 330px;
		margin: 0 0 0 13px;
		padding: 0 25px 25px 25px;
		background: #fff;
		float: left;
		}
	/* Home Middle */
	
	
	/* Home Right */
	#homeRight {
		width: 350px;
		margin: 20px 0 0 10px;
		float: left;
		}	
		
		#homeRight .intro {
			font-weight: bold;
			margin: 0 0 15px 15px;
			padding: 0;
			width: 320px;
			color:#000066;
			}
			
		#homeRight ul {
			list-style-image: none;
			list-style: none;
			margin: 0 0 20px 0;
			padding: 0;
			width: 350px;
			}	
			
		#homeRight ul li {
			float: left;
			margin: 0;
			padding: 0;
			display: block;	
			width: 160px;
			}	

		#homeRight ul .graphic {
			float: left;
			margin: 0;
			padding: 0;
			display: block;	
			width: 170px;
			}	
			
		#homeRight ul li h2 {
			margin: 5px 0 5px 10px;
			padding: 0;
			line-height: 17px;
			}				

		#homeRight ul li p {
			margin: 0 0 0 10px;
			padding: 0;
			font-size: 12px;
			line-height: 15px;
			}			
							
	/* Home Right */
	
/* Homepage Container */

	
/* Sub Container*/
#subContainer {
	width: 902px;
	padding: 0;
	margin: 0 auto 20px auto;
	}		

	/* Sub Left */
	#subLeft {
		width: 162px;
		margin: 0 0 0 1px;
		padding: 0;
		float: left;
		background: url(../structure/sub_left_back.gif) no-repeat top right;
		height: 495px;
		}
		
		#subLeft .cta_button {
			width: 145px;
			margin: 20px 0 0 16px;
			padding: 0;
			background: url(../structure/sub_left_cta_back.gif) no-repeat top left;
			height: 80px;
			}
			
		#subLeft .cta_button a {
			text-decoration: none;
			color: #2ea7e6;
			width: 85px;
			height: 50px;
			padding: 30px 0 0 60px;
			display: block;
			font-size: 11px;
			line-height: 13px;
			}
			
		#subLeft .cta_button a:hover {
			text-decoration: underline;
			}			
		
		#subNav {
			width: 162px;
			margin: 0;
			padding: 14px 0 0 0;
			background: url(../structure/sub_nav_top.gif) no-repeat top left; 
			}
		
			#vNav {
				width: 162px;
				margin: 0;
				padding: 0;
				list-style-image: none;
				}
		
			#vNav li {
				margin: 0;
				padding: 0;
				list-style: none;			
				background: url(../structure/sub_nav_back.gif) no-repeat bottom left;
				border-bottom: 1px solid #dfdfdf;
				}

			#vNav .nomargin {
				margin: 0;
				padding: 0;
				list-style: none;			
				background: none;
				border-bottom: none;
				}
			
			#vNav li a {
				margin: 0;
				padding: 6px 10px;
				font-size: 12px;
				color: #2e2d78;
				text-decoration: none;
				display: block;
				}
			
			#vNav li a:hover,
			#vNav li .current {
				color: #2e2d78;
				background-image: none;
				background: #fff;
				}
	/* Sub Left */

	
	/* Sub Right */
	#subRight {
		}
		
	#subRight h1 {
		color: #2ea7e6;
		font-size: 17px;
		font-weight: bold;
		line-height: 21px;
		padding: 0;
		margin: 0 0 10px 0;
		}
		
		/* Single Column Layout */
		#subRight #single_column {
			width: 635px;
			margin: 22px;
			padding: 0;
			float: left;
			}			
		/* Single Column Layout */	
		
		/* Two Column Layout */		
		#subRight #column1 {
			width: 355px;
			margin: 22px;
			padding: 0;
			float: left;
			}	
			
		#subRight #column2 {
			width: 300px;
			margin: 22px 0;
			padding: 0;
			float: left;
			}
		/* Two Column Layout */	
		
		/* Quote Box */		
		#subRight .quoteBox {
			width: 300px;
			height: 250px;
			margin: 22px 0 0 0;
			padding: 0;
			background: url(../structure/quote_back.jpg) no-repeat top left;
			}
			
			#subRight .quoteBox .quoteOpen {
				background: url(../structure/quote_open.gif) no-repeat top left;
				}
			
			#subRight .quoteBox .quoteClose {
				background: url(../structure/quote_close.gif) no-repeat bottom left;
				}
				
			#subRight .quoteBox .quoteBody {
				width: 200px;
				padding: 20px 0 0 0;
				margin: 0 0 0 50px;
				font-weight: bold;
				}	
				
			#subRight .quoteBox .quoteBody .quoteCredit {
				color: #0066cc;
				}					
		/* Quote Box */
			
	/* Sub Right */	
	
/* Sub Flash */



/* Footer */
#footer {
	clear: both;
	margin: 0 auto;
	height: 295px;
	width: 954px;
	background: url(../structure/homeContainer_body_tile.jpg) repeat-y top left;
	}

	/* Site Map */
	#footer #siteMap {
		margin: 0 27px 0 183px;
		border-top: 8px solid #fff;
		clear: both;
		height: 134px;
		width: 744px;
		background: url(../structure/sitemap_tile.jpg) repeat-x top left #fff;
		}
		
		#footer #siteMap .categories {
			margin: 0;
			padding: 15px 0 0 20px;
			height: 134px;
			background: url(../structure/sitemap_back.jpg) no-repeat top left;
			}
		
		#footer #siteMap .category {
			margin: 0 15px 0 0;
			width: 127px;
			float: left;
			}
			
		#footer #siteMap .category h2 {
			border-bottom: 4px solid #2ea7e6;
			width: 127px;
			margin: 0 0 5px 0;
			padding: 0;
			}
			
		#footer #siteMap .category h2 a {
			color: #2ea7e6;
			text-decoration: none;
			margin: 0 0 0 5px;
			}	
			
		#footer #siteMap .category ul {
			list-style-image: none;
			margin: 0 0 0 5px;
			padding: 0;
			list-style: none;
			}		
			
		#footer #siteMap .category ul li {
			display: block;
			margin: 0;
			padding: 0;
			line-height: 15px;
			}
			
		#footer #siteMap ul li a {
			color: #646464;
			text-decoration: none;
			font-size: 11px;
			}		
		
		#footer #siteMap ul li a:hover {
			color: #646464;
			text-decoration: underline;
			}					
		
	/* Site Map */

	#footer #bottom {
		clear: both;
		margin: 20px 0 0 0;
		padding: 0;
		height: 161px;
		width: 954px;
		background: url(../structure/footer_back.jpg) no-repeat top left;
		}
		
		#footer #bottom p {
			width: 100%;
			padding: 50px 0 0 0;
			text-align: center;
			}			
					
/* Footer */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}