/* General Structure */

*{
margin:0;
padding:0;
}

html
	{ 
	background:url(../img/main/gradbk.jpg) repeat-x left top;
	}

body 
	{ 
	color: #000000; 
	padding: 0;
	margin: 0;
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	}
	
img
    {
    border: 0;
    }

.red
    {
    color: #CC0000;
    display: block;
    }

p  
	{ 
	position: relative;
	font-size: 12px; 
	}
	
ul.text
	{
	padding: 0 2em;
	list-style-type: square;
	font-size: 11px;
	}

p a, p a:link, p a:visited, #content a, #content a:link, #content a:visited
	{
	position: relative;
	color: #CC0000;
	text-decoration: underline;
	}

p a:hover, #content a:hover
	{
	color: #000000;
	text-decoration: underline;
	}

p.wwide
	{
	padding: 2px;
	margin: 0;
	}

.left p
	{
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 1.5;
	width: 440px;
	color: #000000;
	float: both;
	}

.right p
	{
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 1.5;
	width: 250px;
	color: #000000;
	}
		
h1 
	{ 
	display: block;
	padding-top: 20px; 
	padding-bottom: 0; 
	padding-left: 10px; 
	padding-right: 10px; 
	margin: 0; 
	font-size: 16px; 
	font-weight: bold; 
	color: #CC0000;
	line-height: 1;
	}

h2 
	{ 
	display: block;
	padding-top: 0; 
	padding-bottom: 0; 
	padding-left: 10px; 
	padding-right: 10px; 
	margin: 0; 
	font-size: 14px; 
	font-weight: bold;
	color: #000;
	line-height: 1;
	}

h3 
	{ 
	position: relative;
	display: block;
	padding-top: 20px; 
	padding-bottom: 0; 
	padding-left: 10px; 
	padding-right: 10px; 
	margin: 0; 
	font-size: 11px; 
	font-weight: bold;
	color: #CC0000;
	line-height: 1;
	}

#content h3 a, #content h3 a:link, #content h3 a:visited
	{
	text-decoration: none;
	}

#content h3 a:hover
	{
	text-decoration: underline;
	}
	
#container 
	{ 
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	margin-top: 10px;
	}

/* Header Structure */

.nav
	{
	position: static;	
	float: left;
	width: 798px;
	height: 31px;
	background: url(../img/main/header.jpg) no-repeat left top;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	}

.nav ul {
	padding: 0;
	margin: 0;
	}

#bar {
	top: 1px;
	left: 1px;
	width: 798px;	 
	height: 23px;	 
	display: block;
	position: absolute;
	z-index: 9;
	font-size: 10px;
	padding: 0;
	margin: 0;
	}

#bar li {
	list-style-type: none;
	position: relative;
	width: 99px;
	height: 33px;
	margin: 0;
	/*margin-top: -1px;*/
	padding: 0;
	display: block;
	float: left;
	}

#bar li.off ul  {
	display: none;
	position: absolute;
	top: 31px;
/*	*top: 45px; */
	height: 33px;
	left: 0;
	z-index: 25;
	}

#bar li.off:hover ul, #bar li.over ul {
	display: block;
	width: 99px;
	z-index: 6000;
	background: #FFFFFF;
	}

#bar li.on ul {
	display: block;
	position: absolute;
	top: 31px;
/*	*top: 45px; */
	height: 34px;
	width: 99px;
	left: 0;
	z-index: 25;
	}

#bar li a { /* for all pulldown links */
	display: block; 
	width: 99px;
	height: 23px;
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background: transparent;
	}

#bar li.off ul a {
	float: left;
	border: 0;
	width: 99px;
	color: #FFFFFF;
	background: #CC0000;
	height: 23px;
	}

#bar li ul a {
	float: left;
	border: 0;
	width: 99px;
	color: #FFFFFF;
	background: #CC0000;
	height: 26px;
	}
	
#bar li.off a:hover {
	background: #000;
	color: #CC0000; 
	height: 21px;
	padding-bottom: 5px;
	}

#bar li a:hover, #bar li:hover a, #bar li.over a /*magic stuff*/
	{
	background: #000;
	color: #CC0000; 
	height: 20px;
	padding-top: 9px;
	padding-bottom: 2px;
	}

#bar li.off ul li a:hover  {
	background: #000000;
	color: #CC0000; 
	height: 22px;
	padding-top: 9px;
	padding-bottom: 3px;
	line-height: 1;
	}

#bar li.off ul li {
	height: 30px;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	>padding-bottom: 0;
	line-height: 1;
	}

#bar li.off ul li:hover, #bar li.over ul li.over {
	height: 30px;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	>padding-bottom: 0;
	line-height: 1;
	}

#header 
	{ 
	position: static;
	float: left;
	display: block;
	width: 798px;
	margin: 0;
	padding: 0;
	border: 1px #FFFFFF solid;
	}

.page_img
	{
	position: static;
	float: left;
	width: 509px;
	height: 255px;
	padding: 0;
	margin: 0;
	border-top: #FFFFFF 1px solid;
	display: block;
	}

.logo
	{
	position: relative;	
	float: left;
	width: 289px;
	height: 255px;
	padding: 0;
	margin: 0;
	background-color: transparent;
 	border-top: #FFFFFF 1px solid;
	display: block;
	}

.breadcrumb
	{
	position: static;	
	float: left;
	width: 798px;
	height: 31px;
	background: url(../img/main/breadcrumb.gif) repeat-x left top;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	}

