/* CSS Document */

/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
}
body{	
	min-width:770px;/* for mozilla*/
	
	background: url("images/footerbg.gif") repeat-x bottom left;
	background-color: #FFF;
	color: #000000;
}
#outer{
	height:99.9%;
	min-height:100%;
	width:770px;
	color: #000000;
	text-align:left;
	margin:0;
	position:relative;
	background:  url(images/columns.gif) repeat-y left top;
	background-color: #FFFFFF;
	position:relative;
}


 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0px;
	width:770px;
	height:212px;
	background:#FF9600;
	overflow:hidden;
	color: #000000;
	z-index:100;
}
#left {
	position:relative;/*ie needs this to show float */
	width:205px;
	float:left;
	padding-top:212px;/*needed to make room for header*/
}
/*#left p {padding-left:3px;padding-right:2px}*/


#footer {
	width:770px;
	clear:both;
	height:52px;
	background-color: #000000;
	color: #FFFFFF;
	left:0;
	bottom:0;
	position: absolute;
	background:  url(images/footerbg2.gif) no-repeat left bottom;
}

.foottext
{
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;
	margin-left:244px;
	margin-top:40px;
}
.foottext a:link{color:#FFFFFF;text-decoration:none}
.foottext a:visited{color:#FFFFFF;text-decoration:none}
.foottext a:hover{color:#FFFFFF;text-decoration:underline}
.foottext a:active{color:#FFFFFF;text-decoration:none}

* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	\height:52px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#middle{
width:33px;
float:left;
margin-top:212px;
padding-top:212px;
	background:  url(images/middle.gif) no-repeat left top;
}

#centercontent {
	width:532px;
	float:right;
	padding-top:212px;/*make room for header*/
	
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#news{
width:205px;
background: url(images/sidebg.gif) no-repeat left top;
padding-top:50px;
}

* html #news{margin-top:-4px;}

.lefttext
{
margin-left:10px;
margin-right:10px;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
}

.maintext
{
margin-left:6px;
margin-right:10px;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
}

.maintext a:link{color:#FF9600;font-weight:bold}
.maintext a:visited{color:#D47D00;font-weight:bold}
.maintext a:hover{color:#FF3C00;font-weight:bold}
.maintext a:active{color:#FF9600;font-weight:bold}

.list a:link{color:#FF9600;font-weight:bold}
.list a:visited{color:#D47D00;font-weight:bold}
.list a:hover{color:#FF3C00;font-weight:bold}
.list a:active{color:#FF9600;font-weight:bold}

.title{
margin-left:6px;
margin-right:10px;
font-family:Verdana,Arial,sans-serif;
font-size:16px;
font-weight:bold;
padding-top:30px;
}

.subtitle{
margin-left:6px;
margin-right:10px;
font-family:Verdana,Arial,sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:0px
}

/* splatters at top */


#smr-01,#smr-02,#smr-03,
#smr-04,#smr-05 {
float:right;
clear:right;
padding:0;
}

#smr-01 {
width: 94px;
margin:0 0 0 0px;
padding: 0px 0 0 0;
height: 10px;
background: url("images/splatrighttop1.gif") no-repeat;
font-size: 1px;
line-height: 1px;
}

#smr-02 {
width: 69px;
margin:0 0 0 0px;
padding: 0px 0 0 0;
height: 8px;
background: url("images/splatrighttop2.gif") no-repeat;
font-size: 1px;
line-height: 1px;
}

#smr-03 {
width: 82px;
margin:0 0 0 0px;
padding: 0px 0 0 0;
height: 18px;
background: url("images/splatrighttop3.gif") no-repeat;
font-size: 1px;
line-height: 1px;
}

#smr-04 {
width: 44px;
margin:0 0 0 0px;
padding: 0px 0 0 0;
height: 10px;
background: url("images/splatrighttop4.gif") no-repeat;
font-size: 1px;
line-height: 1px;
}

#smr-05 {
width: 24px;
margin:0 0 0 0px;
padding: 0px 0 0 0;
height: 9px;
background: url("images/splatrighttop5.gif") no-repeat;
font-size: 1px;
line-height: 1px;
}

#topbg{
margin:0;
padding:0;
background:  url(images/bgfull.gif) repeat-x left top;
width:100%;
	height:99.9%;
	min-height:100%;
}

* html #footerbg{margin-bottom:-1px;padding-bottom:-1px;}/* ie rounding bug*/
* html #footerbg {/*only ie gets this style*/
	\height:53px;/* for ie5 */
	he\ight:53px;/* for ie6 */
}

/*navigation*/
#nav{
padding-top:0;margin-top:0px;
}

* html #nav {padding-top:0;margin-top:-4px;}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav ul li {
	position: relative;
	float: left;
	font-family:Verdana,Arial,sans-serif;
}
	
#nav li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}

/* Styles for Menu Items */
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #FF9600; /* IE6 Bug */
	padding-top: 9px;
	width:120px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	}
/* commented backslash mac hiding hack \*/ 
* html #nav ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
#nav  a:hover {
   color: #fff;
}

.list
{
font-family:Verdana,Arial,sans-serif;
font-size:12px;
}

hr{
color:#FF9600;
border-style:dotted;
margin-bottom:12px;
}

#gallery{
margin:0px;
}

#gallery img{
margin-left:6px;margin-right:2px;
margin-bottom:20px;margin-top:0px;
}

.border img{
border: #FF9600 2px solid;
}

.border:hover img{
border: #FF3C00 2px solid;
}

.border:hover{
color: #FF3C00; /* irrelevant definition to overcome IE bug */
}