/* PAGE LAYOUT */
/*===========================================================================================================================================================================================*/
html, body { margin:0; padding:0; height:100%; font-size: 11px; font-family:Tahoma, Geneva, sans-serif; }
body { margin:0; padding:0; background:url(../graphics/all/bg2.jpg) #fff no-repeat;; background-position: center 0; }
#body { min-height:100%; position:relative; margin:0; padding:0;}
#container { min-height:100%; height:auto; height:100%; position:relative; margin:0 auto; padding:0; background-color:#FFF; width:950px; border-left:solid 1px #999; border-right:solid 1px #999;}
#shadow {background:#FFF url(../graphics/all/shadow.jpg) repeat-x top; height:15px; width:950px;}
#mainContent { vertical-align:top; width:585px;}
#spacer { background-color:#FFF; height:13px;}
#horizon {color: white; background-color: #0ff; text-align: center; position: absolute; top:0px; left: 0px; width: 100%; overflow: hidden; visibility: visible; display: block}
a:link {text-decoration: none; color:#000;}
a:visited {text-decoration: none; color:#000;}
a:active {text-decoration: none; color:#000;}
a:hover {text-decoration: underline; color:#000;}

#login a:link {text-decoration: none; color:#ccc;}
#login a:visited {text-decoration: none; color:#ccc;}
#login a:active {text-decoration: none; color:#ccc;}
#login a:hover {text-decoration: none; color:#999;}


/* MAIN TOP MENU */
/*===========================================================================================================================================================================================*/
#navbar  { background:url(../graphics/all/nav_bg.jpg) repeat-x; background-attachment: scroll; position: absolute; top: 0; left:0; width: 100%; height: 78px; z-index:3;}
#topmainnav ul { margin:0 ; padding:0; list-style:none; text-decoration:none; float:left; } 
#topmainnav li { display: inline; float: left; }
#topmainnav img { padding-top:2px;}

#topmainnav a{ text-decoration: none; cursor: pointer; margin: 0; padding: 0; float: left;} 
#topmainnav a span{ color: #222; font-size:19px; font-family:Tahoma, Geneva, sans-serif; display: block; padding: 0px 19px; float: left; }

#topmainnav ul li a:hover{ color: #444; text-decoration: none; }
#topmainnav ul li a:hover span{ color: #444; text-decoration: none;}
#subNav a:link {color:#ff0000; font-size:16px; padding-right:60px; font-weight:bold;}
#subNav a:visited {color:#ff0000; font-size:16px; padding-right:60px; font-weight:bold;}
#subNav a:active {color:#ff0000; font-size:16px; padding-right:60px; font-weight:bold;}
#subNav a:hover {color:#222; font-size:16px; padding-right:60px; font-weight:bold;}

/* FOOTER */
/*===========================================================================================================================================================================================*/
#footer  { background-color:#444; position: absolute; bottom: 0; width: 100%; height: 25px;}

.foot { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF; padding-top:5px; width:950px;}
.foot a { text-decoration:none; font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:12px;}
.foot a:hover { text-decoration:none; font-family:Tahoma, Geneva, sans-serif; color:#CCC; font-size:12px;}

/*SIDE MENU */
/*===========================================================================================================================================================================================*/
#sideNav {padding:0px 15px; width:160px; height:500px; vertical-align:top;}
#box { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 3px solid #333; padding: 0px 2px; background:url(../graphics/all/logoFaded.jpg) bottom no-repeat #444; width:160px;}

/*SIDE MENU HEADER*/
.glossymenu a.header{ background:url(../graphics/all/buttonBg2.jpg) repeat-x bottom left; font: bold 16px Tahoma, Geneva, san-serif; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 0px 0px 5px 10px; text-decoration: none; border:#222 solid 1px; height:19px; margin:3px 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
.glossymenu a.header:visited, .glossymenu .header:active{ color: #222; }
.glossymenu a.header .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 6px; right: 7px; border: none; }
.glossymenu a.header:hover{ color:#444; }

/*STANDARD BUTTON*/
.glossymenu{margin: 0; padding: 0; width: 160px; /*width of menu*/}
.glossymenu a.menuitem{ background:url(../graphics/all/button.jpg) no-repeat bottom left; font: 12px Tahoma, Geneva, san-serif; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 1px 1px 0px 10px; text-decoration: none; border:#222 solid 1px; height:19px; margin:3px 0px; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: #222; }
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 6px; right: 7px; border: none; }
.glossymenu a.menuitem:hover{ color:#444; }

/*DIV that contains each sub menu*/
.glossymenu div.submenu{ background: #CCC; }
.glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li{ border-bottom: 1px solid #444; }
.glossymenu div.submenu ul li a{ display: block; font: normal 12px Tahoma, Geneva, san-serif; color: #222; text-decoration: none; padding: 2px 0; padding-left: 10px; position:relative; }
.glossymenu div.submenu ul li a .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 6px; right: 7px; border: none; }
.glossymenu div.submenu ul li a:hover{ color:#444; }