html, body { 
	font-family: sans-serif;
	font-size: 12px;
	color: black;
   	background-color: transparent;
	margin:0;
	padding:1px; 
	text-align:center;
} 

#pagewidth{ 
	width:100%; 
	min-width: 795px;
        max-width: 1300px; 
        margin: 0 auto;
        padding:0;
        text-align: left;
}  

#header{ 
	width:100%;
} 

#printheader{
	display:none;
	width:100%;
	text-decoration:underline;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

#printfooter {
	display:none;
	width:100%;
	color:black;
}

#printfooter .left  { float: left;  }
#printfooter .right { float: right; }
 
#leftcol{
		float:left;
		width:130px;
		margin:0; 
                padding: 2px 2px 0 0;
}
 
#rightcol{
		float:right;
		width:225px;
		margin:0; 
                padding: 2px 0 0 2px;
} 
 
#footer{
	margin-left:132px;
} 
 
#maincol{ 
	margin-left:132px;
        padding: 2px;
}
 

.clr{	      
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background-color: transparent;
}

.content{margin:0px; padding:0px;} /*padding for content */ 

 /*printer styles*/ 
@media print{ 
	#leftcol{display:none;} 
	#outer{border-left:0;} 
	#pagewidth{min-width:200px;}
	#header{display:none;}
        #topnavleft{display:none;}
        #topnavright{display:none;}
	#printheader{display:block;}
	#footer{display:none;}
	#printfooter{display:block;}
	#maincol{margin:0px 0px 0px 0px;border-bottom:1px solid black;}
        .content{margin:0; padding:0;}
	a:link, a:visited, a:active {color:black;}
	.tabcontent{display: block;}
}

/* HEADER */

#headerleft {
	float:left;
        margin:0; padding:0;
        height: 60px;
}

#headerright {
	text-align:right;
	float:none;
        margin:0; padding:0;
        height: 60px;
}

#topnavleft, #topnavright {
	padding:2px;
	margin:0;
	background-color: black;
	color: white;
}

#topnavleft a, #topnavright a {
	color: white;
}

#topnavleft {
	float:left;
	text-indent:3px;
}

#topnavright {
	clear:right;
	text-align:right;
        padding-right:4px;
}

.h1left, .h1right {
        color: white;
	background: url(../imagefile/main_h1.png) 100% 0 repeat-x;
	/* background-color: gray; */
        margin:0;
        padding:2px;
        text-indent:2px;
}

.h1left {
        font-weight: bolder;
        font-size: 16px;
	float: left;
	text-indent:3px;
}

.h1right {
        font-size: 12px;
        font-style: italic;
	clear:right;
	text-align:right;
	padding: 5px 5px;
}

/* FOOTER */

#footermain .left  { float: left;  }
#footermain .right { float: right; }

#footermain a {
	color: white;
}

#footermain {
	width:auto;
	height:1.5em;
	margin-top:20px;
	margin-bottom:10px;

background: url(../imagefile/footer_main.png) 100% 0 repeat-x;
	/* background-color: navy; */
	padding:3px;
	color:white;
}

#stats {
	clear:both;
	font-size:smaller;
}


/* NAVIGATION */

#navcurr {
	background-color: #ffd700;
}

#navrail {
	background-color: #f5f5f5;
}

#navimagerail {
	background: url(../imagefile/nav_rail.png) 100% 0 repeat-x;
}

#navtram {
	background-color: #f5f5f5;
}

#navimagetram {
	background: url(../imagefile/nav_tram.png) 100% 0 repeat-x;
}

#navinteraction {
	background-color: #f5f5f5;
}

#navimageinteraction {
	background: url(../imagefile/nav_interaction.png) 100% 0 repeat-x;
}

#navcommunity {
	background-color: #f5f5f5;
}

#navimagecommunity {
	background: url(../imagefile/nav_community.png) 100% 0 repeat-x;
}
#nav ul {
        margin: 0 0 4px;
	padding: 0;
        width:100%;
	list-style-type: none;
	border: 1px solid black;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0;
}


#nav a:hover {
	text-decoration: none;
	background-color: #ffd700;
}


#nav ul ul {
        font-weight: bold;
        margin: 0;
        padding: 0 0 3px;
        list-style-type: none;
	text-indent: 3px;
	font-size: 13px;
	border: none;
	text-align: left;
}


