/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: URL(/graphics/bgfade.gif) repeat-x #88aabd;
	font-family:arial,sans-serif;
	font-size:12px;
	color:#000000;
}

/* main table */

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto 0 auto; /* center, not in IE5 */
	width:876px;
	background: url("./graphics/sitebg.gif") repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	width:850px;
	height:160px;
	background: url("./graphics/headerbg.jpg") no-repeat;
	margin: 0 auto 0 auto;
}

div#splashheader {
	width:850px;
	height:160px;
	background: url("./graphics/splashhead.jpg") no-repeat;
	margin: 0 auto 0 auto;
}

div#headleft {
	width:290px;
	height:85px;
	margin: 30px 0 0 40px;
	float: left;
}

div#headright {
	width:441px;
	height:81px;
	margin: 79px 0 0 0;
		float: right;

}
	
div#content {
	background: url("/graphics/fadetop.gif") no-repeat;
	padding:0 0 113px 0; /* bottom padding for footer */
	margin: 0 auto 0 auto;
}

div#footer {
	position:absolute;
	width:850px;
	height:114px;
	bottom:0; /* stick to bottom */
	margin-left: 13px;

	background: url("./graphics/footerbg.gif") no-repeat;
	font-size:10px;
}




/* main nav */



#leftmenu {
	width: 180px;
	margin: 0 0 0 36px;
	_margin-left: 18px;
	background: url("./graphics/menubg4.gif") no-repeat;
	float:left;
}




/* content formatting */

#pagecontent {
	width: 535px;
	padding: 25px 63px 0px 0;
	margin-right: 13px;
	overflow: auto;
	line-height:15px;
	float:right;
}

#splashcontent {
	width: 623px;
	padding: 170px 0px 0px 0;
	_padding-right: 1px;
	margin-right: 13px;
	_margin-right: 6px;
	overflow: auto;
	background: url("./graphics/splashrest.jpg") no-repeat;
	line-height:15px;
	float:right;
}

#rightsplash {
	width: 220px;
	height: auto;
	min-height: 350px;
	padding: 0px 6px 25px 25px;
	margin-right: 13px;
	_margin-right: 3px;
	overflow: visible;
	line-height:15px;
	border-left: solid 1px #c0c0c0;
	float:right;
}
#splashtext {
	width: 300px;
	padding: 30px 15px 0px 29px;
	line-height:25px;
	float:left;
	background: URL(/graphics/head_excellence.gif) no-repeat;

}

#right_foot {
	color: #ffffff;
	float: right;
	margin-top: 72px;
	padding-right:20px;
}

#left_foot {
	color: #ffffff;
	float: left;
	margin-top: 72px;
	padding-left:20px;
}



#clear {
	clear: both;
}






/* text styles */



a {
	color: #00498a;
	text-decoration: underline;
}
a:hover {
	color: #c50000;
	text-decoration: underline;
}

a.imedia {
	color: #ffffff;
	text-decoration: underline;
}
a.imedia:hover {
	color: #ffffff;
	text-decoration: underline;
}

.videos {
	color: #000000;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
.videos:hover {
	color: #c93000;
	text-decoration: none;
}

.morelink {
	font-size: 10px;
	color: #c93000;
	text-decoration: none;
	float: right;
	margin-right: 7px;
}
.morelink:hover {
	color: #c93000;
	text-decoration: underline;
}

.otherlink {
	font-size: 11px;
	color: #c93000;
	text-decoration: none;
	text-transform: uppercase;
}
.otherlink:hover {
	color: #c93000;
	text-decoration: underline;
}




h1 {
	font-weight:bold;
	font-size:15px;
	color: #c93000;
	text-transform: uppercase;
	margin:-2px 0 26px 0;
}

h2 {
	font-weight:bold;
	font-size:14px;
	color: #c93000;
	margin:0 0 10px 0;
}

h3 {
	font-weight:normal;
	font-size:14px;
	color: #c93000;
	text-transform: uppercase;
	margin:-2px 0 10px 0;
}


dl {
   height: auto;
   margin: 0 0 0 -10px;
   list-style: none;
    display: block;
}

dl a {
   display: block;
   	color: #000000;
   padding: 7px 12px;
   
}

dl a:hover {
	color: #c93000;
   background-color: #f6f6ee;
}

dt, dd {
   padding: 2px 0px;
   margin: 0;

}



p { 
	margin:12px 0 12px 0;
}

.contact td {
font-size: 10px;
text-align:right;

}

/* catalog styles */

a.catalog {
	color: #01177a;
	text-decoration: none;
}
a.catalog:hover {
	color: #0266c4;
	text-decoration: underline;
}
.catalogText {	
	text-decoration: none;
	font-size: 10pt;
}
.catalogTitle {
	color: #5C4033;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}
td.cartdisplay {
	background: #eaeaea;
	border-bottom: solid 1px #bababa;
	padding: 6px 8px;
	}

td.cartdisplaytop {
	border-bottom: solid 1px #bababa;
	padding: 2px 8px;
	font-weight: bold;
	}
	
td.cartname {
	font-weight: bold;
	font-size:11px;
	}
td.cartoptions {
	font-size: 11px;	
	}
td.cartsub {
	padding: 6px 8px;
	}
.border {
	border: solid 1px #eeaf04;
}

/* locations page */
div.location{
	width:225px;
	background: #f6f6ee;
	margin-bottom: 27px;
	border: solid 1px #cacaca;
	}
div.right{
	float:right;
	margin-right: 20px;
	}
div.left{
	float:left;
	margin-left: 20px;
	}
div.loctitle{
	font-size:12px;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	padding: 5px;
	background: #052c7b;
	}
div.loctext{
	padding: 10px 18px;

	}


/* bios page */

a.biothumb {
font-weight: bold;
	text-decoration: none;
}
a.biothumb:hover {
	color: #0266c4;
	text-decoration: none;
}
div.biopic{
	float:right;
	width:175px;
	margin: -30px 0 15px 20px;
}



.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:right;
  background:url(/graphics/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/graphics/corner_bl.gif) left  bottom no-repeat;
  }
.wrap3 {
  padding:0 5px 7px 0;
  background:url(/graphics/corner_tr.gif) right top no-repeat;
  }
  .wrap3 img {
  display:block;
  }
  





/* menu codes */


	
	
	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 172px;
padding: 0;
font-size: 12px;
color: #202629;
text-transform:uppercase;
margin-top: 28px;
float:right;
}

