body 
{
    background-image: url(images/bg.gif);
    font-size:12px;
    font-family:Arial, Verdana, Sans-Serif;
}
a 
{
    text-decoration:none;    
    color:#CA8D02;
}
a:hover 
{
    text-decoration:underline;
}
/****************** layout *********************/
#mainWrapper 
{
    width:850px;
    margin:10px auto;
    border: 1 solid black;
    background-color:#E8E6EE;
    padding-bottom:2px;
}
#header 
{
    margin:3px;
    height:100px;
    background-color:White;
    border-top:1px solid #999999;
    border-right:2px solid #999999;
    border-bottom:2px solid #999999;
    border-left:1px solid #999999;
}
#logo
{
    padding:10px;
    width:430px;
    float:left;
}
#headContact 
{
    text-align:right;
    padding:5px 10px;
}
/************************************* navigation *******/
#navWrapper 
{
    margin:3px;
    background-image: url(images/navBG.jpg);
    background-repeat:repeat-x;
    height:34px;
}
.mainNav 
{
    float:left;
}
.mainNav ul 
{
    margin:0;
    padding:9px 5px;
    list-style:none;
}
.mainNav ul li 
{
    display:inline;
    padding:0;
    margin:0;
}
.mainNav a
{
    margin:0;
    padding:0;
    padding:9px 15px;
    font-weight:bold;
    color:#FEC645;
}
.mainNav a:hover, .mainNav a.active
{
    text-decoration:none;
    /*border-bottom:2px solid #cccccc;
    background-color:#E8E6EE;*/
    background-image: url(images/navBG2.jpg);
    color:#3D4165;
}
#search 
{
    padding:5px 10px;
    text-align:right;
}

    
/****************************************** content ****/
#content 
{
    margin:3px;
    background-color:#FCFCF4;
    border-top:1px solid #999999;
    border-right:2px solid #999999;
    border-bottom:2px solid #999999;
    border-left:1px solid #999999;
    overflow:hidden;
    
}


#mainContentWrapper 
{
    
    margin:11px 10px;
    float:left;
    width:660px;
    padding-bottom:10px;
    
}
#sideBar 
{
    margin-left: 680px;    
    margin-top:10px;
    width:150px;
    background-color:#A9A4B7;
}
#sideBar .boxHeader 
{
    background-color:#615B73;
    color:White;
}
#sideBar p 
{
    margin:0px;
    padding:10px;
}
#sideBar a 
{
    color:#FFD460;
}
#sideBar ul
{
    list-style:none;
    margin:0 0 0 20px;
    padding:0;
}
#sideBar .datalist 
{
    padding:3px 20px;display:block;
}

/********************************************** boxes ***********/
.box 
{
    margin:0;
    padding:0;
    border-top:1px solid #999999;
    border-right:2px solid #999999;
    border-bottom:2px solid #999999;
    border-left:1px solid #999999;
}
.boxHeader
{
    background-color:#A9A4B7;
    text-align:center;
    height:20px;
    padding-top:3px;
    font-weight:bold;
}


.grid td, .grid th
{
    padding:5px;
    border:1px solid #cccccc;
}
.rootNode 
{
    color:#A9A4B7;
    padding:8px;
    font-size:16px;
    font-weight:bold;
}
.childNode
{
    padding:5px;
}
/**********************************************/
.cleanButton
{
  background-color:#efefde;
  border:1px solid #999999;
  font-size:11px;
}
.pageTitle 
{
    margin:0;
    padding:0 0 8px;
    border-bottom:1px solid #999999;
    color:#A9A4B7;
    font-size:18px;
    font-weight:bold;
}
/***************************** login ***********/
.formLabel
 {
    font-weight:bold;
    float:left;
    width:100px;
 }
 .formValue
 {
   margin-left:100px;
 }
 
/***************************** tutorials ***********/
.clear {
 clear:both;
}
#tutorialHead {
 width:660px;
 border-bottom:2px dotted #A9A4B7;
}
#tutorialHead h1 {
 color:#A9A4B7;
 font-size:16px;
 float:left;
}
#hideBtn {
 float:right;
}
#flashWrapper {
    width:660px;height:500px;display:none;
    border-bottom:2px dotted #A9A4B7;
    padding:25px 0;
    margin-bottom:20px;
}
div.tutorial {
    width:300px;
    float:left;
    text-align:center;
    margin-top:25px;
    color:#CA8D02;
}
div.tutorial img {
    border:3px solid #A9A4B7;
    margin-bottom:8px;
}
 #simplemodal-overlay
{
    background-color:#9196AF;
    filter:alpha(opacity=50);
    opacity:0.5;
}