/*    used to position the start location of the menus */
#menusection 
 {
     position: absolute;
     top: 131px;
     left: 0px;
	display: block;
	background-color: #3333cc;
	padding: 3px; 
	width: 100%;
}


/*    START of new styles added for drop down menu from http://www.alistapart.com/articles/dropdowns/ example */
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	border: 0;
}


li>ul {
	top: auto;
	left: auto;
}


li:hover ul, li.over ul {
	display: block;
}


hr {
	display: none;
}
/*    END of new styles added for drop down menu from http://www.alistapart.com/articles/dropdowns/ example */

/*    Extra Div item add for drop downs */

#nav li {
	float: left;
	position: relative;
	width: 2em;
	text-align: left;
	cursor: default;
	background-color: white;
	border: 0;
	width: auto;
}


 body
 {
     background-color: #FFF;
/*     background-image: url("./img/background-frontpage.png"); */
     background-repeat: repeat-x;
     
     margin: 0px;
     padding: 0px;
     
     font: 12px/18px verdana, arial, tahoma, helvetica, helv;
     color: #333; 
 }
 
 td
 {
     font: 12px/18px verdana, arial, tahoma, helvetica, helv;
     color: #333; 
 }
 
 h1
 {
     font: bold 18px verdana, arial, tahoma, helvetica, helv;
     color: #999;      
     margin-top: 20px;
     margin-bottom: 0px;
 }
 
 p
 {
     margin-top: 4px;
     margin-bottom: 4px;
	 margin-left: 15px;
	 margin-right: 15px;
 }

 input
 {
     border: 1px solid #999;
     font: 11px verdana, arial, tahoma, helvetica, helv; 
 }

 textarea
 {
     border: 1px solid #999;
     font: 11px verdana, arial, tahoma, helvetica, helv; 
 }

 a
 {
    font-weight: bold;
    color: #06C;
    text-decoration: none;
 }

 a:hover 
 {
     text-decoration: underline;
 }
 


 .hidden 
 {
     display: none;
 }

 .tableHeader 
 {
     font: bold 11px verdana, arial, tahoma, helvetica, helv;
     background-color: #333;
     color: #FFF;
     padding: 6px;
     vertical-align: top;
     width: 20%;
 }

 .tableCell
 {
     font: 11px verdana, arial, tahoma, helvetica, helv;
     padding: 3px;
     color: #333;
     vertical-align: top;
 }

 
 #copyright
 {
     font: 10px verdana, arial, tahoma, helvetica, helv;
     color: #666;
     text-align: center;
 }

 #topHeader 
 {    
      background-color: #142A59; 
	height: 34px;
 }

#clipsHeader 
 {
/*	position: absolute;
      top:34px;
	left: 0px; */
     	background-color: #142A59; 
	height: 98px;
 }
 
/* navHeader subclasses */



#nav 
{
	width: 100%;
	background-color: #3333cc;
	color: #ffffff;
}


/* Changes appearance of top level items */
#nav li div a
{
	background-color: #3333cc;
	color: #ffffff;
	border-left: 2px solid #ff3300;
	font-size: 12px;
	padding: 10px;
	width: auto;
}

#nav li div a:hover
{
	background-color: #ff3300;
	color: #ffffff;
}

#nav li ul li 
{
	float: left;
	clear: left;
}

/* Changes appearance of second level items */
#nav li ul li a
{
	width: 240px;
	background-color: #3333cc;
	color: #ffffff;
	font-size: 12px;
	padding: 1px 10px 1px 10px;
	display: block;
	border-left: 2px solid #ff3300;
}

/* Changes appearance of second level items with mouseover */
#nav li ul li a:hover
{
	background-color: #ff3300;
	color: #ffffff;
}




#advert 
 {
     position: absolute;
      top: 5px;
     left: 340px;
     width: auto;
     padding: 0px;
 }
 
#advertnewsletter 
 {
     position: absolute;
      top: 5px;
     left: 615px;
     width: auto;
     padding: 0px;
 } 
 
