/* CSS Document */

/*-------------Hubble Homes 2009 Copyright Home Designer-------*/


/* Colors used 

BLUES:
	#005fb2 = the main blue i.e. the top_nav link text
	#00468b = darker blue i.e. the submit btn bg 
	#9bbfe3 = lighter blue i.e. the submit btn.
	#144a90 = used for blue text on yellow BG
	#7399c6 = ROBERT HOW MANY FREAKING BLUES ARE YOU USING?
	
	
YELLOWS:
	#ffde00 = the yellow used throughout
	
*/

*{
margin: 0px;
padding: 0px;
}

body{
color:#00468B;
padding: 0;
margin: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
background: #01458c url(../Images/body_bg.jpg) top center no-repeat;
}

#wrap{
width: 950px;
margin: 0 auto;
background-color: #fff;
}

#header{
height: 174px;
background-color: #01458c;
}

.Banner{
height: 144px;
background: url(../Images/header_bg.jpg) top left no-repeat;
}

#NavContainer{
width: 945px;
height: 33px;
position: absolute;
top: 142px;
margin-left: 8px;
z-index: 2;
}

img{
background-color: transparent;
}

/*-----------Navigation--*/

.makeinvisible
{
	visibility: hidden;
}

#top_nav {
width: 725px;
margin: 0px auto;		
		}
			ul.main_nav {
				list-style: none;
				margin: 0 0 0 10px;
				padding: 0;
			}
			ul.main_nav li.firstlevel {
				display: block;
				float: left;
				position: relative;
				bottom: -1px;
				margin-left: 0px;
				border-left: 1px solid #00468b;
				font-size: 12px;
				margin-right: 0px;
				padding: 0px 0px 0px 0px;
				background-image: url(../Images/topNav_right.jpg);
				background-repeat: no-repeat;
				background-position: top right;
			}
			ul.main_nav a.firstlevel {
				margin-right: 0px;
				display: block;
				padding: 10px 7px 7px 7px;
				background-image: url(../Images/topNav_left.jpg);
				background-repeat: no-repeat;
				background-position: top left;
				text-decoration: none;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
			}

			ul.main_nav a.firstlevel:hover {

			}
			.main_nav li.leftest {

			}
			ul.main_nav li.leftest a.firstlevel {
				background-image: url(../Images/topNav_leftest.jpg);
			}
			ul.main_nav li.rightest {
				background-image: url(../Images/topNav_rightest.jpg);
			}
			ul.main_nav li.big_tab {
				margin: 0px 0px;
				border-left: 8px solid #00468b;
				border-right: 8px solid #00468b;
			}
			div.big_tab {
				margin: 20px 0px 0 8px;
			}
			.big_tab a.firstlevel {
				display: block;
				padding: 10px 0 7px;
				font-weight: bold;
				text-decoration: none;
				background-image: url(../Images/bigTab_bg.gif);
				text-align: center;
			}
			.big_tab a.firstlevel span {
				display: block;
				width: 182px;
			}

			ul.main_nav li.selected {
				background-image: url(../Images/topNav_right_selected.jpg);
			}

			ul.subnav li {z-index: 10000;
/*				padding-left: 5px;*/
				border-bottom:1px solid #C7D5E7;
				font-size:11px;
				margin:0px 15px;
			}

			ul.main_nav li.selected li.selected {
				background-image: none;
			}

			ul.main_nav li.selected a.firstlevel {
				background-image: url(../Images/topNav_left_selected.jpg);
			}

			div#top_nav li {
				position: relative;
			}
			ul.subnav a {
				zoom: 1;
				display: block;
				padding-top: 6px;
				padding-bottom: 4px;
				text-decoration: none;
				color: #005fb2;
			}
			ul.subnav a.unselected {
				/* color: #648cbb; */
			}
			ul.subnav a.selected {
				/* color: #004990; */
			}
			ul.subnav a:hover {
				color: #648cbb;
			}
			/*
			div#top_nav li:hover ul.subnav {
				display: block;
			}
			*/
			/*
			div#top_nav li.over ul.subnav {
				display: block;
			}
			*/
			
			li#big_tab {
				z-index: 1;
			}

			#big_tab ul#big_tab_menu {
				position: absolute;
				left: 170px;
				top: 0px;
				z-index: 3;
			}
			ul.subnav {z-index: 10000;
				display: none;
				width: 180px;
				position: absolute;
				left: -1px;
				list-style: none;
				background: url(../Images/bg_subnav.gif) bottom no-repeat;
				margin: 0;
				padding:10px 0px 15px 0px;
			}

			ul.over {
				display: block;
			}
			ul.subnav ul.subnav {z-index: 10000;
				left: 170px;
				top: 0px;
			}

	div#top_row .de .submit {
		padding-top: 15px;
	}

	div#top_row {
		background-color: #ffde00;	
		padding-top:10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		border-left: #7399c6 2px solid;
		border-right: #7399c6 2px solid;
	}	
	
	