* html #blueblock{ /*IE 6 only */
w\idth: 145px; /*Box model bug: 180px minus all left and right paddings for #blueblock  from the UL and LI */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

li a.blueblock {
display: block;
padding: 12px 0 0 22px;
color: #000000;
text-decoration: none;
width: 145px;
height:25px;
border-top: solid 1px #c0c0c0;
border-right: solid 5px #e09b57;
margin-top: 1px;
}
li a.bottom {
border-bottom: solid 1px #c0c0c0;
}

html>body li a.blueblock { /*Non IE6 width*/
width: auto;
}

li a.blueblock:hover{
color: #c93000;
	text-decoration: none;
	background: #f6f6ee;
	height:25px;
	border-top: solid 1px #c0c0c0;
	border-right: solid 5px #c93000;
	margin-top: 1px;


}


li.on{
	background: #f6f6ee;
}




#bodylinks{
padding: 0;
font-size: 12px;
color: #202629;
text-transform:uppercase;
float:left;
line-height:15px;
margin:0;

}



li a.top {
margin-top: 3px;
}


li a.indentlinks {
display: block;
font-size:10px;
padding: 0 16px 8px 22px;
color: #00226c;
text-decoration: none;
_width: 370px;
height:15px;
line-height: 13px;
font-weight: bold;
margin-left: 20px;
background: URL(/graphics/block.off.gif) no-repeat;
}

li a.indentlinks:hover {
display: block;
font-size:10px;
padding: 0 16px 8px 22px;
color: #c93000;
text-decoration: none;
_width: 370px;
height:15px;
line-height: 13px;
font-weight: bold;
margin-left: 20px;

background: URL(/graphics/block.on.gif) no-repeat;
}

li a.sub {
color: #c93000;
line-height: 11px;
padding: 0 16px 0px 22px;
background: URL(/graphics/blockred.off.gif) no-repeat;
}

li a.sub:hover {
line-height: 11px;
padding: 0 16px 0px 22px;
}



* html #bodylinks{ /*IE 6 only */
w\idth: 145px; /*Box model bug: 180px minus all left and right paddings for #blueblock  from the UL and LI */
}

#bodylinks ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}


#bodylinks li {
margin: 0;
list-style: none;

}

li a.bodylinks {
display: block;
padding: 8px 20px 0 22px;
color: #00226c;
text-decoration: none;
_width: 370px;
height:21px;
margin-top:4px;
font-weight: bold;
background: URL(/graphics/arrow2.off.gif) no-repeat;
}


html>body li a.bodylinks { /*Non IE6 width*/
width: auto;
}

li a.bodylinks:hover{
color: #c93000;
	text-decoration: none;
	background: URL(/graphics/arrow.on.gif) no-repeat #f6f6ee;
	padding: 8px 20px 0 22px;
	_width: 370px;
	height:21px;
	margin-top:4px;

}

li a.splash {
_width: 200px;
}

li a.splash:hover {
_width: 200px;
}

/* submenus */

#pagetitle {
	width: 555px;
	margin: 24px 55px 0 0;
	_margin-right: 35px;
	line-height:17px;
	float: right;
}
#othertitle {
	width: 150px;
	line-height:17px;
	float: right;
	text-align: right;
	font-weight: bold;
	margin-right:95px;
	margin-top: 10px;
}


#submenu {
	color:#c0c0bf;
	text-transform:uppercase; 
	text-align: center; 
	width: 560px;
	padding: 5px 0;
	margin-right: 55px;
	margin-top: -20px;
	_margin-right: 30px;
	line-height:15px;
	float:right;
	border-top: #cacaca 1px solid;
	border-bottom: #cacaca 1px solid;
}

#submenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}


#submenu li {
margin: 0;
list-style: none;
margin: 1px 0;
float: left;
}

a.submenu {
	color: #2f2e26;
	text-decoration: none;
	font-size:10px;
	line-height: 19px;
	padding: 3px 8px;
	font-weight: bold;
	border-right: solid 1px #dadada;
}
a.submenu:hover {
	color: #2f2e26;
	text-decoration: none;
	background: #f8f4ec;
	font-weight: bold;
}

a.end {
	border-right: solid 1px #ffffff;
}
a.end:hover {
	border-right: solid 1px #ffffff;
}