#advert2 
 {
     position: absolute;
      top: 5px;
     left: 600px;
     width: auto;
     padding: 0px;
 }
 
 #advert3 
 {
     position: absolute;
      top: 5px;
     left: 700px;
     width: auto;
     padding: 0px;
 }
 
#legal 
 {
     position: relative;
     top: 5px;
     left: 0px;
     width: auto;
     padding: 0px;
 }

#legalfront 
 {
     position: absolute;
     top: 410px;
     left: 90px;
     width: auto;
     padding: 0px;
 }

#statshead 
 {
     position: relative;
     top: 10px;
     left: 20px;
     width: auto;
     padding: 0px;
	clear: left;
 }

#ozdemadvert 
 {
     position: relative;
     top: 120px;
     left: 40px;
     width: auto;
     padding: 0px;
	clear: left;
 }

#simadvert 
 {
     position: relative;
     top: 60px;
     left: 40px;
     width: auto;
     padding: 0px;
	clear: left;
 }

#googleads 
 {
     position: relative;
     top: -308px;
     left: 580px;
     width: auto;
     padding: 0px;
	clear: left;
 }

#ageing 
 {
     position: relative;
     top: 30px;
     left: 55px;
     width: auto;
     padding: 0px;
	clear: left;
 }

#house 
 {
     position: relative;
     top: 50px;
     left: 60px;
     width: auto;
     padding: 0px;
	clear: left;
 }
 
 #indicators 
 {
     position: relative;
     top: 75px;
     left: 75px;
     width: auto;
     padding: 0px;
	clear: left;
 }
 

#topsection 
 {
     position: absolute;
     top: 0px;
     left: 0px;
     width: auto;
	background-color: #142A59; 

 }

#menusection 
 {
     position: absolute;
     top: 131px;
     left: 0px;
     width: auto;
 }


 #mainBody 
 {
     position: absolute;
     top: 124px;
     left: 220px;
     width: auto;
     padding: 10px;
 }
 
#marginContent h2
{
    font: bold 14px verdana, arial, tahoma, helvetica, helv;
    color: #333333;      
    margin-top: 0px;
    margin-bottom: 0px;
}

#marginContent h3
{
     font: bold 12px verdana, arial, tahoma, helvetica, helv;
     color: #666666;      
    margin-top: 10px;
    margin-bottom: 2px;
}

#marginContent p
{
     margin-top: 4px;
     margin-bottom: 2px;
	 margin-left: 5px;
	 margin-right: 5px;
}
  
 #marginContent 
 {
     background-color: #EEE;
     font: 11px/13px verdana, arial, tahoma, helvetica, helv;
     position: absolute;
     top: 151px;
     left: 0px;
     width: 208px;
     padding: 10px;
     border-right: solid 1px #CCC;    
     border-bottom: solid 1px #CCC;

   
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#register 
 {
     background-color: #3399FF;
     font: 11px/13px verdana, arial, tahoma, helvetica, helv;
     color:#FFFFFF;
     position: absolute;
     top: 124px;
     left: 0px;
     width: 198px;
     padding: 8px;
     border-right: solid 1px #CCC;    
     border-bottom: solid 1px #CCC;
   
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#register h2
{
	background-color: #0033FF;
     	font: bold 11px verdana, arial, tahoma, helvetica, helv;
     	color: #FFFFFF;
      padding: 3px;
      margin-top: 0px;
    	margin-bottom: 0px;
}

#register h3
{
     font: bold 11px verdana, arial, tahoma, helvetica, helv;
     color: #FFFFFF;      
    margin-top: 0px;
    margin-bottom: 0px;
}




.popUpStyle 
{background-color: #FFFF99;	border: #CCCC00 1px solid;
					 layer-background-color: #FFFF99; width: 100px;
					 font: 18px arial, helvetica, sans-serif; padding: 5px;
					 position: absolute; visibility: hidden}



body>#marginContent 
{
    width:199px;
}