#nav ul ul ul {
        margin: 0 0 5px;
        padding: 0;
        font-weight: normal;
        font-size: 11px;
        text-indent: 3px;

}



#nav li a {
   padding: 2px 3px;
   margin: 0;
   border-bottom: none;
}

#navrail li a {
	color: #020aa8;
}

#navtram li a {
	color: #015b01;
}

#navinteraction li a {
	color: #9f1001;
}

#navcommunity li a {
	color: #000000;
}

#nav li li a {
   margin: 0;
   padding: 4px 0 2px;
   border-bottom: none;
}

#nav li li li a {
   margin: 0;
   padding: 1px 0;
   border-bottom:none;
}


#nav a {
        padding: 0.5px;
        margin: 0;
        height: 1em;
        text-decoration: none;
        display: block;
    /*    color: navy;   */
}

/* RIGHT SIDE INFOR */

.rightinfotext {
        margin: 0px auto;
        padding: 0 8px 0 4px;
}

.rightinfo {
	width:100%;
	margin:0;
	padding:0;
	font-size:11px;
	overflow:hidden;
	text-align:justify;
}

.rightinfo h1 {
	background: url(../imagefile/rightinfo_head.png) 100% 0 repeat-x;
	/* background-color:#FFD700; */
	font-size:12px;
	color:black;
	margin:0;
	margin-bottom: 3px;
	padding:3px;
	font-variant:normal;
}

.rightinfo h2 {
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
	padding:0;
   	padding-left: 2px;
	margin:0;
	margin-top:5px;
}

/* COUNTER */

#counter {
	text-align:center;
}


/* MAIN CONTENT */

h1  {
        font-weight: bolder;
        color: white;
	background: url(../imagefile/main_h1.png) 100% 0 repeat-x;
	/* background-color: gray; */
        font-size: 16px;
        margin:0;
        padding:2px;
        text-indent:2px;
}

h2 {
	font-weight: bolder;
	font-size: 16px;
	text-decoration: none;
	padding:0px;
	margin-top:20px;
        color: black;
        text-indent: -4px;
}

h3 {
	font-weight: bolder;
	font-size: 14px;
	text-decoration: none;
	padding:0px;
	margin-top:15px;
        color: black;
        text-indent: -2px;
}

.maindata {
   margin: 0px;
   padding: 10px;
   background-color: transparent;
   width: auto;
}

.maindata table {
        _width: 99%;
}



img {
        vertical-align:bottom;
        padding: 0;
        margin: 0;
}


a {
	text-decoration: none;
}


a:hover {
	text-decoration: underline
}

p {
        margin: 0;
        padding: 0;
}


/* HOME PAGE */

#home-ranpic {
        text-align: center;
        margin:0px auto;
        padding-left: 10px;
        padding-right:10px;
}

#home-randpic img {
        margin: 12px auto;
        border: none;
}

#home-content {
        margin: 0px auto;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right:10px;
}

#home-content td {
        text-align: justify;
}

.homeinfo {
        margin: 0px auto;
        padding-left: 10px;
        padding-right:10px;
        margin-bottom: 10px;
}

.homeinfo td {
        text-align: justify;
}


/* Google Maps */

DIV.location-map {
    margin: 10px 0px;
}

DIV.location-map DIV#map {
    width: 331px;
    height: 250px;
    border: 1px solid black;
}


/* Tabs */

.tabs {
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   font: bold 12px;
   list-style-type: none;
   text-align: left;
}

.tabs li {
   display: inline;
   margin: 0;
}

.tabs li a{
   text-decoration: none;
   font-weight: bolder;
   padding: 3px 7px;
   margin-right: 3px;
   margin-left: 3px;
   border: 1px solid black;
   color: black;
   background-color: white;
}


.tabs li a:hover{
   text-decoration: underline;
   color: blue;
}

.tabs li.selected{
   position: relative;
   top: 0px;
}

.tabs li.selected a{ /*selected main tab style */
   background-color: gold;
   border-bottom-color: gold;
}

.tabs li.selected a:hover{ /*selected main tab style */
   text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
   border: 1px solid black;
   width: 650px;
   margin-bottom: 1em;
   padding: 10px;
	text-align: center;
}

.tabcontent{
   display:none;
}