/*
      Created by Obed Raimundo of DaredevilConcept.com
	  
	  E-Mail: obi@daredevilconcept.com
	  
	  You can purchase layouts like this at http://store.daredevilconcept.com,
	  It would be greatly appreciated if you gave a link back to http://www.daredevilconcept.com
	  
*/

* { padding: 0; margin: 0; }

h1 {font-size:200%; color:#FFF;}
h2 {font-size:150%; color:##FF0;}
h3 {font-size:150%; font-style:bold; color:#0F0}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #000;
}
#wrapper {
 text-align : center ;
 width: 1000px;
 margin-left : auto ;
 margin-right : auto ;
 background:#000000;
 position:relative;
}
#header {
 float: left;
 color: #58ca24;
 width: 990px;
 padding: 5px;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: #000 left no-repeat;
}
#navigation {
 float: left;
 width: 990px;
 color: #000;
 padding: 5px;
 margin: 0px 0px 0px 0px;
 background: #ccc;
 border-bottom:#000000 thin solid;
}
#galnavi {
 float: left;
 width: 980px;
 color: #0F0;
 padding: 10px;
 margin: 1px 1px 1px 1px;
 background: #000;
 border-bottom:#000000 thin solid;
}
ul#green { margin:0; padding:0; list-style-type:none; }
ul#green li { position:relative; float:left; border-top:4px solid #ccc; margin-right: 15px; padding-right: 20px; padding-top: 5px;}
ul#green .current { border-top:4px solid #00FF00;}
ul#green li:hover { border-top:4px solid #00FF00;}
ul#green li a { padding:2px 2px; text-decoration:none; font:bold 14px Verdana, Georgia, "Times New Roman", Times, serif; color:#000000;}
ul#green li a:hover { color:#89be89; border:none; }
ul#green li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 15px;}

ul#green li a:hover span {margin-top: 7px; display:block; color: #89be89;}

#leftcolumn { 
 float: left;
 color: #333;
 background: #333333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 200px;
}
#leftcolumnsplit { 
 float: left;
 color: #fff;
 background: #555555;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 575px;
 height: 400px;
 overflow:auto;
 display:inline;
}
ul#side { margin:0; padding:0; list-style-type:none; }
ul#side li { position:relative; float:left; border-top:2px solid #ccc; margin-right: 15px; padding-right: 20px; padding-top: 5px;}
ul#side .current { border-top:2px solid #FFCC00;}
ul#side li:hover { border-top:2px solid #FFCC00;}
ul#side li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#00FF00;}
ul#side li a:hover { color:#FFCC00; border:none; }
ul#side li span{ display:none; position:absolute; top:20px; left:2px; width:990px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 10px;}

#rightcolumn { 
 float: right;
 color: #fff;
 background: #555555;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 990px;
 display: inline;
}
#rightcolumnsplit { 
 float: right;
 color: #fff;
 background: #555555;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 405px;
 height: 400px;
 display: inline;
}
#rightcolumn a { 
 color:  #58ca24;
 text-decoration:none;
}
#rightcolumn a:hover{ 
 color:  #FFFF00;
}
#video {
 width:780px;
 margin:2px 1px 1px 2px;
 float:left;
}
#videoplaylist {
 width:170px;
 padding:8px;
 height: 500px;
 overflow:auto;
 background:#444444;
 margin:10px 1px 5px 10px;
 float:left;
 border:double;
 border-width:thin;
 border-color:#CCC;
}
#twitter {
 float:left;
 padding: 10px 0px;
 height: 20px;
}

#content { 
 float: right;
 color: #fff;
 background: #555555;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 900px;
 display: inline;
 border-bottom:10px #444444 solid;
}
#content h4 { 
 color: #58ca24;
}
#footer {
 float: right;
 text-align:left; 
 width: 990px;
 clear: both;
 color: #fff;
 background: #000;
 margin: 0px 0px 10px 0px;
 padding: 5px;
}
#footer a { 
 color: #58ca24;
 text-decoration:none;
}
#footer a:hover{ 
 color: #FFFF00;
}