@charset "utf-8";

/* IMPORT  THE 960 GRID SYSTEM CSS FILE*/
@import url("reset.css");
@import url("960_24_col.css");

/*@import url("js/ui-lightness/jquery-ui-1.8.1.custom.css"); Use this if you need to included the syles for the jQuery UI*/

.pngfix	{}	/* ---  JUST FOR IE6 - ADD THIS CLASS TO ANY 
					TRANSPARENT IMAGE (PNG FILE) TO GET IT TO WORK IN IE6 ------- */

/* --------------------------------------------------------------------------------
		
		TABLE OF CONTENTS
		
		1. GRID STYLES
		2. TYPOGRAPHY STYLES
		3. FORM ELEMENT STYLES
			3a. Login Box Styles
			3b. Button Styles
		4. COLOBOX STYLES
		5. PAGE SPECIFIC STYLES
			5a. Home Page Styles
			5b. About Styles
			5c. Contact Us Styles
		6. 404 PAGE STYLES
		
		
		
		DEFAULT COLOR KEY:
		body - #fff
		H2 - #666
		H3 - #1b1b1
		H4 - #999
		p  - #000
		a  - #000
			
-------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------
		1. GRID STYLES
-------------------------------------------------------------------------------- */
#main_container 		{ height:550px; background-image: url('../images/common/header_bground.jpg'); background-position: top center; background-repeat: no-repeat; padding:0; margin:0;}

#header 				{ margin:35px 0 25px 0;}

#main_menu 				{ height:40px; color: black;}

#content_container 		{ background-image: url('../images/common/content_container_bground.jpg'); background-repeat: repeat-x; padding:25px 0 0 0; margin:0; background-color: #85aedc;}

#splash img 			{ margin:0 0 15px 0; border: 5px solid #85aedc;}

#footer .footer_logo 	{ float:right; padding:10px 0 20px 0px; }



/* --------------------------------------------------------------------------------
		2. TYPOGRAPHY STYLES (generic typography)
-------------------------------------------------------------------------------- */

