/* CSS Document */

/*mobile test */

body {
margin: 1em 1em;
font-size:.25em;
color:black;
text-align: justify;

}

.red {
color: red;
}

div#top, div#navigation, div#mobileNav, ul, li, h2, h3, p {
display: block;
font-size:.25em;
margin-top:4px;
}

#navigation {    
top: 5px;
float: left;
font-weight : bold;
font-family: Tahoma;
width: 50%;
}

#mobileNav {
top: 5px;
float: left;
font-weight : bold;
font-family: Tahoma;
width: 50%;
}

#phone {
clear: both;
}

#navigation li {
line-height: 2.00;
border-bottom: solid 1px;
border-color: #802A2A;
width: 100px;
}

#mobileNav li {
line-height: 2.00;
width: 100px;
}

div#content4, div#content5, div#content7, div#content2 {
display: block;
font-size: .5em;
}

.mobile {
display: block;
margin: 0px 2em 2em 2em;

}

.nomobile, img#banner {
display: none;
}

img {
display: block;
}

/*
body { 
font : 9pt/17pt georgia;
color : red;
background : url(images/sand2.gif);

padding :0;
min-height : 100%;
} 



h1 { 
font : bold 22pt Tahoma;
letter-spacing : 1px;
margin : 5px;
margin-left: 50px;
color : darkblue;
vertical-align:bottom
horizontal-align: center;
} 
h1.bottom{
vertical-align: bottom;
}
*/
/*used mainly for content heading on right frame */

/*
h2{
font : bold 16pt Tahoma;
letter-spacing : 1px;
align: center;
margin: 0 auto;
color : darkblue;
}

h3 { 
font : italic 16pt georgia;
letter-spacing : 1px;
margin : 5px;
color : Brown;
aligh : center;
} 

h3.right{
text-align: right;
}

.special_1 { 
font : Bold 16pt courier;
letter-spacing : 1px;
margin : 5px;
color : Red;
aligh : center;
} 

.special_2 { 
font : bold 16pt courier;
letter-spacing : 1px;
margin : 5px;
color : Blue;
aligh : center;
} 

h4 { 
font : italic normal 10pt georgia;
letter-spacing : 1px;
margin : 5px;
color : #006600;
} 

h4.right{
text-align: right;
}

h5 { 
horizontal-align: left;
vertical-align: top;
} 

a:link { 
font-weight : bold;
text-decoration : none;
color:#FF6600;
} 

a:visited { 
font-weight : bold;
text-decoration : none;
color:#FF6600;
} 

a:hover, a:active { 
text-decoration : underline;
color : #33ff00;
} 

li {     
list-style: none;
} 


#navigation {     
position: absolute;
top: 75px;
font-weight : bold;

}

ul#navigation {
margin: 0;
padding: 0;
list-style: none;
width: 175px;
font-size: 20px;
display: inline;
}

#navigation li {
width: 12em;
line-height: 1.75;
}

#navigation a:link {     
font-weight : bold;
text-decoration : none;
color: brown;
}

#navigation a:visited {     
font-weight : bold;
text-decoration : none;
color: brown;
}

#navigation a:active {     
font-weight : bold;
text-decoration : underline;
color: blue;
}

#navigation a:hover {     
font-weight : bold;
text-decoration : underline;
color: blue;
}


ul#mainNav {
	border-left: 0px dashed #999999;
	margin: 0;
	padding: 0;	
	float: left;
	background: darkgreen;
	width: 1024px;	
}

#mainNav li {
	float: left;
	align: center;
	width: 9em;
	
}

#navBar{
position:absolute;
left:0;
top: 113px;
text-align: center;
}


.content {     
position: absolute;
top: 162px;
left: 225px;
display: block;
align: center;
width: 750px;
margin: 0 auto;
text-align: center;
} 

.content p {     
font : 14pt Palatino Linotype;
color:#000000;
line-height:2;
font-weight:100;
margin: 0 auto;
} 
.content ul{
color: green;
text-align:left;
font-weight: bold;
font-size: 14pt;
font-style: italic;


}
.content li{
line-height: 2;

}

.content a:link {     
font-weight : bold;
text-decoration : underline;
color: blue;
} 

.content a:visited {     
font-weight : bold;
text-decoration : underline;
color: blue;
} 



#top{
position: absolute;
top: 0;
left: 0;
}

*/