/**
* @version 1.0
* @name screen.css
* @date September 2007
* @author Saul Willers and Jonathan Clough
* @link http://plexitynet.com/
* @email info@plexitynet.com
* Main CSS for all browsers
*/
/* Overall Layout 
=========================================== */
body {
 color:#b34110;
 text-align:center;/*center child div in ie*/
 background:url(../images/com/body-tile.gif) repeat-x top center;
 background-color:#ff4d00;
}
/* === Overall Container wrapper === */
#container {
 position:relative;
 width:827px;
 margin:0 auto;
 text-align:left;
}
/* === =header === */
#header, header2, #header3 {
 position:relative;
 height:211px;
 width:827px;
}
#header {
 background:url(../images/com/header-center-tile.gif) repeat-x top left;
 z-index:999;/*matches ddMenu*/
}
#header2 {
 background:url(../images/com/header-left.jpg) no-repeat top left;
}
#header3 {
 background:url(../images/com/header-right.jpg) no-repeat top right;
}
#headLogo {
 position:absolute;
 top:7px;
 left:519px;
 width:283px;
 height:127px;
}
#headAdminLogo {
 position:absolute;
 top:0;
 left:250px;
 font-size:182%;
 font-weight:bold;
}
#headAdminLogo a {
 text-decoration:none;
 color:#747474;
}
#headText1, #headText2, #headText3 {
 position:absolute;
 text-align:left;
 color:#a52710;
 font-size:182%;
}
#headText1 {
 top:50px;
 left:50px;
}
#headText2 {
 top:80px;
 left:65px;
}
#headText3 {
 top:108px;
 left:80px;
}
#headImg1 {
 position:absolute;
 top:33px;
 left:191px;
 width:408px;
 height:124px;
}
#loginInfo {
 position:absolute;
 z-index:750;
 top:1px;
 right:66px;
 font-size:85%;
 font-weight:bold;
 text-align:right;
 vertical-align:top;
}
#loginInfo p {
 margin:0;
}
#loginInfo a {
 text-decoration:underline;
 line-height:normal;
}
#loginInfo a:hover {

}
#loginInfo #currentStatus {
 position:relative;
 text-align:right;
}
#loginInfo #editPage {
 position:relative;
 text-align:right;
}
#bodyMain {
/* position:relative; - removed, caused ie ddmenu to appear behind body?*/
 width:756px;
 background:url(../images/com/content-tile.gif) repeat-y top left;
 z-index:501;
}
/* === Overall Container wrapper === */
#content {
 float:right;
 width:500px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 padding:0 50px 50px 0;
 z-index:501;
}
#contentWrap {
 position:relative;
 width:500px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 min-height:100px;
 z-index:501;
}
/* === =breadcrumbs === */
#breadcrumbs {
 font-size:85%;
 padding-top:6px;
 margin:-5px 0 7px 0;
 text-align:left;
}
#breadcrumbs img {
 margin:0 5px 0 0;
 vertical-align:middle;
}
#breadcrumbs ul {
 margin-left:0;
 padding-left:0;
 display:inline;
 border:none;
} 
#breadcrumbs ul li {
 margin-left:0;
 list-style:none;
 display:inline;
}
/* === =sideMenu === */
#sideMenu {
 float:left;
 width:160px;
 margin:0 0 10px 2px;
 padding:0;
 z-index:501;
}
#sideMenu ul {
 margin:0 0 20px 0;
 padding:0;
 list-style:none;
 font-size:107%;
 font-weight:bold;
 text-align:right;
 z-index:501;
}
#sideMenu ul li {
 position:relative;
 z-index:501;
}
#sideMenu ul li a {
 display:block;
 line-height:1.55em;
 text-decoration:none;
 color:#cd4b14;
 padding:1px 12px 1px 2px;
 height:auto;
}
#sideMenu ul li a:hover {
 background-color:#7a1010;
}
#sideMenu ul li a:active {
 color:#e45f28;
 background-color:#801111;
}
/* === =footer === */
#footer, footer2, #footer3, #footer4 {
 position:relative;
 width:827px;
}
#footer {
 background:url(../images/com/footer-center-tile.gif) repeat-x top left;
 font-size:85%;
 color:#da4a0c;
 text-align:center;
 margin-bottom:14px;
 z-index:50;
}
#footer2 {
 background:url(../images/com/footer-left.jpg) no-repeat top left;
}
#footer3 {
 background:url(../images/com/footer-right.gif) no-repeat top right;
}
#footer4 {
 padding:36px 0 0 0;
}
#footer a {
 text-decoration:underline;
 color:#da4a0c;
}
#footer a:hover, #footer a:active {
 color:#da2501;
}
#footer #fNav {
 position:relative;
 padding:5px 0 7px 0;
 line-height:normal;
}
#footer #fNav p {
 margin:0;
 padding:0 0 2px 0;
 line-height:normal;
}
#footer #fAbout {
 position:relative;
 padding:0 20px 10px 20px;
 line-height:normal;
}
#footer #fCopyright {
 padding:0 0 12px 0;
 color:#832820;
}
#footer #fMusic {
 position:absolute;
 top:-26px;
 left:205px;
 width:511px;
 height:55px;
 background:url(../images/com/footer-music.gif) no-repeat top center;
}
/* =PlexityNet */
#plexityNet {
 position:absolute;
 bottom:5px;
 right:50px;
 height:20px;
 width:70px;
 text-align:left;
 font-size:85%;
 z-index:750;
}
#plexityNet a {
 border:none;
 text-decoration:none;
 color:#711f1a;
}
#plexityNet a:hover {
 color:#3d0000;
}
#plexityNet img {
 border:none;
 margin:0 0 -4px 0;
}
/* Link Styles 
=========================================== */
a:link {
 color:#d33400;
}
a:visited {
 color:#bc3900;
}
a:hover, a:active {
 color:#f14900;
}
/* =ddMenu
=========================================== */
#ddMenu {
 position:absolute;
 bottom:20px;
 left:210px;
 height:22px;
 z-index:999;
 font-size:85%;
}
#ddMenu ul {
 float:left;
 width:490px;
 height:21px;
 padding:0;
 margin:0;
 list-style:none;
 background: url(../images/spacer.gif) no-repeat left top;/*allows ie to display whole "cell" as link*/
 font-weight:bold;
}
#ddMenu .topLevel, #ddMenu .topLevelFirst {
 height:18px;
 width:112px;
 w\idth:111px;
 margin:0;
 padding:1px 0 3px 0;
 border-right:1px solid #630606;
 font-size:13px !important;
 text-align:center; 
}
#ddMenu .topLevelFirst {
 border-left:1px solid #630606;
}
#ddMenu .menuParent {
 background: url(../images/dd-menu/menuParent.gif) no-repeat right center;
}
#ddMenu a {
 display:block;
 width:108px;
 padding:0 4px 0 0;
 color:#630606;
 text-decoration:none;
}
#ddMenu li {
 float:left;
 padding:0;
 width:112px;
 text-align:left;
}
#ddMenu li ul {
 position:absolute;
 left:-999em;
 height:auto;
 width:112px;
 w\idth:108px;
 margin:0;
 padding:0;
 font-weight:normal;
 background-color:#ffe2d5;
 border:2px solid #ffe2d5;
}
#ddMenu li li {
 width:108px;
 text-align:left;
 font-size:11px !important;
 border-bottom:1px solid #ffe2d5;
}
#ddMenu li ul a {
 width:112px;
 w\idth:102px;
 padding:2px 5px;
 color:#630606;
 font-weight:bold;
}
#ddMenu li:hover ul ul, #ddMenu li.ddhover ul ul {
 left:-999em;
}
#ddMenu li:hover ul, #ddMenu li li:hover ul, #ddMenu li.ddhover ul, #ddMenu li li.ddhover ul {
 left:auto;
}
#ddMenu li li:hover ul,  #ddMenu li li.ddhover ul {
 margin:-10px 0 0 100px;
}
#ddMenu li:hover, #ddMenu li.ddhover {
 background:#ffe2d5;
}
#ddMenu li li:hover, #ddMenu li li.ddhover {
 background:#fff2ec;
}