/**
* @version 1.0
* @name screen.css
* @date May 2008
* @author PlexityNet - Saul Willers
* @link http://plexitynet.com/
* @email info@plexitynet.com
* Main CSS for all browsers
*/
/* Overall Layout 
=========================================== */
html {
 background-color:#fffffe;
}
body {
 color:#a01100;
 text-align:center;/*center child div in ie*/
 background-color:#fffffe;
}
/* === Overall Container wrapper === */
#container {
 width:770px;
 margin:0 auto;
 padding-bottom:20px;
 text-align:left;
}
/* === =header === */
#header {
 position:relative;
 height:162px;
 width:770px;
 margin-top:16px;
 background:url(../images/com/header-bg.jpg) no-repeat top center;
 z-index:999;/*matches ddMenu*/
}
#headLogo {
 position:absolute;
 top:20px;
 left:11px;
 width:274px;
 height:95px;
}
#headAdminLogo {
 position:absolute;
 top:55px;
 left:310px;
 width:280px;
 font-size:182%;
 font-weight:bold;
}
#headAdminLogo a {
 text-decoration:none;
 color:#000;
}
#headText1, #headText2, #headText3, #headText4 {
 position:absolute;
}
#headText1 {
 left:0;
 top:6px;
 width:640px;
 padding:0 0 0 10px;
 font-size:85%;
 text-align:left;
 line-height:normal;
 color:#ffea03;
}
#headText2 {
 left:208px;
 top:113px;
 text-align:left;
 font-size:123.1%;/*16px*/
 color:#740d00;
 font-weight:bold;
}
#loginInfo {
 position:absolute;
 z-index:750;
 bottom:-35px;
 right:15px;
 width:200px;
 height:3em;
 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?*/
 background:url(../images/com/body-bg-tile.gif) repeat-y top center;
 background-color:#f8f7ff;
 z-index:501;
}
#bodyMain2 {
 background:url(../images/com/gum-leaf-body.jpg) no-repeat right bottom;
}
/* === Overall Container wrapper === */
#content {
 float:left;
 width:555px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 padding:0 0 65px 30px;
 z-index:501;
}
#contentWrap {
 position:relative;
 width:555px;/*static_MAIN_CONTENT_AREA_WIDTH_IN_PIXELS*/
 min-height:250px;
 z-index:501;
}
/* === =breadcrumbs === */
#breadcrumbs {
 font-size:85%;
 padding-top:8px;
 margin:0 20px 10px 0;
 text-align:left;
}
#breadcrumbs img {
 margin:0 5px 3px 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:right;
 width:150px;
 margin:40px 6px 300px 0;
 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:left;
 z-index:501;
}
#sideMenu ul li {
 position:relative;
 z-index:501;
 list-style:none;
}
#sideMenu ul li a {
 display:block;
 line-height:1.55em;
 text-decoration:none;
 color:#a01100;
 padding:1px 2px 1px 16px;
 height:auto;
}
#sideMenu ul li a:hover {
 background-color:#e7e6f3;
}
#sideMenu ul li a:active {
 color:#000000;
 background-color:#dadaee;
}
#sideMenu #acmeManufactureLogos {
 text-align:center;
 margin:2.5em 0;
}
/* === =footer === */
#footer {
 position:relative;
 width:770px;
 padding-top:1.5em;
 font-size:85%;
 color:#c23d25;
 text-align:center;
 background:url(../images/com/footer-top.gif) no-repeat top center;
 z-index:50;
}
#gumLeafEdge {
 position:absolute;
 width:13px;
 height:250px;
 top:-250px;
 right:-13px;
 background:url(../images/com/gum-leaf-edge.jpg) no-repeat top left;
}
#sharpLogo {
 position:absolute;
 width:250px;
 height:40px;
 top:-40px;
 left:31px;
 text-align:left;
}
#sharpLogo p {
 font-size:108%;/*14px*/
 margin:2px 0 0 0;
 padding:0;
}
#sharpLogo p a {
 text-decoration:none;
 color:#a01100;
}
#economicalChoice {
 position:absolute;
 width:350px;
 height:30px;
 top:-22px;
 right:50px;
 text-align:right;
 font-size:108%;/*14px*/
 color:#a01100;
}
#footer a {
 text-decoration:underline;
 color:#a01100;
}
#footer a:hover, #footer a:active {
 color:#bd1606;
}
#footer #fNav {
 position:relative;
 padding:5px 0 15px 0;
 line-height:normal;
}
#footer #fNav p {
 margin:0;
 padding:0 0 2px 0;
 line-height:normal;
}
#footer #fAbout {
 position:relative;
 padding:0 10px 6px 10px;
 line-height:normal;
}
#footer #fCopyright {
 padding:0 0 18px 0;
}
/* =PlexityNet */
#plexityNet {
 position:absolute;
 top:13px;
 right:30px;
 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:#881811;
}
a:visited {
 color:#6f1e1a;
}
a:hover, a:active {
 color:#bd1606;
}
/* =ddMenu
=========================================== */
#ddMenu {
 position:absolute;
 bottom:1px;
 left:30px;
 height:25px;
 z-index:999;
 font-size:85%;
}
#ddMenu ul {
 float:left;
 width:705px;
 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:100px;
 w\idth:111px;
 margin:0;
 padding:1px 0 3px 0;
 border-right:1px solid #ffcf02;
 font-size:13px !important;
 text-align:center;
}
#ddMenu .topLevelFirst {
 border-left:1px solid #ffcf02;
}
#ddMenu .menuParent {
 background: url(../images/dd-menu/menuParent.gif) no-repeat right center;
}
#ddMenu a {
 display:block;
 width:111px;
 padding:0;
 color:#ffcf02;
 text-decoration:none;
}
#ddMenu li {
 float:left;
 padding:0;
 width:112px;
 text-align:left;
 list-style:none;
}
#ddMenu li ul {
 position:absolute;
 left:-999em;
 height:auto;
 width:10px;
 w\idth:108px;
 margin:0;
 padding:0;
 font-weight:normal;
 background-color:#3d4971;
 border:2px solid #3d4971;
}
#ddMenu li li {
 width:108px;
 text-align:left;
 font-size:11px !important;
 border-bottom:1px solid #3d4971;
}
#ddMenu li ul a {
 width:105px;
 w\idth:102px;
 padding:2px 5px;
 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:-12px 0 0 110px;
}
#ddMenu li:hover, #ddMenu li.ddhover {
 background-color:#3d4971;
}
#ddMenu li li:hover, #ddMenu li li.ddhover {
 background-color:#303f71;
}
#ddMenu .ddhoveroff {
 background-color:transparent;
}