/**************************************************

 *                                                *

 *  site.css                                      *

 *  Jo Wood 25-05-2004                       *

 *                                                *

 *  This file defines the main styles for         *

 *   the PLANET website                                     *

 **************************************************/


/*********************************
 * Set the site-wide properties  *
 *********************************/

body {  
  background-color: #FFFFFF;
}

.error
{
	font-family:		Arial, Helvetica, sans-serif;
	color: 				#ff0000;
	font-size:			12px;}

a {  
	text-decoration: underline;
    font-family:     Arial, Helvetica, sans-serif;
	color: #333366;}

a:hover {
    color: #ff0000; 
    text-decoration: underline;}

a:link {
	text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
	color: #333366;}
	
a:visited {  

	color: none;}
	
.copyright{
  color: 			#333366;
  font-family:		Arial, Helvetica, sans-serif;
  text-decoration: 	none;
  letter-spacing: 	1px;
  font-size:		9px;
  font-weight:		normal;}
  
 /*************************

 * general styles for text*

 **************************/ 

h1{
 color: 			#0078c2;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  font-size:14px;
  font-weight: bold;}

h2{
  color: 			#0078c2;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size:12px;
  letter-spacing: 1px;
  font-weight: bold;}
	
h3{
  font-family:Arial, Helvetica, sans-serif;
  color: 			#ff0000;
  text-decoration: none;
  font-size:14px;
  letter-spacing: 1px;
  font-weight: normal;}
  
h4{
  font-family:		Verdana, Arial, Helvetica, sans-serif;
  color: 			#ff0000;
  text-decoration: 	none;
  font-size:		16px;
  text-align: 		left;
  letter-spacing: 	1px;
  font-weight: 		bold;
  padding-left: 	10px;
  padding-bottom: 	.50ex;
  mar-gin: 			.50ex;
  padding-bottom: 	0px;
  margin: 			0px;
  }

  
h5{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#333366;
  text-decoration:	none;
  font-size:		12px;
  text-align: 		left;
  line-height: 		1.3;
  font-weight: 		normal;
  padding-left: 	14px;
  padding-right:    2px;
  margin: 			0;
}


p{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#333366;
  text-decoration: 	none;
  font-size:		12px;
  font-weight: 		normal;}
  
h6{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#333366;
  text-decoration: 	none;
  font-size:		11px;
  font-weight: 		normal;
  padding-left:  5px;}

li{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#333366;
  text-decoration: 	none;
  font-size:		12px;
  font-weight: 		normal;}
  
ul li {list-style: outside square url (images/bullet.gif);}

.textMediumBold{
	font-size:12px;
	font-weight: bold;
}

.textSmall{
	font-size:11px;
	font-weight: bold;
}

img { 
  border: none;
}

.date{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#333366;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		17px;
  }
  
td.menu{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#ffffff;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		12px;
  background-color:  #0078c1;
  padding-left:    0px;
  letter-spacing: 1;
  }
  
td.menu a {
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#ffffff;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		12px;
  background-color:  #0078c1;
  padding-left:    7px;
  letter-spacing: 1;
  }
  
  td.menu a:hover {
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#c2d9f5;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		12px;
  background-color:  #0078c1;
  padding-left:    7px;
  letter-spacing: 1;
  }
  
td.menu a:link{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#ffffff;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		12px;
  background-color:  #0078c1;
  padding-left:    7px;
  letter-spacing: 1;
  }

td.menu a:visted{
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#ffffff;
  text-decoration: 	none;
  font-weight: 	bold;
  font-size:		12px;
  background-color:  #0078c1;
  padding-left:    7px;
  letter-spacing: 1;
  }
  
.divcontent { padding-top: 0;

}

 /*************************

 * general styles for tables *

 **************************/ 
td.sidebox{ 
  font-family:		Arial, Helvetica, sans-serif;
  color: 			#ffffff;
  text-decoration: 	none;
  font-weight: bold;
  background-color: #333366;
  font-size:		12px;
  padding-left: 5px;
      }
  


td{
    valign: top;
    color: red;
}

td.content {
 width: 575px;
 valign: top;
 line-height: 1.5;
}

td.menuHeader {
    text-decoration: 	none;
    color: 				#ff0000;
    font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
}


td.menuHeader.a.readMoreLink {
    text-decoration: 	none;
    color: 				#ffffff;
    font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
}



td.list{
	padding-top:	4px;
	padding-bottom: 4px;
	vertical-align: top;
}

td.content {
 valign: top;
 padding-top: 0px;
 padding-bottom: 10px;
 padding-left: 7px;
 padding-right: 7px;
}

td.menuContent {
 valign: top;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 0px;
 padding-right: 0px;
}


td.homebox {
   
    background-color: 	#c2d9f5;
}



/* Form Styles Admin and Public*/

.admin {
	color: 				black;
 	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	padding-left: 5px;}


td.loginBox	{
	background-color:  	#c2d9f5;
	color: #333366;
	padding-bottom: 	10px;
	padding-left: 		5px;
	padding-right: 		5px;
	}

.loginBox{
	font-family:   	Arial, Helvetica, sans-serif;
	font-size:      12px;
	color: 			#000000;
	font-weight:    bold;
	}

td.newSummary{
  font-family:		Arial, Helvetica, sans-serif;
  text-decoration: 	none;
  font-size:		10px;
  font-weight: 		normal;}
  
.formRequired{
 font-family:     	Arial, Helvetica, sans-serif;
 color:				red;
 font-size:   		14px;
 font-weight: 		bold;
 color:       		red;}

.formLabel{
  font-family:     	Arial, Helvetica, sans-serif;
  color: 			#333366;
  font-size:   		12px;
  font-weight: 		bold;
}

.formText{
  font-family:     	Arial, Helvetica, sans-serif;
   color: 			#333366;
  font-size:        12px;
  font-weight: 	normal;}

.formTextSmall{
  font-family:     	Arial, Helvetica, sans-serif;
   color: 			#333366;
  font-size:        11px;
	font-weight: 	normal;
}

.formHeading{
 font-family:     	Arial, Helvetica, sans-serif;
  color: 			#333366;
 font-size:        	12px;
 font-weight: 		bold;
}

td.formText{
  padding-top:	 	2px;
  padding-bottom: 	2px;
}

.formField{
  font-family:     		Arial, Helvetica, sans-serif;
  color: 				#333366;
  font-size:        	12px;
}

.formButton{
  background-color: 	#c2d9f5; 
  font-family:     		Arial, Helvetica, sans-serif;
  font-size:        	11px;
  font-weight:    		bold;
  text-align:			center;
}

/* News Styles*/

td.itemHeading{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
	font-size:        	12px;
	font-weight:		bold;
	text-align:			left;
	padding-top:		0px;
	padding-bottom:		20px;
	}
	
td.content {
    font-family:     	Arial, Helvetica, sans-serif;
	font-size:        	12px;
	color:      black;


}

td.itemDate{
	font-family:     	Arial, Helvetica, sans-serif;
	font-size:        	10px;
	font-weight:		bold;
	padding-top:		6px;
	padding-bottom:		6px;
	font-style: 		italic;
	}

td.itemThumbnail{
	text-align:			left;
	padding-top:		10px;
	vertical-align: 	top;
			}

td.itemSummary{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
	font-size:        	12px;
	font-weight:		normal;
	text-align:			left;
	padding:			10px;
	}

td.itemAttachment{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
	font-size:        	12px;
	font-weight:		bold;
	text-align:			left;
	padding-top:		10px;
	}

td.itemLink{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
	font-size:        	12px;
	font-weight:		bold;
	text-align:			right;
	padding-top:		10px;
	}
	
.MoreLink{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
    font-size:        	12px;
	font-weight:    	bold;
	text-align:			left;}

.MoreLink2{
	font-family:     	Arial, Helvetica, sans-serif;
	color: 				#ff0000;
    font-size:        	11px;
    font-weight:    	bold;
	text-align:			left;}


/* Directory listing styles*/

a.directoryAZ {
	font-family:     			Arial, Helvetica, sans-serif;
	font-size:      				11px;
	color:										#fff;
	font-weight:    			bold;
	background-color: 	#1f8767;
}

.directoryAZ {
	font-family:     			Arial, Helvetica, sans-serif;
	font-size:      				11px;
	color:										#006633;
	font-weight:    			bold;
	background-color: 	#1f8767;
}
	
td.directoryAZ  {
	text-align: 						center;
	background-color: 	#1f8767;
	padding-left:					1px;
	padding-right:					1px;
	padding-top:					3px;
	padding-bottom:3px;						
	}
	
.directoryAZ:hover {
	font-family:     			Arial, Helvetica, sans-serif;
	font-size:      				11px;
	color:										#006633;
	font-weight:    			bold;
	background-color: 	#ffffff;
}
	
td.directoryAZ a {
  display: block;
}

.directoryTable{
	background-color: 	#1f8767;}	
	
div.letter {
	font-family:     			Arial, Helvetica, sans-serif;
  font-size:        			16px; 
	font-weight:    			bold;
  color:            				#003366; 
	border:      						solid 1px #003366;
	width:									30px;
	text-align:						center;
	background-color: 	#cccccc;
	
 }
 div.letter1 {
	font-family:     			Arial, Helvetica, sans-serif;
  font-size:        			16px; 
  color:            				#003366;
	font-weight:    			bold; 
	border:      						solid 1px #003366;
	width:									200px;
	text-align:						center;
	background-color: 	#cccccc;

 }