.crumb
	{
	position: static;
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	margin-top: 8px;
	height: 18px;
	display: block;
	/*background: blue;*/
	}

.crumb a, .crumb a:visited, .crumb a:link, .crumb_home a, .crumb_home a:visited, .crumb_home a:link
	{
	position: static;	
	clear: both;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #000000;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 2px;
	display: inline;
	line-height: 1.6;
	vertical-align: middle;
	*vertical-align: 1%;
    /*background: red; */
	}

.breadcrumb a:hover
	{
	text-decoration: underline;
	color: #CC0000;
	}

/* Content Structure */
	
#content {
	position: relative;
	width: 800px;
	margin: 0;
	padding:0;
	/*padding-left: 5px;*/
	background-color: #FFFFFF;
	float: left;
	z-index: 1;
	}
	
#content ul {
	font-size: 12px;
	}

#content ul li {
	font-size: 12px;
	margin-left: 25px;
	width: 430px;
	}


.outer 
	{
	border-left-width: 510px;  /* left column width */
	border-left-color: #FFFFFF;   /* left column color */
	
	border-right-width: 0; /* right column width */
	border-right-color: blue;  /* right column color */
	
	background-color: #FFFFFF; /* center column color */
	
	width: 0; 
	border-left-style: solid; 
	border-right-style: solid;
	
 /*   border-bottom: 5px #000000 solid; */

	}

.inner 
	{ 
	margin: 0; 
	width: 100%; 
	}

.left 
	{
	width: 499px;	 /* left column width */
	margin-left: -500px;       /* _negative_ left column width */ 
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	color: #000; 
	background-color: transparent;
	display: block;
	float: left;
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	border-right: 1px solid #E0E0E0;
	font-size: 12px;
	z-index: 10;
	}

.center 
	{ 
	width: 0; 
	float: left; 
	position: relative;
	z-index: 12; 
	}

.right 
	{
	width: 267px; /* right column width */
	margin-left: -1px;
	display: block;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	background-color: #FFFFFF; 
	border-left: 1px solid #E0E0E0;
	z-index: 11;
	}

.bottom_buttons 
	{
	position: static;
	padding-left: 10px;
	padding-right: 20px;
	float: left;
	width: 125px;
	z-index: 1;
	}

#news_holder
	{
	position: static;
	float: left;
	width: 265px;
	margin-top: 5px;
	z-index: 1;
	}

#news 
	{
	position: relative;
	float: left;
	width: 120px;
	display: inline;
	z-index: 1;
	}

#news p
	{
	position: static;
	float: left;
	width: 120px;
	display: inline;
	z-index: 1;
	}

#news p a, #news p a:link, #news p a:visited
	{
	text-decoration: none;
	color: #000000;
	}

#news p a:hover
	{
	text-decoration: underline;
	color: #CC0000;
	}

#news_image
	{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 120px;
	height: 80px;
	display: inline;
	z-index: 1;
	}

#news_image img
	{
	width: 120px;
	height: 80px;
	}

img.news_page 
	{
	width: 220px;
	height: 135px;
	}
	
.side_buttons 
	{
	position: relative;
	float: left;
	width: 235px;
	margin-bottom: 10px;
	margin-left: 6px;
	>margin-left: 4px;
	z-index: 1;
	}

.clear { clear: both; }

/* Mozilla code */
/*.outer > .inner { border-bottom: 1px solid #FFFFFF; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }*/


/* body structure */

.bodypic
	{
	position: relative;
	margin-left: 11px;
	margin-top: 5px;
	}

.bodypic1
	{
	position: relative;
	margin-top: 5px;
	margin-left: 11px;
	}

.poptext
	{
	float: left;
	padding-left: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px; 
	width: 350px;
	}

#board div.photo
	{
	position: relative;
	text-align: left;
	float: left;
	padding: 0;
	width: 80px;
	height: 100px;
	margin-top: 0; 
	z-index: 20;
	}

#board div.photo img
	{
	width: 67px;
	height: 100px;
	border: 0;
	float: left;
	}

#board 
	{
	position: relative;
	float: left;
	width: 435px;
	font-size: 12px;
	line-height: 1.5;
	display: block;
	margin-left: 10px;
	z-index: 1;
	}

#board p
	{
	position: static;
	float: left;
	line-height: 1.3;
	width: 435px;
	display: inline;
	z-index: 1;
	}

#board p a, #board p a:link, #board p a:visited
	{
	text-decoration: none;
	color: #000000;
	}

#board p a:hover
	{
	text-decoration: underline;
	color: #CC0000;
	}

#board_image
	{
	position: relative;
	float: left;
/*	margin-top: 15px;*/
	width: 60px;
	height: 40px;
	display: inline;
	z-index: 1;
	}


/* footer structure */
		
#footer {
	position: static;
	width: 800px;	 
	height: 40px;	 
	margin: 0;
	padding: 0;
	display: block;
	z-index: 1;
	background-color: #FFFFFF;
	clear: both;
	}

#banner
	{
	position: static;	
	float: left;
	width: 798px;
	height: 90px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 10px;
	text-align: center;
	display: block;
	}

.contact {
	position: static;
	height: 40px;
	width: 800px;
	margin: 0;
	padding-top: 15px;
	font-size: 10px;
	text-align: center;
	color: #000;
	display: block;
	float: left;
	}

.contact a, .contact a:link, .contact a:visited {
	padding: 0;
	color: #000000;
	text-decoration: none;
	}

.contact a:hover {
	text-decoration: underline;
	color: #CC0000;
	}