/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body

{

width:1200px;

}
div.main
{

margin-top:0;
float: left;
width:1200px;
background-image: url(images/gradient2.jpg);
background-repeat: repeat-y;
}



div.top2
{

float: left;
width: 1200px;

height:250px;
background-image: url(images/gradient2.jpg);
background-repeat: repeat-y;


}

div.top

{

float: left;
width: 1200px;
height: 35px;
background-image: url(images/gradient2.jpg);
background-repeat: repeat-y;
 margin-top:-15px;
}

div.frame
{
float: left;
width: 1195px;
background-image: url(images/gradient2.jpg);
background-repeat: repeat-y;
}

h1.header

   {   
   
    
    
      letter-spacing: 3px;
      font-family: "Times New Roman", Arial;
      font-size:  28px;
      font-style: italic;
      font-weight:  bold;
      
   height: 180px;
  color: black;

padding-left:0px;
margin-top:-5px;




background-image: url(images/newheader.gif);
background-repeat: no-repeat;
background-position: center bottom;
 	
border-collapse: collapse;
	
}

h1.fred

{
font-family: "Times New Roman", Arial;
font-size:  16px;
font-style: italic;
font-weight:  bold;
margin-top:3px;
border-collapse: collapse;
color:black;


}




div.eclipse
{
float:left;
height:441px;

width: 1005px;
margin-left: 75px;

background-image: url(images/eclipse.gif);
background-repeat: no-repeat;


   





}

div.writing

{
float:left;
margin-top:40px;
margin-left: 135px;
height:450px;
width:800px;

}





h5.writing 


{
font-family: Verdana, Arial;

font-size: 15px;
font-weight: bold;
font-style: italic;
margin-left: 0px;
margin-right: 0px;
color:#f5eeee;

 
}

a.writing
{

font-family:  Arial;
font-size: 18px;
font-weight: bold;
font-style: italic;
margin-left: 0px;
margin-right: 8px;
color: aqua;

	
	}


a.frame, h4.frame
{
margin-left: 8px;
font-family: "Times New Roman", Arial;
font-size: 14px;
text-decoration:none;

}



div.column_left
{
float:left;
width:595px;
 
}

div.column_right
{
float: right;
width: 595px;


	
}



div.left_of_menu
{
width:220px;
height:35px;

float:left;
border:none;


 
 
}






div.right_of_menu
{
float:left;
width:210px;

}
/* I added div menu below */
div.menu
{
margin-left:0px;
margin-top:0px;
float:left;
width: 760px;
height:35px;
border-collapse: collapse;
}


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;

}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;


}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-family:"Times New Roman", Arial;

font-size:15px;
font-weight: bold;

width:149px;
padding:7px 0;
color:#000;
background:#CCFFCC; /*#949e7c;*/
text-decoration:none;
margin-right:1px;

text-align:center;
}
/* style the links hover */
.menu :hover{
color: Yellow; /*#444;*/
background:#FF81F5; /*#d4d8bd;*/



}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;

}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}













div.main p ,div.column_left p,div.column_right p 

{

margin-left:8px;
margin-right:8px;
} 




}
div.randr_two
{
text-decoration: none;
border: none; 
float: right;
margin-right: 10px;
margin-top: 5px;
height: 450px;
width: 100%;


}

div.roundside_left

{
float: left;
margin-left:3%;
width:89px;
height:450px;
  background-image: url(images/div3_mirror.gif);
background-repeat: no-repeat;


}

div.roundside_right

{
float: left;
width:89px;
height:450px;
  background-image: url(images/div3.gif);
background-repeat: no-repeat;

}



div.rectangle_two


{

float:left;
width:900px;

height:450px;
background-image: url(images/div3rect.gif);
background-repeat: repeat-x;


}






 div.imagecaption_general_left
 
 {
 
 float: left;
 margin-left: 10px;
 margin-right:5px;
 border: none; 

 width: 30%;
 
 
 }  
        