/*--left colum-------------*/
			
#left_col{
width: 205px;
float: left;
min-height: 400px;
}

.big_tab{
	width: 189px;
	display: block;
	padding: 0px 0 7px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/*.big_tab p{
font-weight: normal;
margin: 0px 5px;
}*/

.bigMiddle_bg{
min-height: 385px;
}

.BtnBackground{
background: url(../Images/Selected_btn.gif) top left no-repeat; 
width: 160px; 
height: 26px;
text-align: right;
font-weight: bold;
color: #FFFFFF;
}

.BtnBackground img{
margin-right: 3px;
}

.PrintDL{
text-align: left;
width: 180px;
margin: 0px 4px;
}

.PrintDLheaders{
width: 100%;
border-bottom: 1px solid #00468B;
}

.PrintDLheaders td{
vertical-align: bottom;
}

.PrintDLitems{
font-weight: normal;
width: 100%;
background-color: #eaefff;
}

.PrintDLitems td{
vertical-align: top;
}

.PrintDLitems2{
width: 100%;
font-weight: normal;
}

.PrintDLitems2 td{
vertical-align: top;
}

.PrintleftColum{
padding-right: 3px; 
width: 100px;
}


/*----------Content-------*/

#contentContainer{
width: 745px;
float: left;
}

.Content{
margin-top: 20px;
width: 739px;
}

.ContentTop{
height: 10px;
background: url(../Images/content_top_bg.jpg) top left no-repeat;
padding-top: 10px;
}

.ContentMiddle{
background: url(../Images/content_middle_bg.jpg) top left repeat-y;
min-height: 400px;
}

.ImageContainer{
padding: 20px 0px 0px 30px;
}


.LargeImage_1{
width: 620px;
height: 365px;
overflow: hidden;
padding: 0px;
margin: 0px;
}

.optionImage{
width: 620px;
height: 365px;
overflow: hidden;
position: absolute;
top: 215px;
padding: 0px;
}

.selectedOption
{
	border: 1px solid #7399c6;
}

.ContentBottom{
height: 10px;
background: url(../Images/content_bottom_bg.jpg) top left no-repeat;
}

/*--------PopUp Window-----*/


.CancelLink{/*---also used for the close links----*/
text-align: right;
}

.CancelLink div{
width: 115px;
float: left;
text-align: left;
font-weight: bold;
}

.ChangeWrapper{
overflow: auto;
height: 360px;
width: 695px;
border: 1px solid #CCCCCC;
background-color: #ffffff;
padding: 10px;
margin-top:5px;
}

.SelectWrapper td{
vertical-align: top;
}

.SelectDL{
margin: 5px 30px 20px 0px; 
width: 125px;
}

.SelectDL td{
text-align: center;
padding-top: 3px;
vertical-align: top;
padding: 0px 5px;
}

.SelectDLStyles{
margin: 5px 20px 20px 0px; 
width: 200px;
}

.SelectDLStyles td{
text-align: center;
padding-top: 3px;
vertical-align: top;
padding: 0px 5px;
}

.popoutWindow
{
	background-color: #FFFFFF; 
	border: 1px solid #00468B;
}

.FlyoutPadding{
padding: 10px;
width: 300px;
}

/*-----------Admin---------*/

#AdminHeader{
height: 94px;
background: url(../Images/header_bg.jpg) top left no-repeat;
}

#MainContent{
min-height: 400px;
padding: 10px;
}

/*----------titles------*/

h1{
margin-bottom: 10px;
}

/*-----------Footer--------*/

#footer {
		clear: both;
		background: url(../Images/footer_bg.jpg) top left no-repeat;
		background-repeat: no-repeat;
		padding-top: 10px;
		text-align: center;
		background-color: #00468b;
		color: #7399c6;
	}



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

a {
color: #005fb2;
}

p {
color: #00468B;
}

img {
border: none;
}