* { margin: 0; padding: 0; }         /*important*/

  html, body {   
  padding: 0;/*removes indent Mozilla and NN7*/
  list-style-type: none;/*turns off display of bullet*/
  border: 0;
  margin: 0 auto; 
  text-align: center;         /*centeres the body in IE*/
  background: #492459 url(images/test.jpg) repeat-x;
}
body, th, td, input, textarea, select, option {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

A:link { text-decoration: none; color:#E8AD35; }
A:visited {text-decoration: none; color:#E8AD35; }
.input_field{
width:300px;
}
.input_send{
width:100px;
margin-left:190px;
}
textarea{
width:300px;
}
#container{

margin: 0px auto;
width: 830px;
}
#wrapper{
text-align: left
margin: 0px auto;   
float: left;
width: 830px;
}       
  img {
  border: 0;
}
.logo{
padding-right:600px;
margin-bottom:10px;
}
#header{    
	width: 830px;
  height:37px;
	margin: 0 auto;   
}

#menu {        
    padding-top:33px;
	  width: 830px;
 
}

#menu ul {   
 width: 100%;
margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {   
float: left; 
}

#menu a { 
display: block;
	float: left;
	width: 118px;
	height: 27px;
	padding-top: 28px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 20px;
	color: #FFFFFF;
	
}

#menu a:hover {   
	background: url(images/img099vsmall.jpg) no-repeat; 
	padding-top: 46px;
	color: #222222;
}

#menu .active a {
	background: url(images/img099vsmall.jpg) no-repeat;
  height:46px; 
	color: #372412;
}
#menu .active a:hover {
	background: url(images/img099vsmall.jpg) no-repeat;
  height:27px;
  padding-top:48px; 
	color: #372412;
}
#content{
text-align: left;   
color:white;
float:left; 
width: 830px;
}
#content li{
list-style: url(images/bullet.png);
margin-left:20px;
margin-top:2px;
padding-left:5px;
}
#top{ 
padding-top:10px;
height:150px;
width:830;
}
#content_top{ 
   float: left;
text-align: left; 
}
#test{       
 float: right;
}

#main_content{
float: left;
width:530px;
}
#subject{
font-size:16px;
}
#subject h1{
font-size:30px;
}
#subject p{
padding-top:10px;
}
.title {
	margin: 0 auto; 
	border-bottom: 3px solid #E8AD35;
	padding:3px;
}
.img{
padding-left:25px;
}
/*sidebar*/
#sidebar{
padding-right:30px;
float: right;
width:210px;
}
#sidebar h1{
font-size:23px;
padding-top:13px;
text-align:center;
}
.date{
color:#E8AD35;
font-size:13px;
}
/* Footer */

#footer {
	clear: both;
	padding: 3px 0;
	background: #914ab0;
	border-top: 3px solid #E8AD35;
	text-align: center;
	font-size: smaller;
	color: #E8AD35;
}

#footer a {
text-decoration: none;
	color: #C28C21;
}
.poet{
padding-left:140px;
}
#map_canvas{
margin-left:10px;
background-color:transparent;
margin-bottom:10px;
}
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

     

A.red_all_underline {
	color: #FF0033;
	text-decoration: none;
}

A.red_all_underline:hover {
	color: #FF0033;
	text-decoration: underline;
}

div.frame_grey{
	background-color : #ffffff;
	padding : 22px 0px 0px 0px;
	margin-bottom : 8px;
	margin-top : 5px;
	text-align : left;
	margin-right : 9px;
}


div.frame_white{
	background-color : #ffffff;
	width : 877px;
	color : #666666;
	padding : 5px 0px 7px 9px;
	text-align : left;
	border: solid;
	border-color: #666666;
	border-width : 1px 1px 1px 1px;
	margin-left : 0;
	margin-right : 9px;
	line-height : 20px;
	margin-top : 9px;
	margin-bottom : 0;
}


.player{
	margin : 15px 0px 1px 0;
}

.video_name{
	font-size : 24px;
	text-align : left;
	padding-bottom : 6px;
	text-indent : -3px;
}

.note{
	font-weight : bold;
	text-align : left;
	margin-top : 48px;
	margin-bottom : 2px;
	font-size : 13px;
	padding-right: 10px;
	margin-right: 0px;
}

.upload{
	font-weight : bold;
	text-align : left;
	margin-top : 18px;
	margin-bottom : 2px;
	font-size : 13px;
}

.files{
	text-align : left;
	line-height : 20px;
	margin-top : 9px;
}

.copy{
	text-align : left;
	font-weight : bold;
	padding-top : 42px;
	margin-bottom : 10px;
	font-size : 13px;
}

.leftfloat{
	float: left;
	line-height : 40px;
}

.clear{
	clear: both;
}