@charset "utf-8";
/* CSS Document */

body {background:#101010 url(../images/bg.jpg) top repeat-x; margin: 0px auto; text-align:center;}

.container {background:#fff; width:980px; border:1px solid #333; text-align:center; margin:0px auto;}

.header {width:980px; text-align:center; margin:0px auto;}

.main {width:688px; text-align:left; background:url(../images/main_nav_bg.gif) top repeat-x; margin:0px; padding:0px; vertical-align:top;}

#nav { margin:5px 10px 0px 0px; padding:0px 0px 5px 0px; text-align:center; }

#nav a:link { font: bold 18px/26px Arial, Verdana, Sans Serif; color: #eee; text-decoration:none; padding:0px 7px 0px 7px; }
#nav a:active { font: bold 18px/26px Arial, Verdana, Sans Serif; color: #eee; text-decoration:none; padding:0px 7px 0px 7px; }
#nav a:visited { font: bold 18px/26px Arial, Verdana, Sans Serif; color: #eee; text-decoration:none; padding:0px 7px 0px 7px; }
#nav a:hover { font: bold 18px/26px Arial, Verdana, Sans Serif; color: #000; background:#fff url(../images/main_nav_bg_selected.gif) top repeat-x; padding:7px 7px 6px 7px; }


#left_nav {width:252px; height:492px; vertical-align:top; text-align:left; background:url(../images/vertical_menu_bg.gif) top no-repeat; margin:0px; padding:10px 8px 0px 14px;}

#left_nav a:link { font: bold 12px/27px Arial, Verdana, Sans Serif; color: #333; text-decoration:none; padding:0px 7px 0px 12px; background:url(../images/leftnav_bg.gif) top repeat-x; display:block; width:244px; vertical-align:middle; }
#left_nav a:active { font: bold 12px/27px Arial, Verdana, Sans Serif; color: #333; text-decoration:none; padding:0px 7px 0px 12px; background:url(../images/leftnav_bg.gif) top repeat-x; display:block; width:244px; vertical-align:middle; }
#left_nav a:visited { font: bold 12px/27px Arial, Verdana, Sans Serif; color: #333; text-decoration:none; padding:0px 7px 0px 12px; background:url(../images/leftnav_bg.gif) top repeat-x; display:block; width:244px; vertical-align:middle; }
#left_nav a:hover { font: bold 12px/27px Arial, Verdana, Sans Serif; color:#900; display:block; background:#fff url(../images/leftnav_bg_selected.gif) top repeat-x; padding:0px 7px 0px 12px;  height:27px; }

#left_nav UL { list-style:none; margin:0px; padding:0px;}
#left_nav UL LI { list-style:none; margin:0px; padding:0px;}

#footer { font: 10px Arial, Verdana, Sans Serif; color: #ccc; text-decoration:none; padding:10px 0px 5px 0px; width:980px; text-align:center; margin:0px auto; }
#footer a:link { font: 10px Arial, Verdana, Sans Serif; color: #ddd; text-decoration:underline; }
#footer a:active { color: #ddd; text-decoration:underline; }
#footer a:visited {color: #ddd; text-decoration:underline; }
#footer a:hover { color: #900; text-decoration:underline; }

h1 { font: bold 18px/20px Arial, Verdana, Sans Serif; color: #333; margin-bottom:4px; margin-top:14px; }

h2 { font: bold 15px Arial, Verdana, Sans Serif; color: #333; margin-bottom:4px; margin-top:8px; }

h3 { font: bold 13px/13px Arial, Verdana, Sans Serif; color: #333; margin-bottom:4px; margin-top:8px; }

p { font: 12px Arial, Verdana, Sans Serif; color: #333; margin:0px;}
p a:link { font-weight: bold; color:#900; text-decoration:underline; }
p a:active { font-weight: bold; color: #900; }
p a:visited { font-weight: bold; color: #900; }
p a:hover { font-weight: bold; color: #000; text-decoration:underline; }

p.small { font: 10px Arial, Verdana, Sans Serif; color: #333;}

.white { color:#FFF; }

ul {margin:3px; padding:5px;}
ul li { font: 12px Arial, Verdana, Sans Serif; color: #333; text-decoration:none; margin:0px 0px 0px 6px; padding:0px 0px 0px 6px; }
ul li a:link { color: #900; text-decoration:none; }
ul li a:active { color: #900; text-decoration:none; }
ul li a:visited {color: #900; text-decoration:none; }
ul li a:hover { color: #000; text-decoration:none; }

ul li ul li { font: 11px Arial, Verdana, Sans Serif; color: #333; text-decoration:none; margin:8px; padding:0px; }

.table { font: 11px Arial, Helvetica, sans-serif; COLOR: #000; border:1px solid #333; }
.table A         { COLOR: #000; }
.table A:hover   { COLOR: #900; }
.table TH { font: bold 14px Arial, Helvetica, sans-serif; padding:2px 10px 2px 10px; text-align:left; background:#ccc url(../images/table_head_bg.gif) top repeat-x; vertical-align:top; border-bottom:1px solid #333; height:20px; }
.table TD { padding:2px 10px 2px 10px; background:#ffffff; text-align:left; vertical-align:top; border-top:none; }


.photo{border:1px solid #333; margin:0px 10px 10px 10px; }

.form { font: 12px Arial, Verdana, Sans Serif; color: #333;}

.note { font: 10px Arial, Verdana, Sans Serif; color: #333; margin:0px;}

.button { font: bold 12px Arial, Helvetica, sans-serif; COLOR: #fff; background:#0aa538; border:#fff solid 1px; cursor:pointer; }


/* Styles for code hinting */
/*--------------------------------------------------------------------------------*/

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background: #fff url(../images/top_gradient.gif) top repeat-x;
width: 220px; /*Default width of hint.*/ 
padding: 10px;
border:1px solid #aaa;
font:normal 11px Arial;
line-height:18px;
z-index:100;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
visibility: hidden;
text-align:left;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #999;
margin: 5px;
}