@charset "utf-8";
/* TESTED IN IE6 IE7 IE8 FF3 */

body { background:#888; padding:20px 0; }

/* MAIN WRAPPER DROP SHADOWS */
div#wrapper { width:1011px; margin:auto; border:2px solid #000; }

/* HEADER STUFF ABOVE NAVIGATION */
div#header { z-index:99; width:100%; height:191px; position:absolute; left:0; top:0; }
div#header h1.logo { display:block; width:100%; height:100%; margin:0; padding:0; position:absolute; left:0; top:0; overflow:hidden; }
div#header h1.logo a { display:block; width:100%; height:100%; margin:0; padding:0; background:url("../images/bg_header.png"); text-indent:-999px; line-height:0; font-size:0; }

/* MAIN NAVIGATION STYLES WITH DROPDOWN */
div#navigation { width:196px; height:auto; position:absolute; left:5px; top:200px; }
div#navigation ul { margin:0; padding:0; width:100%; height:auto; cursor:default; overflow:hidden; }
div#navigation ul li { display:block; width:100%; height:46px; position:relative; list-style:none; margin:0; padding:0; background:url("../images/bg_nav_item.png") 0 0 no-repeat; }
div#navigation ul li a { display:block; width:auto; height:100%; line-height:40px; text-decoration:none; margin:0; padding:0 0 0 40px; color:#5A5A5A; font-weight:normal; font-size:13px; }


/* NAVIGATION HOVER STYLES */
div#navigation ul li:hover { background-position:0 100%; }
div#navigation ul li.active { background-position:0 100%; }




/* FORM STUFF */
form { padding-bottom:20px; }
form span.group, form span.radio, form span.checkbox { display:block; position:relative; min-height:25px; margin:0; padding:10px; background:#DEC; border-top:1px solid #FFF; border-bottom:1px solid #BCA; }
form span.group label { display:block; width:140px; line-height:25px; float:left; margin:0; padding:0; color:#8A8; }
form span.group input { display:block; width:300px; float:left; margin:0; padding:4px; border:1px solid #8A8; background:#FFF; }
form span.group input:focus { border-color:#0AF; background:#EEF; color:#0AF; }
form span.group select { display:block; width:200px; float:left; padding:3px; border:1px solid #8A8; background:#FFF; }
form span.group textarea { display:block; width:300px; height:100px; float:left; padding:4px; border:1px solid #8A8; background:#FFF;  }
form span.group textarea:focus { border-color:#0AF; background:#EEF; color:#0AF; }
form span.radio strong { display:block; font-weight:normal; width:180px; line-height:25px; float:left; margin:0; padding:0; color:#8A8; }
form span.radio label { cursor:pointer; display:block; width:50px; line-height:25px; float:left; margin:0 0 0 10px; padding:0; color:#8A8; }
form span.radio input { cursor:pointer; display:block; margin:0; padding:0; float:left; top:5px; }
form span.checkbox strong { display:block; font-weight:normal; line-height:25px; margin:0 0 10px 0; padding:0; color:#8A8; }
form span.checkbox label { cursor:pointer; display:block; width:200px; line-height:25px; float:left; margin:0 0 0 10px; padding:0; color:#8A8; }
form span.checkbox input { cursor:pointer; display:block; margin:0; padding:0; float:left; top:5px; }
form input.button { display:block; padding:3px 6px; cursor:pointer; overflow:visible; }
form div.textarea { width:auto; height:300px; overflow:auto; padding:20px; background:#EEF; border:1px solid #AAF; color:#AAF; }

/*
LOOK AT LATER
form span.radio { display:block; float:left; width:13px; height:13px; padding:5px; margin:0; background:#EEE; overflow:hidden; }
form span.radio input { display:block; float:left; width:13px; height:13px; padding:0; margin:0; }
*/

/* FORM STUFF IE6 HACKS */
* html form span.group, form span.radio, form span.checkbox { height:25px; }
* html form span.radio input { top:2px; }
* html form span.checkbox input { top:2px; }

/* FORM STUFF IE7 HACKS */
*:first-child+html form span.radio input { top:2px; }
*:first-child+html form span.checkbox input { top:2px; }









/* BODY CONTENT AREA */
div#content { width:auto; height:auto; min-height:500px; }

div.bodycontent { padding:200px 0 0 240px; }
div.bodycontent div.col-L { float:left; width:480px; display:inline; overflow:hidden; }
div.bodycontent div.col-R { float:left; width:280px; display:inline; overflow:hidden; }
div.bodycontent div.col-L div.padding { padding:0 20px 0 0; }
div.bodycontent div.col-R div.padding { padding:0 0 0 11px; }
div.bodycontent div.col-R img { width:252px; height:auto; background:#FFF; margin-bottom:15px; padding:3px;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari, Chrome */
-khtml-border-radius: 4px; /* KHTML */
border-radius: 4px; /* CSS3 */
position:relative;
z-index:99;
box-shadow:3px 3px 5px rgba(0, 0, 0, 1); /* CSS3 */
-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 1); /* Mozilla browsers */
-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 1); /* Webkit Browsers */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5); /* Internet Explorer */
}
div.bodycontent img { margin:0 15px 10px 0; }
div.bodycontent * { line-height:16px; }

div.linkscontent { padding:200px 0 0 240px; }
div.linkscontent div.col-L { float:left; width:50%; display:inline; overflow:hidden; }
div.linkscontent div.col-R { float:left; width:50%; display:inline; overflow:hidden; }
div.linkscontent div.col-L img { display:block; margin:0 0 10px 0; }
div.linkscontent div.col-R img { display:block; margin:0 0 10px 0; }


div.fullpage { padding-right:20px; }




/*
div.photo { background:#FFF; margin-bottom:15px; padding:3px; width:252px; height:auto; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
div.photo img { width:100%; height:auto; }
*/

/* FOOTER LINKS */
div#footer { width:auto; height:50px; padding:0 20px; }
div#footer * { display:block; float:right; height:100%; line-height:50px; }


/* NO FLASH SUPPORT ERROR */
div.warning { display:none; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; text-align:center; background:url("../images/pluginIcon.png") 50% 50% no-repeat; }
div.warning * { color:#C66; font-size:12px; font-family:"georgia",serif; }
div.warning p.flashversion { display:none; }
div.warning p.flashversion span { display:inline; font-weight:bold; color:#000; font-family:"verdana",sans-serif; }
div.warning a { text-decoration:underline; font-weight:bold; }
div.warning li { list-style:inside decimal; }
div.warning div.NS_001 { position:static; display:table; width:100%; height:100%; overflow:hidden; #position:relative; }
div.warning div.NS_002 { position:static; display:table-cell; vertical-align:middle; #position:absolute; #top:50%; #left:0; #width:100%; } 
div.warning div.NS_003 { position:static; display:block; #position:relative; #top:-50%; #left:0; }