body {
margin: 0;
background-repeat: no-repeat;
font-family: MS Sans Serif4, Geneva, sans-serif;
/*font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
font-size: 10pt;
color: #505050;
background-color: White;
}

#container {
margin: auto;
text-align: left;
}

#content
{
    min-height: 500px;
}

.options td {
    border: none!important;
}


.header div.title{
text-transform: uppercase;
letter-spacing: 8px;
font-size: 18px;
} 

.header div.welcome{
font-size: 12px;
padding-top: 20px;
padding-right: 8px;
} 


.header {
height: 150px;  
background-color: White;
border-left: solid 25px White;
border-right: solid 25px White; 
width: 100%;             
}

.subtitle{
letter-spacing: 8px;
font-size: 20px;
background-color: White;
padding: 0px 10px 20px 3px;
}

.OtherLink{
color: Black;
text-decoration: none;
}

.OtherLink a.visited{
color: Black;
text-decoration: none;
}

#navdiv{
background-color: #505050;
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #505050),
color-stop(1, #707070)
);
background-position: center top;
background-repeat: no-repeat;
height: 31px;
}

/* remove the list style */
#nav {
margin:0; 
padding:0; 
list-style:none;
width: 1300px;
}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
float:left;
display:block; 
width:120px; 
position:relative;
z-index:500; 
border-right: 1px solid white;
}
		
/* this is the parent menu */
#nav li a {
display:block; 
padding:8px 5px 0 5px; 
height:23px; 
text-decoration:none; 
text-align:center; 
color: #FFF;
}

#nav li a:hover {
background-color: #606060;
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #606060),
color-stop(1, #808080)
);
background-position: center bottom;

}

#nav a.disabled {
color:Gray;
}
	
/* submenu, it's hidden by default */
#nav ul {
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 -1px; 
padding:0; 
list-style:none;
background-color: #505050;
}
		
#nav ul li {
width:120px; 
float:left; 
border-top:1px solid #fff;
}
		
/* display block will make the link fill the whole area of LI */
#nav ul a {
display:block;  
height:15px;
padding: 8px 5px; 
color:#FFF;
}
		
#nav ul a:hover {
text-decoration:none;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
margin:0 0 0 -2px;
}



#infobar{
background-image: linear-gradient(bottom, #4876FF 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #4876FF 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #4876FF 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #4876FF 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #4876FF 0%, #FFFFFF 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #4876FF),
color-stop(1, #FFFFFF)
);
float: left; 
border: 1px solid #505050; 
-moz-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
width: 150px; 
height: 450px; 
padding: 20px; 
margin-right: 25px; line-height:20px;
}

#infobar2{
background-image: url('/CMS/Images/infobar.png');
background-position: left top;
background-repeat: repeat-x;
float: left; 
border: 1px solid #505050; 
-moz-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; 
width: 150px; 
height: 450px; 
padding: 20px; 
margin-right: 25px;
line-height:20px;
}

#help{
    padding-top: 50px;
    text-align: center;
}
#help a{
    text-decoration: none;
}

a {
    color: #505050;
}

#footerdiv{
color: #505050;
text-align: center;
padding: 10px;
margin-top: 20px;
border-top: 1px solid #505050;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
#footerdiv a
{
    color: #505050;
    text-decoration: none;
}