a   {
	color:#03C;
	text-decoration: none;
}

a:hover  {
	background-color:#03C;
	color:#FFF;
	font-size: large;
}

a:visited  {
	color: #003;
}
	
	

h1     {
	font-size: 14pt;
	color: #800000;
	font-family:sans-serif, verdana;
	font-weight: bold;
 text-align:center; 
 line-height: normal;
	
  }
  
h2    {
	font-size: 10pt;
	font-family: "MS Reference Sans Serif", verdana;
	text-decoration:none;
	line-height: normal;
	text-align: left;
	font-weight: normal;
 }
 
h3  { 
 font-size: 8pt;
  color: #000000; 
  font-family: sans-serif; 
  font-style: italic; 
  font-weight: 400; 
  line-height:100% 
  }  
  
h4   {  
 font-size: 8pt;
 font-family: "Arial Narrow",sans-serif; 
 text-align: left; 
 }
 
h6  { 
 font-size: 10pt; 
 font-family: Verdana,sans-serif; 
 line-height: normal;
 }
 
h5	 {
 font-size: 18pt; 
 font-family:sans-serif; 
 line-height: normal; 
 color: #000080; 
 
 font-style:italic; 
 font-weight:bold; 
 text-align:center
 }

blockquote{
 font-size: 10pt;
 font-family: Verdana,sans-serif;
 margin-left: 15px;
 margin-right: 15px;
 text-align: left;
 font-weight:normal;
 }
 
 

p      {
	line-height: 110%;
	font-family: Verdana,sans-serif
}
 
ul {
 list-style-type: disc;
 text-align: left; 
 text-indent: 0; 
 margin-left: 10px;
 float:left; 
 margin-top:5px;
 font-family:"Microsoft Sans Serif"; 
  }
 
li  {
 list-style-type: disc;
 text-align: left;  
 margin-left: 10px;  
 font-family:"MS Reference Sans Serif"; 
   
 margin-top:10px }

.clips {
	
	width: 75%;
	text-align:center;
	height: 30px;
	background-color: #3366cc;
	color:#FFFFFF;
	padding-top: 5px;
	line-height: normal;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	margin-left: 15%;
 }
 
 .clips p {
	font-weight: bold;
	text-align:center;	
	
	color:#FFFFFF;
	padding-top: 5px;
}

#legend {
	
	top: 400;
}
#legend p{
	text-align: justify;
	font-family: "Times New Roman", Times, serif;	
	}
.photo {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;	
		padding-top: 5px;
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		
		width:100%;
		height:60px;
	}	
	
		.photo .heading, .photo .caption {
			/* position inside the container */
			position:absolute;
			background:#000;
			height:50px;
			margin-left:5px;			
			width:97%;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.6;
			filter:alpha(opacity=60);  
		     -moz-opacity:0.6;    
			-khtml-opacity: 0.6;  

		}
		
		.photo .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-40px;
		}

		.photo .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-65px;		
		}
		

		/* styling of the classes*/
		.photo .heading span {

			color:#26c3e5;	
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
			color:#fff;	
			font-size:12px;
			font-weight:bold;
			display:block;
			padding:5px 10px 0 10px;
			
		}

	 
   
 #boiler {
  color:#000000; 
  float: right;
  width: 100%;
  text-align:center;  
  background-color:#CCCCCC;
  position:absolute; left:0; top:60px}
  
 
  

 #welcome {
	width: 90%;
	position: absolute;
	left: 60px;
   }
  
  .captioned_photo {
float: left;
margin: .5em 0 .5em .5em;
padding:5px;
line-height: 1em
}
.captioned_photo  img{
padding: 2px;
border: 4px double #ccc;
background-color: #666;
}

.captioned_photo p {
	width: 100%;
	margin: 0px;
	color: #000000;
	font-variant:normal;
	line-height:1.75em;
	font-size:0.75em;
	font-family:Verdana ,sans-serif;
	font-weight:normal;
	padding-left:10px;
	padding-right:5px;
	padding-top:1em;
	padding-bottom:1em;	
}

  
  #insert {
  border:1px solid #000000; width: 150px;
  color:#000000; 
  text-align:left;
  position: absolute; left: 0px; top:240px;
   
  background-color:#FFFFFF;
  font-family:Verdana,sans-serif; 
  font-size:8pt; 
  padding-left:4px; 
 padding-right: 4px; padding-top:1px; padding-bottom:1px 
 }

  
#board {
	background-color:#C0C0C0;
	text-align:left;
	font-family:Verdana,sans-serif;
	font-size:10pt;
	line-height:150%;
	
}

#banner {
 border:2px solid #000000;
 width: 95%;
 color:#000000;
 text-align:center;
 position: absolute; left: 0px; top: 40px;
 background-color:#FFFFFF; 
 }

#columns {
 font-family: sans-serif;
 width: 95%; 
 color:#000000; 
 font-size: 10pt; 
 text-align:justify;
 background-color:#FFFFFF; 
 margin-left:3px; 
 margin-right:3px;
 }

#main   { 
 font-family: sans-serif,Verdana; 
 font-size: 12pt;
 line-height:100%; 
 float: right; 
 width: 95%; 
 background-color:white;
 color:#000000; 
 padding-left:4px; 
 padding-right: 4px;  
 letter-spacing:1pt; 
 text-align:left; 
 margin-left: 15px; 
 margin-right: 15px;
 position: relative;
 }
 
 #navs {
	position:absolute;
 }

#maina   {
	float: right;
	width: 100%;
	background-color:#FFFFCC;
	color:#000000;
	padding-left:4px;
	padding-right: 4px;
	margin-left:5px;
	margin-right:5px;
	visibility:visible;
	top: 0px;
  }
  
 #mainleft {
	font-family: "MS Reference Sans Serif";
	float: left;
	width: 50%;
	text-align: left;
	background-color:#FFFFCC;
	color:#000000;
	padding-left:4px;
	padding-right: 4px;
	margin-left:5px;
	margin-right:5px;
	visibility:visible;
	text-align:justify;
  
  }
  
  #mainright { 
 float: left; 
 width: 43%;  
 background-color:#FFFFCC;   
 padding-left:4px; 
 padding-right: 4px; 
 margin-right:5px;  
 visibility:visible;  
  }
  
  


 #footer {
	text-align: center;
	float: left;
	width: 100%;
}
  
ol           { float: right; font-family: "Arial Narrow"; font-size: 8pt }
.margin {
	border-left-style: solid;
	border-color: #006;
	border-style: solid;
	width: 200px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #CCC;
	border-top: 3px;
	margin-top: 30px;
	float: left;
}
#app {
	width: 70%;
	text-align: left;
	margin-top: 30px;
	background-color: #CCC;
	float: right;
	padding-left: 5px;
	margin-left: -125px;
	margin-right: 90px;
}
#greetings {
	font-family:
	background-color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-style: italic;
	color: #F00;
	text-align: center;
	font-weight: bolder;
	background-color: #0C0;
	height: 100%;
	border-style: solid;
}

.curved {	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	border-top: 5px solid #003;
	border-left: 5px solid #003;
	border-right: 5px solid #003;
	height:35px;	
	color:#FFF;
	background-color:#006;	
    width:98%;	
	margin-left:-4px;
	padding:5px;
}

.curved h2  {
	font-size:16px;	
    text-align: center;
}
#local {
}