html {height:100%;}
body {margin:0; padding:0; font:normal normal normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; background: #E7E7DE; height:100%; text-align:center;}
form {margin:0;}
form select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666;}

a:link {color:#602030;}
a:visited {color:#602030;}
a:active {color:#602030;}
a:hover {color:#4DB3FB;}

/*Mozilla Hack - doens't like spacer div's with out content*/
div.spacer {clear:both; padding-top:.1px;}

img#WSSTracking {display:none; width:1px; height:1px; border:none; margin:0; padding:0;}


/*Head(Top) menu Styles*/

#header { width: 100%; height: 18px; margin: 0pt; padding: 0pt; display: block; background: url('http://byedodo.cdn1.cafe24.com/home/header_bg.gif') repeat-x scroll 0% 0% transparent; }
.header-cont { width: 839px; margin: 0pt auto; padding: 0pt; }

.header-colLeft { margin: 3px 3px 0pt 0pt; padding: 0pt; float: Left; display: inline; }
.header-colLeft ul { color: rgb(125, 125, 125); font-size: 11px; line-height: 14px; font-weight: normal; list-style-type: none; margin: 0pt; padding: 0pt; }
.header-colLeft li { display: inline; margin: 0pt; padding: 0pt 0pt 0pt 8px; }
.header-colLeft li.active a { color: rgb(0, 170, 255); }
.header-colLeft a { color: rgb(125, 125, 125); text-decoration: none; }
.header-colLeft a:hover { color: rgb(0, 170, 255); }

.header-colRight { margin: 35px 0pt 0pt 21px; padding: 0pt; float: right; display: inline; }

/*Page Styles*/

#page {width:911px; min-height:100%; padding:0 14px; margin:0 auto; background:url(deskpage/page.gif) repeat-y center; text-align:left;}
* html #page {height:100%; width:939px; w\idth:911px;}

#macroNav {background:url(deskpage/topNav-shadow.gif) repeat-x bottom; padding-bottom:7px; margin-bottom:5px;}
#macroNav ul {clear:both; margin:0; padding:0; height:26px; list-style:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; /*border-bottom:1px solid #939C09;*/}
#macroNav ul li {float:left; margin:0; padding:0; width:126px; border-right:1px solid #d0d0d0; border-bottom:1px solid #8C8C8C;}
* html #macroNav ul li {width:127px; w\idth:126px;}
#macroNav ul li a {display:block; background:none #e0e0e0; color:black; text-transform:uppercase; text-decoration:none; padding:7px 0 6px 8px; position:relative;}
#macroNav ul li a img {position:absolute; width:7px; height:4px; border:none; top:0; left:6px;}
* html #macroNav ul li a img {left:6px; left/**/:-2px;}
#macroNav ul li a:hover, #macroNav li a.selected {background-color:#BD7B8C;}
#macroNav ul li.selected a {background-color:#BD7B8C;}
#macroNav ul li.or {width:227px; border-right:1px solid #f0f0a0; border-bottom:1px solid #787868;}
#macroNav ul li.or a {background-color:#ffffb0;}
#macroNav ul li.or a:hover {background-color:#BD7B8C;}

#macroNav ul li.selectedor a {background-color:#BD7B8C;}
#macroNav ul li.ye {width:227px; border-right:1px solid #e9e969; border-bottom:1px solid #727262;}
#macroNav ul li.ye a {background-color:#f9f979;}
#macroNav ul li.ye a:hover {background-color:#eaeaea;}

#macroNav ul li.selectedye a {background-color:#BD7B8C;}
#macroNav ul li.gr {width:227px; border-right:1px solid #e9d949; border-bottom:1px solid #d9c939;}
#macroNav ul li.gr a {background-color:#f9e959;}
#macroNav ul li.gr a:hover {background-color:#e0e0e0;}

#macroNav ul li.selectedgr a {background-color:#BD7B8C;}
#macroNav ul li.bl {width:226px; border-right:1px solid #e9c929; border-bottom:1px solid #dcb919;}
#macroNav ul li.bl a {background-color:#f9d939;}
#macroNav ul li.bl a:hover {background-color:#dadada;}

#macroNav ul li.selectedbl a {background-color:#BD7B8C;}
#macroNav ul li.special {width:91px; border-right:1px solid #efd929; border-bottom:1px solid #dc9c2c;}
#macroNav ul li.special a {background-color:#ffe939;}
#macroNav ul li.special a:hover {background-color:#BD7B8C;}
#macroNav ul li.last {border-right:1px solid #efd929;}

div#sideBar {width:154px; float:left;}
div#sideBar div#pageNav {float:left; width:154px; position:relative; left:-14px; background:url(deskpage/pageNav.gif) repeat-y top left #BD7B8C; margin-bottom:10px;}
div#sideBar div#pageNav img#pageNav-top {display:block; width:154px; height:6px;}
div#sideBar div#pageNav img#pageNav-bottom {display:block; width:154px; height:15px;}
div#sideBar div#pageNav ul {list-style:none; margin:6px 0; padding:0; position:relative;}
div#sideBar div#pageNav ul ul {margin:0; position:static;}
div#sideBar div#pageNav ul li {margin:1px 0 1px 8px; padding:0; font-size:11px;}
div#sideBar div#pageNav ul li a {color:#404040; display:block; border-left:5px solid #c08090; padding:0 0 0 6px; line-height:20px; text-decoration:none;}
div#sideBar div#pageNav ul li a:hover {color:#Ffc0d0; text-decoration:underline; border-color:#CC0000;}
div#sideBar div#pageNav ul li li {margin:1px 0;}
div#sideBar div#pageNav ul li li li a {padding-left:16px;}
div#sideBar div#pageNav ul li h3 {margin:0; padding:0; font-size:15px; font-weight:bold;}
div#sideBar div#pageNav ul li h3 a {text-decoration:none; color:#f0b0c0;}
div#sideBar div#pageNav ul li h3 a:hover {text-decoration:underline; color:#f0b0c0;}
div#sideBar div#pageNav ul li h4 {margin:0px 0px 0px 12px; padding:0; font-size:12px; font-weight:bold;}
div#sideBar div#pageNav ul li h4 a {text-decoration:none; color:#000000;}
div#sideBar div#pageNav ul li h4 a:hover {text-decoration:underline; color:#f0b0c0;}
div#sideBar div#pageNav ul li h5 {margin:0px 0px 0px 12px; padding:0; font-size:11px; font-weight:normal;}
div#sideBar div#pageNav ul li h5 a {text-decoration:none; color:#404040;}
div#sideBar div#pageNav ul li h5 a:hover {text-decoration:underline; color:#f0b0c0;}
div#sideBar div#pageNav ul li h6 {margin:0; padding:0; }
div#sideBar div#pageNav ul li h6 a {color:#c08090; text-decoration:none; }
div#sideBar div#pageNav ul li h6 a:hover {text-decoration:underline; color:#f0b0c0;}
div#sideBar div#pageNav ul li a.selected {border-color:#f0b0c0;}
div#sideBar div#sideContent {margin:0 10px 10px 10px; float:left;}

ul#breadCrumbs {float:right; width:748px; list-style:none; margin:0; padding:0;}
ul#breadCrumbs li {display:inline; margin:0; padding:0;}
ul#breadCrumbs li a {text-decoration:none;}
ul#breadCrumbs li a:hover {text-decoration:underline;}

div#pageContent {float:right; width:730px; padding:0 20px 10px 0; line-height:14px;}
* html div#pageContent {width:740px; w\idth:730px;}
div#pageContent h1 {position:relative; left:-20px; font:normal 24px Tahoma, Arial, Helvetica, Sans Serif; color:#A2A2A2; margin:15px 0;}
div#pageContent h2 {color:#D46F31; margin:30px 0 10px 0; font-size:14px; font-weight:normal;}

div#footer {background:url(deskpage/page-footer.gif) repeat-x top left white; color:#A4A4A4; clear:both; padding:15px;}
* html div#footer {padding:8px;}
div#footer p {float:right; margin:0;}

div#pageContent div#leftPane {float:left; width:237px;}
div#pageContent div#rightPane {float:right; width:237px;} 
