/************************************************************/
/*************** FREETIMERS INTERNET CSS ********************/
/************************************************************/

/************************************************************/
/********************* BEGIN CSS ****************************/
/************************************************************/

body
{
    margin: 0px;
    padding: 0px;
}

body, td, th
{
    font-family: Verdana;
    font-size: 11px;
}

h3.pagetitle
{
    font-size:15px;
    color:#000;
}

a,
a:link,
a:visited
{ 
    text-decoration: none;
    color:#000;
}

a:hover
{
    text-decoration: underline;
}

h3 
{
    color:#000;
    margin:0px;
    font-size:15px;
}

.home_container
{
    width:560px;
    padding-left:6px;
    clear: both;   
}

.home_container .left
{
    float:left;
    width:360px;
}

.home_container .right
{
    min-height:300px;
    background:#F3F2F7;
    float:right;
    width:180px;
}

*html .home_container .right
{
    height:300px;
}

.home_container .padding
{
    padding:4px;
}

.contentWrapper
{
    background: url(../images/left_dot.gif) repeat-y left top;
}

.mainContent
{
    padding-left:10px;
}

.dottedBackground
{
    background: url(../images/top_dot.gif) repeat-x center center;
    height:3px;
    line-height:3px;
    clear: both;
}

*html .dottedBackground
{
    font-size: 0px;
}

/************************************************************/
/*********************** HEADER *****************************/
/************************************************************/

#headerContainer
{
    padding:0px;
    margin: 0px;
    width: 100%;
    height:50px;
    clear:both;
}

#headerContainerText
{
    font-size: 11pt;
    padding-right:25px;
    text-align: right;
    clear:both;
    color: #0066CC;
    padding-bottom:10px;
}

#headerBottom
{
    background: #0066CC;
    display: block;
    height: 24px;
    padding-top:6px;
    color: #FFF;
    text-align:left;
    padding-left:10px;
}

#headerNavigationContainer
{
    height:24px;
    background:#676767;
}

#headerLinks li:hover ul, #headerLinks li.sfhover ul
{
    left: auto;
}

#headerLinks, #headerLinks ul
{
  	padding: 0;
  	margin: 0;
  	list-style: none;
}

#headerLinks a
{
  	display: block;
  	width: 120px;
  	color:#fff;
  	font-weight:bold;
  	line-height:24px;
  	padding-left:5px;
}

#headerLinks a:hover
{
  	display: block;
  	width: 120px;
  	background:#020167;
  	text-decoration: none;
}

#headerLinks li
{
  	float: left;
  	width: 120px;
}

#headerLinks li ul li a
{
    background:#676767;
}

#headerLinks li ul
{
  	position: absolute;
  	width: 120px;
  	left: -999em;
  	border-bottom:1px solid #555;
}
#headerLinks li:hover ul
{
	 left: auto;
}

#headerLinks li ul li a,
#headerLinks li ul li a:hover
{
    text-decoration: none;
    width:150px;
    border-top:1px solid #555;
    border-left:1px solid #555;
    border-right:1px solid #555;
}

#headerLinks .selected
{
    background:#020167;
}

/****** the magic *******/

#headerLinksTop li:hover ul, #headerLinksTop li.sfhover ul
{
    left: auto;
}

#headerLinksTop, #headerLinksTop ul
{
  	padding: 0;
  	margin: 0;
  	list-style: none;
}

#headerLinksTop li
{
  	display: block;
  	width: 120px;
  	color:#fff;
  	font-weight:bold;
  	line-height:6px;
}

*html #headerLinksTop li
{
  padding-left:5px;
}


#headerLinksTop a:hover
{
  	display: block;
  	width: 120px;
  	background:#020167;
}

#headerLinksTop li
{
  	float: left;
  	width: 120px;
}
#headerLinksTop li ul
{
  	position: absolute;
  	width: 100px;
  	left: -999em;
  	border-bottom:1px solid #555;
}
#headerLinksTop li:hover ul
{
	 left: auto;
}

#headerLinksTop li ul li a,
#headerLinksTop li ul li a:hover
{
    text-decoration: none;
    width:150px;
    border-top:1px solid #555;
    border-left:1px solid #555;
    border-right:1px solid #555;
}



#headerLinksTop .selected
{
    background:#020167;
}

/************************************************************/
/************************ MAIN ******************************/
/************************************************************/

#mainContainer
{
    margin-top:10px;
    text-align:left;
    display: block;
    width:784px;
}

/************************************************************/
/*********************** RIGHT ******************************/
/************************************************************/

.rightColumn
{
    float:right;
    width:190px;
    margin-right:1px;
    z-index:2;
}

/************************************************************/
/*********************** MIDDLE *****************************/
/************************************************************/

.centerColumn
{
    width:550px;
    margin-left: 213px;
}

/************************************************************/
/*********************** LEFT *******************************/
/************************************************************/

.leftColumn
{
    float: left;
    width:200px;
    z-index:1;
}

/************************************************************/
/******************** TOP LINKS *****************************/
/************************************************************/

#topLinks
{
    height:20px;
    border-bottom:1px solid #C0CAC1;
    width:540px;
}

#topLinks a
{
    font-size:11px;
    color:#286730;
    font-weight:bold;
    text-decoration: none;
    padding-right:8px;
}

#topLinks a:hover
{
    text-decoration: underline;
}


/************************************************************/
/************************ MENU ******************************/
/************************************************************/

.navcontainer ul
{
    font-size: 10pt;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navcontainer li.top
{ 
    font-size:12px;
    color:#17601B;
    font-weight:bold;
    margin: 0 0 0 0; 
    display: block;
    padding: 0px 3px;
    width: 180px;
    text-decoration: none;
    line-height:34px;
}

.navcontainer a
{
    display: block;
    padding: 0px 3px;
    width: 180px;
    color: #000;
    text-decoration: none;
    line-height:12px;
}

.navcontainer a:hover
{
    color: #000;
    background-color: #FFFFFF;
    text-decoration: none;
    width: 178px;
}

.navcontainer ul ul li 
{   
    font-size:11px;
    margin: 0px 0px 0px 0px; 
}

.navcontainer ul ul a
{
    display: block;
    padding: 1px 5px;
    width: 180px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.navcontainer ul ul a:hover
{
    color: #000;
    text-decoration: underline;
    width: 178px;
}
.navcontainer ul ul a:active
{
    color: #000;
    background-color: white;
    text-decoration: none;
}
.navcontainer ul ul ul li 
{ 
    margin: 0px 0px 0px 0px; 
}

.navcontainer ul ul ul a
{
    display: block;
    padding: 3px 5px;
    width: 180px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}