/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Layout
	Typography and Inline Elements
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#foo {display:none;}

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em; /* makes font a specific size... must find it... */
	text-align:center;
	background-color: #7298A1;
	background-image:url(images/bg.gif);
	font-family: arial;
	color: #402126;
	
}
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 785px;
	background: url(images/main.gif) repeat-y center top;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}

a:link {color:#336688}
a:visited {color:#336699}
a:active {color:#336688}
a:hover {color:#222}
#header {
	margin-bottom:0px;
	height: 133px; 
	position: relative;
	width: 785px;
	background-image:url(images/header.jpg);
}
#header a img {border-style: none;}

#trail {
	background-image:url(images/trail.gif); 
	background-repeat: repeat-x;
	height: 30px; 
	line-height: 28px;
	width: 779px;
	margin-left:3px;
	margin-right:3px;
}

#traa {margin-right:10px; font-weight: bold; color:#847275}
#traa a, #traa a:visited {color: #847275; font-size: 11pt;}
#traa a:active, #traa a:hover {color: #333;}


#content {
	padding-right: 10px;
	padding-left: 10px;
}

.brown {font-weight: bold; font-size:11pt; line-height: 1.2em; padding: 8px; text-indent: 0px;}
.brown a{color:#333; }
.brown a:hover {color: #000;}

.info {padding: 8px;}
.info a{color:#333; }
.info a:hover {color: #000;}

img {border: 1px solid #000;}

#footer {
	width:779px; 
	height: 32px;
	margin-left: 3px;
	margin-right: 3px; 
	display: block;
	text-align: left;
	background-image:url(images/footer.gif);
	line-height: 34px;
	border-bottom:1px solid #000;
	font-weight: bold;
}
#footer a {color: #402126; font-weight: bold;}
#footer a:hover {color: #000;}

/* Typography and Inline Elements */
/* *************************************************************************************** */
h1 {font-family: impact; color: #333; font-size: 3em; text-align: center; font-weight: normal;}
h2 {font-family: impact; color: #7298A1; font-size: 2em; text-align:left; font-weight: normal; margin-bottom: 11px;}
h3 {font-family: impact; color: #fff; font-size: 2em; text-align:center; font-weight: normal;}
p {}


/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav { 
	width: 780px;
	margin-left: 2px;
	margin-right: 3px;
	height: 97px;
	background-image:url(images/nav-bg.gif);
	background-color:#402126;
	margin-top: 0px;
	text-align: center;
	padding-top: 12px;
	
}
#nav ul {}

#nav ul, #nav li {/* fix IE6 and IE7 List bug */ display: inline; }

#nav a:link, #nav a:visited {
	display:block;
	float:left;
	height:81px;
	width: 119px;
	background-position:top center;
	font-family: arial; 
	font-size: 14pt; 
	font-weight: bold;
	text-align: center;
	background-image:url(images/button1.gif);
	margin-left: 9px;
	margin-right: 9px;
	line-height: 81px;
	color: #402126;
	text-decoration: none;
	
	
}
#nav a#left, #nav a#left:hover {
	width: 44px; height: 81px; 
	background-image:url(images/left-half.gif);
	margin-left: 0px;
	margin-right: 0px;}
#nav a#right, #nav a#right:hover {
	width: 49px; height: 81px; 
	background-image:url(images/right-half.gif);
	margin-right: 0px;
	margin-left: 1px;}

#nav a:hover, #nav a:active {background-image:url(images/button2.gif);}


#blueborder {
	margin: 5px;
	border: 1px solid #000;
	padding: 10px;
	background-color: #333;
	position: relative;
}

#blue-stuff {
	margin: 5px;
	border: 4px solid #7298A1;
	padding: 10px;
	background-color: #fff;
	position: relative;
	overflow: auto;
}
	* > #blue content {
	min-height:365px;
	height:auto;
}
}

#no-stuff {
	margin: 5px;
	border: 0px solid #7298A1;
	padding: 10px;
	background-color: #fff;
	position: relative;
	min-height: 500px;
	overflow: auto;}


#home-image {visibility: visible;}
#home-image img {border: 1px solid #111;}

#lower ul {list-style-type: none;}
#lower ul li {float: left; padding-left: 5px;}

#spacer {display: block; width: 70px; height: 10px;}
#linkbar {background-color: #333; color:#eee;}
#linkbar span {font-weight: bold; font-size: 1em; padding-left: 4px; font-style: italic;}

.p3 {line-height: 1.5em;}

#allbuy {background-color: #ddd; border: 1px solid #ccc; padding-bottom: 20px;}
#allbuy span.top {display: block; background-color: #aaa; color: fff; font-weight: bold;}
#allbuy span.mid {padding: 5px; background-color: #eee; display: block; padding-bottom: 10px;}
#allbuy span.mid ul {position: inside; margin-left: 15px;}

#bottom {color: #222; font-size: 11px;}

.indenter {text-align:left; padding-left: 105px;}

#description a {color:#666666}
#description a:hover {color:#999999}

.coolpage {background-image:url(images/grad.jpg); background-repeat:repeat-x}

#allbuy {
	display:block;
	float: right;
	width: 260px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom:20px;
}
#contactlink a {
		display:block;
		padding:5px; 
		text-decoration:none;
		border-bottom:0px dotted #033;
		margin-right: 5px;
		margin-left: 5px;}
#contactlink a:before {
	content:" .: ";
}
#contactlink a:last-child {margin-bottom: 10px;}
#extra {padding-left: 15px; text-align:left; margin-top: 15px;}