/* ------------------------------------------------------------------
BODY/HTML GENERAL PROPERTIES
------------------------------------------------------------------ */
body, html { font-family:Arial; font-size:12px; margin:0px; padding:0px; width:100%; height:100%; position:relative; color:#000; }
li { list-style-type:square; }
h1 { font-size:24px; }
a img { border:0px; }


/* ------------------------------------------------------------------
MAINCONTAINER PROPERTIES
------------------------------------------------------------------ */
#container { width:800px; margin:0px auto; }



/* ------------------------------------------------------------------
HEADER PROPERTIES
------------------------------------------------------------------ */
#header { color:#000; }

#header #head1 { background-color:#3fc0e6; width:100%; height:15px; }
#header #head2 { background-color:#FFF; width:98%; height:100px; margin:0px auto; }

#header #logo { float:left; margin:10px 10px 10px 5px; }
#header #headnav { float:right; margin:10px; text-transform:uppercase; font-size:10px; }

#header span.sep { margin:0px 5px; }
#header a { color:#000; text-decoration:none; }
#header a:hover { text-decoration:underline; }



/* ------------------------------------------------------------------
BODY PROPERTIES
------------------------------------------------------------------ */
#body { width:98%; margin:30px 0px 5px auto; border-width:0px; border-color:#000000; border-style:solid; }

#body #mainnav { float:left; width:250px; margin:30px 30px 30px 0px; }
#body #mainnav a { color:#000000; text-decoration:none; }
#body #mainnav a:hover { text-decoration:underline; }
#body #mainnav .active { color:#3fc0e6; }
#body #mainnav div.hr_first { overflow:hidden; width:100%; height:1px; background-color:#000; margin:0px 0px 8px 0px; }
#body #mainnav div.hr { overflow:hidden; width:100%; height:1px; background-color:#000; margin:8px 0px; }

#body #page_wrapper { border-width:1px 0px; margin:30px 0px; border-style:solid; border-color:#000; float:left; width:503px; }

#body #page { float:left; width:350px; padding:15px 0px;  border-width:5px 0px; border-style:solid; border-color:#000; }
#body #page h1 { margin:0px 0px 20px 0px; }
#body #page a { color:#000; }
#body #page a:hover { text-decoration:none; }



/* ------------------------------------------------------------------
GENERAL CSS CLASSES
------------------------------------------------------------------ */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.uline { text-decoration:underline; }
.maxwidth { width:100%; }

tr.head { background-color:#757476; color:#FFF; font-weight:bold; }
tr.bgc1 { background-color:#E0E0E1; }
tr.bgc2 { background-color:#FFF; }
tr.bgc3 { background-color:#E0E0E1; }


div.box { border-width:1px; border-style:dotted; border-color:#000; padding:5px; }

img.get_adobe { float:right; }



/* ------------------------------------------------------------------
MAKE RED BORDERS AROUND DIV ELEMENTS -> DEBUG
------------------------------------------------------------------ */
div { border:0px dotted red }