div.imagecaption_general_right
 
 {
 
 float: right;
 margin:25px;
 margin: 4px;
 
 
 border: none; 
   width: 30%;
 
 }  


     
 div.imagecaption_left
 {
 
 float: left;
 margin-left:10px;
 margin-right:5px;
 border: none; 
 width: 40%;
 
 
 }  
 
  div.imagecaption_right
 {
 
 float: right;
 margin: 4px;
 border: none; 
 width: 40%;
 
 
 }  

 div.imagecaption_ten_left
 {
 
 float: left;
 margin: 4px;
 border: none; 
width: 10%;

 
 }  
 div.imagecaption_ten_right
 
 {
 
  float: right;
 margin: 4px;
 border: none; 
 width: 10%;
 
 }  
   
 div.imagecaption_twenty_left
 {
 
 float: left;
 margin: 4px;
 border: none; 
width: 20%;

 
 }  
 div.imagecaption_twenty_right
 
 {
 
  float: right;
 margin: 4px;
 border: none; 
 width: 20%;
 
 }    
   
   
   
   
   
   
div.imagecaption_ten_left  img,div.imagecaption_ten_right img,  div.imagecaption_left img , div.imagecaption_right img, div.imagecaption_general_left img, div.imagecaption_general_right img,div.imagecaption_twenty_left img, div.imagecaption_twenty_right img

{
width: 95%;

float: left;
padding:2px;
margin-bottom: 0px;
margin-top: 0px;
border: 1px;
}

div.imagecaption_ten_left p,div.imagecaption_ten_right p, div.imagecaption_left p , div.imagecaption_right p, div.imagecaption_general_right p, div.imagecaption_general_left p, div.imagecaption_twenty_left p, div.imagecaption_twenty_right p

  
{
float:left;
font-family: Arial;
font-size: 12px;
line-height: 13px;
font-weight: bold;
color: #333;
background-color: #e6f3ff;
text-align: left;
border: none;
width: 85%;

}
div.advert{
text-align: center;
}
u
{
text-decoration: none;
background: #F92FFB;
}



u.right
{
font-family: Arial;
font-weight:bold;
font-size: 14px;
text-decoration: none;
 color: black;
 background: #FFC1FD;
}

u.main
{
font-family: arial;
font-weight:bold;
font-size: 14px;
text-align:center;
text-decoration: none;

 color: black;

 background:#C0FFC0;

 overflow: hidden;
}




table.mytable
{
width:100%;

}




th
{
background:#588BD8;

}

td.pest

{
font-family: Arial;
font-weight: bold;
text-align: center;
font-size: 12px;
border:  1px solid blue;



 }
tr.general
{
border: 1px;
width: 95%;

}

tr.general  td.item



{
width: 180px;
/*min-width:219px;*/
background: #FFAACC;
font-family: Arial;
font-weight: bold;


text-align:left;

padding-left:12px;
font-size: 12px;
/*text-align: center;*/

/* width: 20%;*/


}
tr.general  td.details



{
width: 65%;
background:#F6CC00;
font-family: Arial;
font-weight: bold;
/*text-align: center;*/
text-align:left;

padding-left:12px;
font-size: 14px;

}













 








h5.info
{
font-family: Arial;
font-size: 12px;
font-weight: bold;
font-style:italic;
margin-left: 8px;
margin-right: 8px;
}


 

 h3.purple
{
font-family: Arial;
 font-size: 16px;
font-weight:bold;
 color: black;
text-align:center;
 background:#AA6EA5 ;
 margin-top: 0px;

 
 
}





h3.general
{
font-family:Arial;
 font-size: 16px;
font-weight: bold;
 color: black;
text-align:  center;
 background: #FFAACC;
margin-top: 0px;

}
u.general
{
font-family:Arial;
 font-size: 16px;
font-weight: bold;
 color: black;
text-align:  center;
 background: #FFAACC;
margin-top: 0px;
text-decoration: none;

	
	
}





h3.right

{
font-family:Arial;

 color: black;
text-align:center;
 background: #176B52;
margin-top: 0px;

}
h3.left

{
font-family:Arial;
 color: black;
text-align:center;
 background:#62ACF8;
 margin-top: 0px;
	
 
}


marquee.news
{

 background-color: #FDD275;
}


form.andy
{
width:60%;
font-family: Arial;
font-size: 14px;
color: black;

 
 margin-bottom:0px;
background:#CCFFCC;
margin-left:20%;

padding: 5px;
}