@import "styles.css";

/* layout
----------------------------------------------- */
body {
	background: #fff;
	font: 70% Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	width: 908px;
	background: #fff;
	padding: 10px 0;
}
#logo {
	width: 165px;
	height: 92px;
	margin: 0 0 0 10px;
	padding: 0;
}

/* header
----------------------------------------------- */
#header {
	background: url(../images/bg_header.gif) no-repeat;
	_background: url(../images/bg_header.gif) 10px 0px no-repeat; /* IE6 */
	padding: 0;
	margin: 0;
}
#header #topnav {
	float: right;
	margin: 0;
	background: url(../images/bg_login.gif) no-repeat;
	width: 253px;
	height: 91px;
}
#header #headertext h1 {
    position: absolute; 
    font-size: 1.3em;
    padding: 0;
    margin: 65px 0 0 260px;
    *margin: 65px 0 0 216px; /* IE7 */
    _margin: 65px 0 0 206px; /* IE6 */
    font-weight: 700;
    font-style: italic;
	height:20px;
}

#header #regButton {
	padding:5px 20px 0 0;
	float: right;
	
 
}


#header #topnav h1 { 
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	color: #fff;
}
#navcontainer { _margin: -11px 0 0 0; /* IE6 */ }

/* top nav - request info
----------------------------------------------- */
#requestinfo {
	width: 253px;
	float: right;
	clear: right;
	_margin: -11px 0 0 0; /* IE6 */
}

/* header image - right buttons
----------------------------------------------- */
#headerimage { clear: both; _margin: 11px 0 0 0;}
#headerimage #rightbox {
	float: right;
	width: 253px;
}
#headerimage img {
	margin: 0 0 -2px 0;
	padding: 0;
}
#headerimage table {
	margin: 0 0 -8px 0;
	padding: 0;
}
#headerimage #mainimage img { _margin: 0 -4px 0 0; /* IE6 */ }

/* monitor - floated
----------------------------------------------- */
#monitor {
	position: absolute;
	float: right;
	height: 119px;
	width: 116px;
	margin: 115px 0 0 620px;
}

/* main content
----------------------------------------------- */
#main-home {
    clear: both;
    margin: 0 0 10px 0;
    *margin: 15px 0 0 0; /* IE7 */
    _margin: 10px 0 0 0; /* IE6 */
    background:  url(../images/bg_main.gif) repeat-y; 
    
    /* IE7 */
    *background:  url(../images/bg_main.gif) repeat-y; /* IE7 */    
    /* if the content borders blow out change the code above to what's below. 
    *background:  url(../images/bg_main.gif) 10px 0 repeat-y; /* IE7 */ 
    
    /* IE6 */
    _background:  url(../images/bg_main_ie6.gif) repeat-y; /* IE6 */
    /* if the content borders blow out change the code above to what's below. 
    _background:  url(../images/bg_main_ie6.gif)  10px 0 repeat-y; /* IE6 */ 
}
#main-home #leftwrapper p,
#main-home #middlewrapper p,
#main-home #rightwrapper p {
	line-height: 1.3em;
}

/* column headers - gray background
----------------------------------------------- */
#main-home #left h1,
#main-home #middle h1,
#main-home #right h1 {
	font-size: 1.8em;
	color: #fff;
	padding: 5px 0 0 15px;
}

/* main left column
----------------------------------------------- */
#main-home #left { 
	float: left;
	width: 254px;
	*width: 250px;
	_width: 251px;
	padding: 0; 
	margin: -14px 0 0 0;
	*margin: 0; /* IE7 */
}
#main-home #leftwrapper { padding: 0 10px 10px 10px; }

/* main middle column
----------------------------------------------- */
#main-home #middle { 
	margin: 0 255px 0 251px; 
	*margin: -4px 255px 0 251px; /* IE7 */
	_margin: -9px 255px 0 251px; /* IE6 */
}
#main-home #middlewrapper { 
	padding: 0 10px 10px 10px; 
	*position: relative; /* IE7 */
}

/* main right column
----------------------------------------------- */
#main-home #right { 
	float: right;
	width: 254px;
	margin: -14px 0 0 0;
	*margin: 0;
}
#main-home #rightwrapper { padding: 0 10px 10px 10px; }

/* left column h1
----------------------------------------------- */
#main-home #left h1 {
	background: #555F60 url(../images/mainheader_left.gif) left no-repeat;
	width: 235px;
	height: 30px;
}

/* middle column h1
----------------------------------------------- */
#main-home #middle h1 {
	background: #555F60;
	height: 30px;
}

/* right column h1
----------------------------------------------- */
#main-home #right h1 {
	background: #555F60 url(../images/mainheader_right.gif) right no-repeat;
	width: 239px;
	height: 30px;
}

/* footer
-----------------------------------------------*/
#footer {
	margin: -12px 0 0 0;
	background: #576162 url(../images/bg_footer.gif) bottom no-repeat;
	color: #fff;
	padding: 5px;
	text-align: left;
}
#footer #phonenumber {
	float: right;
	height: 21px;
	width: 192px;
	background: url(../images/phonenumber.jpg) no-repeat;
	margin:8px 10px 0 0;
}

/* main image - learn more button
----------------------------------------------- */
a#learnmore {
    margin: 0;
    width: 176px;
    _width: 148px; /* IE6 */
    height: 65px;
    _height: 37px; /* IE6 */
    background-image: url(../images/learnmore.png); 
    _background-image: url(../images/learnmore_ie.png);  /* IE6 */
    float: right;
    position: absolute;
    margin: 155px 0 0 390px;
	_margin-top: 168px;
}
a#learnmore em { display: none; }
a#learnmore:hover { 
	background-position: 0 -65px; 
	_background-position: 0 -37px; /* IE6 */
}

/* right box
----------------------------------------------- */ 
a#rightbox_top {
    margin: 0;
    width: 253px;
    height: 111px;
    background-image: url(../images/rightbox_top.jpg);
    float: right;
}

a#rightbox_top {
    margin: 0;
    width: 253px;
    height: 111px;
    background-image: url(../images/rightbox_top.jpg);
    float: right;
}

a#rightbox_top em { display: none; }
a#rightbox_top:hover { background-position: 0 -111px; } 
a#rightbox_top-test:hover { background-position: 0 -111px; } 
a#rightbox_bottom {
    margin: 1px 0 0 0;
    width: 253px;
    height: 112px;
    background-image: url(../images/rightbox_bottom.jpg);
    float: right;
}

a#rightbox_bottom em { display: none; } 
a#rightbox_bottom:hover { background-position: 0 -112px; }