/* CSS Document */


/* clear the decks */
* {
margin:0; padding:0;
font-weight:normal;
}
img {
border:none;
}
li {
list-style-type:none;
}
/* -------------- */


body {
/*background: #E7E7E7 url("images/template-images/bg.jpg");*/
background-color:#000;
margin-bottom:20px;
font: 70% Verdana, Arial, SunSans-Regular, sans-serif;
color:#564b47;
}
#gradient {        /* dark gray shading down to black */
background-image:url("images/template-images/gradient.gif");
background-repeat:repeat-x;
}

a {color: #DB7093; color:#444; text-decoration:none}
a:active {color:#000000;}
a:hover {color: #c43300; text-decoration:underline;}
a:focus {color: #c43300; text-decoration:underline;}

h1 {
width:450px;
margin:10px 0 6px;
padding:6px 0;
font:bold 1.15em Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1.11em;
word-spacing:.45em;
color: #9A1212;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
}

h2 {
margin:20px 0;
font:italic 1.5em/1.2em Georgia, "Times New Roman", Times, serif;
letter-spacing:.04em;
word-spacing:.2em;
color:#444;
}
#content h2 {
margin:0 0 0 20px;
font-size:1.3em; 
}

h3 {
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}
h3 span {
font-weight:normal;
font-size:.8em;
}

/* ----------container to center the layout-------------- */
#container {
width: 760px;
margin:2px auto 10px;
height:100%;
background: #E8E8E8 url("images/template-images/menubottom.jpg") no-repeat bottom left;
background-position:100% left;  /* adjusts the location of the image at the bottom left ... in IE only!  */
border-top:3px solid #fff;
}

/* ----------banner for logo-------------- */
#banner {
height:114px;
text-align: center;
background: url("images/template-images/header-gray.jpg") no-repeat bottom center;
background-color: #e1ddd9;
border-bottom:2px solid #ccc;
}
#banner img {padding:32px 0 0;} 


/* --------------left navi------------- */
#left {
float: left;
width: 200px;
background:#E8E8E8;
font-size:.95em;
}
p#contact {
color:#666;
position:relative;
top:120px;
left:20px;
font-size:1em;
line-height:2em;
}

/* -----------vertical menu-------------- */
#left ul#verticalmenu{
	list-style:none;
	width:160px;
	padding: 30px 0 0 30px;
	}
#verticalmenu li, 
#verticalmenu a:link, 
#verticalmenu li a:visited {
	margin-bottom:8px;
	font:600 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#94272a;
	text-decoration:none;
	text-align	:left;
	line-height:2.1em;
	}

#verticalmenu li a:active,
#verticalmenu li a:hover,
#verticalmenu li a:focus {
	background:  url("images/template-images/menuhover.gif") no-repeat;
	color: #dc4d1b;
	}
	
	
/* -----------------content--------------------- */
#content {
width:510px;
background-color:#e8e8e8;
/*background:#fff  url('images/template-images/content2.jpg') no-repeat top right; */
padding: 20px 20px 40px;
margin:0 0 60px 200px !important; margin:-400px 0 0 200px;  /* 60 for ff -- none for ie7 */
color:#444;
z-index:10;
}
div#content { 
min-height:600px;
  height:auto !important;
  height:600px;
}
#content img {
margin:30px 20px 6px;
border:1px solid #ddd;
}
.leftsub {
float: left;
width: 200px;
}
.rightsub h2 {
padding-left:200px;
}
.categories {
width:170px;
float:left;
list-style-type:none;
margin-left:20px; 
}
.categories li {
font-size:1em;
padding:4px 0;
}
p {
width:420px;
padding: 5px 10px;
font-size:1.2em;
line-height:1.4em;
}

dl {
margin:-12px 10px 10px;
font-size:1.1em;
}
dt {
margin-top:8px;
font-weight:bold;
}
dd {
margin-top:2px;
}
img.onlyimg {
margin:0;
}

/* -----------footer--------------------------- */
#footer {
clear:both;
height:30px;
padding-top:8px;   /* adjusts the location of the background image in the lower left ... in FF only! */
/*background:  url('footer.gif') repeat-x;    too hard to read text over it */
background-color:#333;
text-align:center;
letter-spacing:.2em;
}

#footer a{
display:inline;
padding:10px 52px;
color:#bbb;
font-size:1em;
line-height:1.8em;
}
#footer a:hover,
#footer a:focus {
text-decoration:underline;
color:#fff;
}