@import "styles.css";

/* layout
----------------------------------------------- */
body {
	background: #fff;
	font: 70% Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	width: 908px;
	background: #fff;
	padding: 10px;
}
#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;
}
#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 #mainimage img { _margin: 0 -4px 0 0; /* IE6 */ }

/* main content
----------------------------------------------- */
#maintop {
	margin: 5px 0 0 0;
	height: 15px;
	background: url(../images/rounded_top.gif) no-repeat;
}
#main {
	clear: both;
	margin: -13px 0 0 0;
	_margin: -21px 0 0 0; /* IE6 */
	background:  url(../images/bg_mainwrapper.gif) repeat-y;
}

/* left column
----------------------------------------------- */
#left { 
	float: left;
	width: 178px;
	*width: 178px; /* IE7 + IE6 */
	padding: 0;
	margin: -14px 0 0 0;
	*margin: 0; /* IE7 + IE6 */
}
#leftwrapper { padding: 0 10px 10px 10px; }

/* left sidebar
----------------------------------------------- */
#sidebarnav {
	margin: 0;
	padding: 0;
}
#sidebarnav li { list-style: none; }
#sidebarnav li a {
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#sidebarnav li a:hover { color: #9D080D; }
#sidebarnav .current a,
#sidebarnav .current a:hover { color: #0068b3; }
#sidebarnav .current .subnav a { color: #000; }
#sidebarnav .subnav {
	margin: 0 0 0 15px;
	padding: 0;
}
#sidebarnav .subnav a:hover { color: #9D080D; }

/* middle column
----------------------------------------------- */
#middle { 
	margin: 0 255px 0 180px; 
	*margin: -4px 255px 0 180px; /* IE7 + IE6 */
}
#middlewrapper { 
	padding: 0 10px 10px 10px; 
	*position: relative; /* IE7 + IE6 */
}
#middlewrapper h1 {
	color: #9d080d;
	font-size: 1.5em;
	padding-top: 10px;
}
#middlewrapper h2 {
    background: url(../images/arrow_left.gif) left no-repeat;
	color: #0068b3;
	padding: 0 0 0 20px;
	font-size: 1.3em;
}
#middlewrapper h3 {
    background: url(../images/arrow_left.gif) left no-repeat;
	color: #0068b3;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	font-size: 1.3em;
}
#middlewrapper h3 a {
	color: #0068b3;
}
#middlewrapper h4 {
    background: url(../images/arrow_left.gif) left no-repeat;
	color: #0068b3;
	padding: 0 0 0 20px;
	margin: 20px 0 5px 0;
	font-size: 1.3em;
}
#middlewrapper h4 a {
	color: #0068b3;
}
#middlewrapper h5 {
	color: #0068b3;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 1.3em;
}

/* middle column (no right column)
----------------------------------------------- */
#main2 {
	clear: both;
	margin: -13px 0 0 0;
	_margin: -20px 0 0 0; /* IE6 */
	background:  url(../images/bg_mainwrapper2.gif) repeat-y;
}

#middle2 { 
	margin: 0 0 0 180px; 
	*margin: -4px 0 0 180px; /* IE7 + IE6 */
}


/* middle column - breadcrumb
----------------------------------------------- */
#middlewrapper #breadcrumb { 
	margin: 0 0 0 -43px;
	padding: 0;
}
#middlewrapper #breadcrumb li { display: inline; }
#middlewrapper #breadcrumb li a {
	border-right: 1px solid #0068b3;
	padding: 0 5px 0 3px;
	color: #0068b3; 
	font-weight: 100;
}
#middlewrapper #breadcrumb .last { padding: 0 0 0 3px; }


/* middle column - breadcrumb
----------------------------------------------- */
#middlewrapper .mp_backlinks { 
	margin: 0 0 0 -43px;
	padding: 0;
}
#middlewrapper .mp_backlinks li { display: inline; }
#middlewrapper .mp_backlinks li a {
	border-right: 1px solid #0068b3;
	padding: 0 5px 0 3px;
	color: #0068b3; 
	font-weight: 100;
}
#middlewrapper .mp_backlinks .last { padding: 0 0 0 3px; }

/* right column
----------------------------------------------- */
#right { 
	float: right;
	width: 254px;
	margin: -14px 0 0 0;
	_margin: 0; /* IE6 */
	_position: fixed;
}
#rightwrapper { padding: 0 18px 10px 18px; }
#rightwrapper h1 {
	margin: 40px 0 10px 0;
	color: #fff;
	font-size: 1.3em;
	padding: 5px;
	border: 1px #999 solid;
	background-color: #0068b3;
}

/* clearer
----------------------------------------------- */
#clearer { 
	margin: 35px 0 0 0; 
	*margin: 0;
	_margin: 36px 0 0 0; /* IE6 */
}

/* footer
-----------------------------------------------*/
#footer {
	clear: both;
	margin: -12px 0 0 0;
	_margin: 0 0 -10px 0; /* IE6 */
	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;
    height: 65px;
    background-image: url(../images/learnmore.png); 
    float: right;
    position: absolute;
    margin: 150px 0 0 390px;
}
a#learnmore em { display: none; }
a#learnmore:hover { background-position: 0 -65px; }

/* right box
----------------------------------------------- */ 
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_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; }

/* site map
----------------------------------------------- */ 
#sitemap p { line-height: 15px; }


/* photo gallery
----------------------------------------------- */

#gallery-wrapper {
	width:605px;
	padding-bottom:25px;
}

#gallery-main {
	width:600px;
	height:402px;
	border:1px solid #666;
	margin:25px auto;
	float:left;
	text-align:center;
}