body 	{ font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif; font-size:62.5%; color: #000; background-image: url('../images/common/light_blue_bground.jpg'); background-position: top left; background-repeat: repeat-x;  background-color: #1d466e;}

h1, h2, h3, h4, p, ol, ul, dl, blockquote {margin-bottom:.1em;}


@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



h2, h3				{ font-family: 'OpenSansLight', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; letter-spacing: 0;}

h4, h5, h6			{ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; color:#fff;}

h1					{ } /* Logo Container Style */
h1 a				{ float:left;}
h2 		 			{ color:#fc3; font-size:2.4em; font-weight: normal; padding:8px 0 8px 0; letter-spacing: -.03em;}
h3 					{ color:#fff; font-size:2.0em; font-weight: normal; letter-spacing: -.03em; line-height: 1.1em; padding:10px 0 0 0;}
h4					{ color:#999; font-size: 1.8em; font-weight: normal; padding:15px 0 10px 0;}

a					{ color:#000;}
a:link, a:visited 	{}
a:hover, a:visited 	{}
a:focus 			{ outline:none;} /* removes dotted line from links */
button:focus, button:active { outline: none; } /* removes dotted line from buttons in IE, Opera */
button::-moz-focus-inner { border: 0; } /* removes dotted line from buttons in FF */



p					{ color: #1b1b1b; font-size: 13px; line-height: 18px; padding: 0 35px 10px 0;}
p.intro_text		{ font-size: 16px; line-height: 21px; padding: 10px 35px 15px 0;}

p.subhead			{font-style: italic; font-size: 14px;}

li					{ font-style: italic; line-height: 1.2em; padding:0 0 5px 0;}
ol 					{ list-style-type: lower-roman;}
dt 					{ font-size: 14px; font-weight: bold; text-decoration: underline;  margin: 5px 0; } 
dd 					{ color: #666666; font-size: 12px; margin: 0px 0px 0px 10px; padding: 5px 0px 10px 10px; }

ul					{ font-size:12px; line-height: 18px; list-style-type: disc; list-style-position: outside; padding:5px 10px 10px 15px;}				

hr					{ background-color: #000; color:#000; height:1px; margin:2px 20px 0 20px; padding:0;}

#footer p			{ color:#fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;  font-size: 11px; line-height: normal; margin:0; padding:0; }

#footer a			{ color:#fff; }



/* --------------------------------------------------------------------------------
		3. FORM ELEMENT STYLES
-------------------------------------------------------------------------------- */

form			{ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; margin:50px 0 20px 0;}
input, textarea { background-color:#142e47; border:1px solid #000; color:#ccc; font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; font-size: 16px; padding:5px; margin:0; resize:none}
label			{ float:left; margin:8px 0 0 0; width:9em;}
.form_error		{ color:#fc3; font-size: 13px; font-weight:bold; margin: -5px 0 20px 9em; padding:0;}

.form_long 		{ width:380px;}
.form_medium	{ width:330px;}
.form_short		{ width:150px;}
.form_textarea	{ width:330px;}
.submit_button	{ margin:10px 0 0 11.7em; text-transform: uppercase;}
.submit			{ font-size: 12px;}
a:hover .submit	{ background-color: #333; color:#fff;}


/* -----------------------
	 3a. Login Box Only
-------------------------- */

#login_box .button 			{ font-size: 13px; height:26px; width:98px; margin:20px 0; background: url('../images/home/submit_button_bground.png'); text-transform: uppercase; letter-spacing: .1em;}
#login_box 					{ font-family:Verdana, Geneva, Tahoma, sans-serif;}
#login_box p, #login_box h2 { color:#dab77f; padding:0; margin:0;}
#login_box h2				{ text-transform: uppercase; font-size: 1em; letter-spacing: .2em; padding: 10px 0; font-family: Georgia, "New Century Schoolbook","Nimbus Roman No9 L",serif;}
#login_box legend			{ display: none;}
#login_box input			{ font-size: 15px; padding:5px 5px; width:231px;}
#login_box a 				{ color:#dab77f font-size: 11px; text-decoration: none;}
#login_box #error_msg 		{ color:#fc3; font-size: 12px; padding:0 0 10px 0;}


/* -----------------------
	 3b. Button Styles
-------------------------- */

/* Blue "FIND OUT MORE" Button */

.blue_button { margin: 0;}

a.blue_button {
    background: transparent url('../images/common/buttons/blue_button_right.png') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 9px verdana, sans-serif;
    height: 16px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.blue_button span {
    background: transparent url('../images/common/buttons/blue_button_left.png') no-repeat;
    display: block;
    line-height: 6px;
    padding: 4px 2px 6px 7px;
}

a.blue_button:hover span {
    background-position:  bottom left;
    color:#fff;
}
a.blue_button:hover {
    background-position:  bottom right;
}



/* --------------------------------------------------------------------------------
		4. COLORBOX PAGE STYLES
-------------------------------------------------------------------------------- */
#colorbox_container 	{ padding:10px;}
#colorbox_container h3	{ font-size: 25px; letter-spacing: normal; margin:0; padding:0 0 15px 0;}



/* --------------------------------------------------------------------------------
		5. PAGE SPECIFIC STYLES
-------------------------------------------------------------------------------- */
	
	/* ------------------------------
		 5a. Home Page Styles
	------------------------------ */
	#home .blue_button {margin:0 0 20px 0;}
	#home .brochure_button {margin:0 0 20px 35px;}
	#home h3 {padding-top:0;}
	
	
	/* ------------------------------
		 5b. HUBZONE Styles
	------------------------------ */
	#hubzone #content_container	{ min-height: 370px;}
	#hubzone .brochure_button {float:left; margin:7px 10px 0 0;}
	#hubzone #splash img {float:right; margin:10px 30px 0 0;}
	
	
	/* ------------------------------
		 5c. ADVANTAGE SITE Page Styles
	------------------------------ */
	#advantagesite #content_container	{min-height: 370px;}
	#advantagesite #splash img {float:right; margin:10px 30px 0 0;}
	
	.advantage_logo{float:left; margin:5px 10px 0 -40px;}
	
	#links_box {background-color: #6896c7; margin:15px 0 0 0; padding:10px 0;}
	#links_box h3 {font-size: 16px; padding:0 0 0 10px;}
	#links_box ul {margin:0 0 0 10px;}
	
	#download_box {text-align: center;}
	#download_box p.subhead {padding-top:10px;}
	#download_box img {padding:0 20px 0 0;}
	
	/* ------------------------------
		 5d. DATA CENTER Page Styles
	------------------------------ */
	#datacenter	#content_container	{min-height: 370px;}
	#datacenter #splash img {float:right; margin:10px 30px 0 0;}
	#datacenter .cloud_button {float:left; margin:10px 7px -5px -8px;}
	
	
	/* ------------------------------
		 5e. STATISTICS Page Styles
	------------------------------ */
	#stats	{}
	#stats #splash img {float:right; margin:10px 30px 0 0;}
	
	
	/* ------------------------------
		 5f. COVENANTS Page Styles
	------------------------------ */
	#covenants .brochure_button {margin:20px 0 0 0;}
	#covenants #splash img {float:right; margin:10px 30px 0 0;}
	
	
	/* ------------------------------
		 5g. LOCATION Page Styles
	------------------------------ */
	#location .brochure_button {margin:10px 0 20px 0;}
	#location #splash img {float:right; margin:10px 30px 0 0;}
	
	
	
	/* ------------------------------
		 5h. CONTACT Page Styles
	------------------------------ */
	#contact_thanks #content_container	{min-height: 370px; text-align: center;}
	#contact_thanks h2, #contact_thanks h3	{padding-bottom:15px;}
	
	.brochure_downloads {margin-top:10px; text-align: center;}



/* --------------------------------------------------------------------------------
		6. 404 NOT FOUND PAGE STYLES
-------------------------------------------------------------------------------- */

#not_found #container		{ padding: 20px; text-align: center; }

#not_found #container #logo	{ display: block; margin: 0 auto 20px; }

#not_found ul				{  }

#not_found ul li			{ list-style-type: none; }