/**
	A:link {color:#0066cc;text-decoration: none}
	A:visited {color:#0066cc;text-decoration: none}
	A:hover {color:aqua;text-decoration: none}
**/

	A:link {color:#000066;
				 FONT-FAMILY: Comic sans MS}
	#MenuLink {text-decoration: none}
	A:visited {color:#000066;
						FONT-FAMILY: Comic sans MS}
	#MenuLink {text-decoration: none}
	A:hover {color:#ff0033;
					FONT-FAMILY: Comic sans MS}
  #MenuLink {text-decoration: none}

body {background-color:#ffffff ; 
		 background-image: url(../COMMON/GIFS/bg_MapLightRight.jpg); 
		  text-align: left; 
		 /*background-repeat:repeat-x;
		 background-position: left top;
		 margin-top: 50px;*/
		 }

/*Hover*/						
A:hover {color: #ff0000;
				FONT-FAMILY: Comic sans MS;
				text-decoration: underline overline; 
				/*background-color:#000066;*/
				}
				
.Text {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 10pt; 
			 color: #000066}
         
.SmallText {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 10pt; 
			 color: #0066cc
			 text-align:left}

.MenuText {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 10pt;
			 font-weight:bold;
			 color: #000066}

.Table {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 10pt; 
			 color: #000066;
			 text-align:center}
			 
.Version {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 10pt;
			 text-align:left}

.Title {FONT-FAMILY: Comic sans MS; 
			 FONT-SIZE : 18pt; 
			 color: #000066;
			 text-align:center}			 

#SubTitle {FONT-SIZE : 15pt}			 

#SubTitleClr {FONT-SIZE : 15pt;
						 color: aqua}			 


/* Menu with Links */

function formHandler(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}

document.write('<form name="form">');
document.write('<select name="site" size=1>');
document.write('<option value="">Go to....');
document.write('<option value="http://www.yahoo.com">Yahoo');
document.write('<option value="http://www.metacrawler.com">Metacrawler');
document.write('<option value="http://www.altavista.digital.com">Altavista');
document.write('<option value="http://www.webcrawler.com">Webcrawler');
document.write('<option value="http://www.lycos.com">Lycos');
document.write('<option value="http://javascript.internet.com">JavaScript Source');
document.write('</select>');
document.write('<input type=button value="Go!" onClick="javascript:formHandler()">');
document.write('</form>');

			 
/*  From DJ */

	 
.Container{
			display:block;
			margin-top:15px;
      border:solid 1px;
      -moz-border-radius: 9px 9px 9px 9px;
      background-color:#FFFFFF;
      width:900px;
      margin-left:auto;
      margin-right:auto;
      background-color:#cccc99; 
      background: -moz-linear-gradient(left, #cccc99 0%, #FFFFFF 100%); /* firefox */
      background: -webkit-gradient(linear, left center, right center, from(#cccc99), to(#FFFFFF));  /* Safari */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccc99, endColorstr=#FFFFFF, GradientType=1)"; /* IE8*/
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cccc99, endColorStr=#FFFFFF, GradientType=1); /* IE 5.5 - 7 */
      -moz-box-shadow: 8px 8px 4px #888;
      -webkit-box-shadow: 8px 8px 4px #888;  
      box-shadow: 8px 8px 4px #888;
			} 	

.Content{margin-top:120px;
        	margin-left:25px;
        	margin-right:10px;
        	min-height:5px;
					text-align:left;
					position:relative;
        }

.logo {float:left; 
			top:0px;
			position:absolute;
      margin-left:10px;
			/margin-left:-10px; /*Half for IE */
			}			
									
.logotitle {float:left; 
      top:20px;
      position:absolute;
			width:600px;
      margin-left:210px;
			/margin-left:-210px; /*Half for IE */			
      FONT-SIZE : 3.3em;
      text-decoration:none;
      padding:0px;	
      text-shadow:0 1px rgba(255,255,255,0.75);
      text-shadow:0 1px 0 #fff627;  
			text-shadow:0 1px 0 rgba(255,255,255,0.75);  
      color:#000066;
      border:0px;

			}			

.menu {float:left; 
			position:absolute;
			top:0px;
			margin-left:0px; 
			}					
			hr{color:#c0c0c0;
    background-color: #c0c0c0;
    height: 4px;
		width:600px;
		margin-left:105px;
		display:block;
						 }		 
			
img{border:0;
		display: block;
		margin: auto auto; 
/*		margin: 1em 0;*/
		}
.imgbanner{display: inline; /* for images side by side */
		margin-left: 25px; 
		}
		
iframe{background-color: #transparent;
			allowTransparency:"true";
		}

/*-- Nice image wrap */
.picture { /*background-color: #d3d3d3;
				 border: 1px solid #CCCCCC;*/ 
				 padding: 3px;
				 font: 11px/1.4em Arial, sans-serif;
				 /*max-width:500px;*/
				 float:none;
				 position:relative;
 				 }
.picture img { border: 1px solid #CCCCCC;
				 vertical-align:middle; 
				 margin-bottom: 3px; 
				 display:block;
				 display:inline;
				 }
.right { margin: 0.5em 0pt 0.5em 0.8em; 
			 float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; 
			float:left; }
/*.center { display:block}	*/		
/*-- Nice image wrap */

.article{display:block;
				float:left;
			  margin-left: auto;
				margin-right: auto;
				max-width:860px;
				text-align:left;
				width:860px
						 }

.col{display:float;
				float:left;
			  width:400px;
        -moz-border-radius: 9px 9px 9px 9px;
				 -moz-box-shadow: 1px 1px 1px #888;
        -webkit-box-shadow: 8px 8px 4px #888; 
        box-shadow: 8px 8px 4px #888;
				padding: 8px;
				margin: 1em 1em 1em 0;
		 }		
		 				
.col1 {
		float:left;
	}
 .col2 {
		float:right;
	}

								 
/*.col{display:float;
				float:left;
			  width:380px;
				padding:20px;
						 }		
*/
						 				 
/*For clearing dic and div inside div*/
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. */
</style>
<![endif]-->
		
table{
			 /*width:790px;*/
			 border-collapse: collapse;
			 FONT-SIZE : 11pt;
			 align:center;
			 }
			 
td { 
    vertical-align:top; 
    text-align: left; 
    padding:10px;	
}

table.Title {FONT-FAMILY: georgia; 
			 FONT-SIZE : 14pt; 
			 color: #000066;
			 /*color:#ffffff;*/
			 text-align:center;
			 margin-left:auto; 
			 margin-right:auto; 
			 width:100%;
			 }					
			 	
.Title {FONT-SIZE : 2.2em;
			  text-align:center;
			 padding:0px;	
			 text-shadow:0 1px 0 rgba(255,255,255,0.75);  
			 color:#333333;
			 }			 

.SubTitle {FONT-SIZE : 1.5em;
        text-align:center;
				text-shadow:0 1px 0 rgba(255,255,255,0.75);  
        }       

				.SubTitleMed {FONT-SIZE : 1.3em;
        text-align:left;
				text-shadow:0 1px 0 rgba(255,255,255,0.75);  
        }    
				
iframe{width:100%;
				border-width: 0px;
			 }