/**
* @version 1.0
* @name screen.css
* @date July 2007
* @author Saul Willers and Jonathan Clough
* @link http://plexitynet.com/
* @email info@plexitynet.com
* Main CSS for all browsers
*/
/* Overall Layout 
=========================================== */
body {
 background-color:#a56841;
 color:#6c2600;
 text-align:center;/*center child div in ie*/
}
/* === Overall Container wrapper === */
#container {
 position:relative;
 width:760px;
 margin:0 auto;
 text-align:left;
}
/* === =header === */
#header {
 position:relative;
 height:150px;
 width:760px;
 z-index:999;/*matches ddMenu*/
 background:url(../images/com/header-bg.gif) no-repeat center 59px;
}
#headLogo {
 position:absolute;
 top:35px;
 right:25px;
 width:204px;
 height:101px;
}
#headAdminLogo {
 position:absolute;
 top:70px;
 left:35px;
 width:280px;
 font-size:182%;
 font-weight:bold;
}
#headAdminLogo a {
 text-decoration:none;
 color:#4d4948;
}
#headText1 {
 position:absolute;
 bottom:91px;
 left:35px;
 width:480px;
 text-align:left;
 color:#faf1e3;
 font-size:144%;
}
#headText1 a {
 color:#faf1e3;
 text-decoration:none;
}
#headText2, #headText3, #headText4 {
 position:absolute;
 color:#fbf8f6;
 font-size:92%;
 text-align:left;
 vertical-align:top;
}
#headText2 {
 top:66px;
 left:35px;
 width:475px;
}
#headText1 strong, #headText2 strong  {
 font-weight:normal;
}
#headImg1 {
 position:absolute;
 top:22px;
 left:629px;
 width:131px;
 height:184px;
}
#headerBot {
 position:absolute;
 width:760px;
 bottom:0;
 height:9px;
 background:url(../images/com/header-bg-bot.gif) no-repeat center top;
}
#loginInfo {
 position:absolute;
 z-index:750;
 top:1px;
 right:25px;
 width:200px;
 font-size:85%;
 font-weight:bold;
 text-align:right;
 vertical-align:top;
}
#loginInfo p {
 margin:0;
}
#loginInfo a {
 text-decoration:underline;
 color:#000;
 line-height:normal;
}
#loginInfo a:hover {
 color:#333333;
}
#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:760px;
 background-color:#fff;
 background:url(../images/com/body-bg-tile.gif) repeat-y center top;
}
/* === Overall Container wrapper === */
#content {
/* float:right;*/
 position:relative;
 width:610px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 padding:0 0 30px 70px;
 z-index:501;
}
#contentWrap {
 position:relative;
 width:610px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 min-height:100px;
}
/* === =breadcrumbs === */
#breadcrumbs {
 font-size:85%;
 padding-top:6px;
 margin:0 92px 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 0;
 padding:0;
 z-index:500;
}
#sideMenu ul {
 margin:43px 0 20px 0;
 padding:0;
 list-style:none;
 font-size:107%;
 font-weight:bold;
 text-align:right;
}
#sideMenu ul li {
 position:relative;
}
#sideMenu ul li a {
 display:block;
 line-height:1.55em;
 text-decoration:none;
 color:#6c2600;
 padding:1px 12px 1px 2px;
 height:auto;
}
#sideMenu ul li a:hover {
 background-color:#f1e1d2;
}
#sideMenu ul li a:active {
 color:#000000;
 background-color:#f8f4f1;
}
/* === =footer === */
#footerWrapper {
 position:relative;
 width:760px;
 margin-bottom:14px;
 background:url(../images/com/body-bg-tile.gif) repeat-y center top;
}
#footerTop {
 position:relative;
 width:734px;
 height:1px;
 margin:0 13px 0 13px;
 background-color:#6c2600;
}
#footer {
 position:relative;
 width:760px;
 font-size:85%;
 color:#601c00;
 text-align:center;
}
#footer:hover {
 color:#420000;
}
#footer a {
 text-decoration:underline;
 color:#6c2600;
}
#footer a:hover, #footer a:active {
 color:#27151e;
}
#footer #fNav {
 position:relative;
 padding:5px 0 23px 0;
 line-height:normal;
 background:url(../images/com/footer-bg.gif) no-repeat bottom center;
}
#footer #fNav p {
 margin:0;
 padding:0 0 2px 0;
 line-height:normal;
}
#footer #fAbout {
 position:relative;
 padding:0 20px 6px 20px;
 line-height:normal;
 background-color:#a56841;
}
#footer #fCopyright {
 padding:0 0 5px 0;
 background-color:#a56841;
}
/* =PlexityNet */
#plexityNet {
 position:absolute;
 bottom:2px;
 left:680px;
 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:#6c2600;
}
a:visited {
 color:#b03d67;
}
a:hover, a:active {
 color:#c14d75;
}
/* =ddMenu
=========================================== */
#ddMenu {
 position:absolute;
 bottom:11px;
 left:35px;
 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 #6c2600;
 font-size:13px !important;
 text-align:center; 
}
#ddMenu .topLevelFirst {
 border-left:1px solid #6c2600;
}
#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:#6c2600;
 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:#f1e1d2;
 border:2px solid #f1e1d2;
}
#ddMenu li li {
 width:108px;
 text-align:left;
 font-size:11px !important;
 border-bottom:1px solid #f1e1d2;
}
#ddMenu li ul a {
 width:112px;
 w\idth:102px;
 padding:2px 5px;
 color:#6c2600;
 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:#f1e1d2;
}
#ddMenu li li:hover, #ddMenu li li.ddhover {
 background:#f8f1eb;
}