
/* star3 is used for 1 & 3-column layout */

body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin: 2px;
padding: 0;
background-image: url("../imgs/head.gif");
background-repeat: repeat-x; 
}

#box{
position: relative;
margin: 0px auto;
width:968px;
text-align:left;
background-color: #fff;
}

#header{
margin: 0 ;
}

.logo {
position: absolute;
left:3px;
top:6px;
}

img {
display:block;
border:0;
}

.st{
font-family:  "Times New Roman", Times, serif;
font-style:italic ;
line-height:35px;
color: #00ff66;
font-size: 25px;
letter-spacing: 0.3em;
text-align:left;
margin:0;
margin-left:80px;	
}

.nd {
font-family:  "Times New Roman", Times, serif;
font-style:italic ;
font-size: 16px;
letter-spacing: 0.15em;
font-weight:medium;
color: #ffcc00;
line-height:32px;
text-align:right;
margin:0;
margin-top:-25px;
}


#content { /* middle content  column of 3 columns */
	padding: 0  ;
	margin: 1px 200px ;
	background-color:#fff;
	height:100%;
}

p, ul{
font-family: Arial, Helvetica, sans-serif;
/*color: #000000;*/
font-size: 13px;
line-height: 18px;
}

.starcont {
float:left;
background-color:#fff;
padding-right:15px;
}

.box1{ 
clear:both;
float:left;
background-color:#f5f5c4;
color:#86b324;
padding:10px;
width:95%;
}
.box2{ 
clear:both;
float:left;
background-color:#e8edd6;
color:#86b324;
padding:10px;
width:95%;
}



/* ----------------------------------------------------------------------------------------------------   font types  */

h1, h2, h3, h4 {font-family:Arial, Helvetica, sans-serif; }

h1 {
color: #CC0000;
font-size: 21px;
letter-spacing: 0.1em;
}

h2 {
font-size: 19px;
color: #f00; 
}
h2.left {
font-size: 18px;
letter-spacing: 0.04em;
color: #f00;
/*margin-left: -2%;*/
}

h3 {
color: #CC0000;
font-size: 17px;
}

h4 {
color: #CC3300; 
font-size: 15px;
}


h5 {
color: #CC3300; 
font-size: 13px;
}

.navtitle{
font-size:14px;
margin-top:0px;
}
.bgreen {background-color:#e8edd6; }

 /* left navigation */
#navl {	
position : absolute;
background-color:#f5f5c4;
top:0px;
left:0px;
width: 175px;
text-align:left;
}

/* right navigation */
#navr {	
position : absolute;
background-color:#e8edd6;
top:0px;
right:0px;
width: 175px;
text-align:right;
}

#navlt { 
background-color:#f5f5c4;
color:#86b324;
padding:7px 5px;
}
#navlb { 
background-color:#f5f5c4;
color:#86b324;
padding:7px 5px;
}

#navrt { 
background-color:#e8edd6;
color:#86b324;
padding:7px 5px;
}
#navrb { 
background-color:#e8edd6;
color:#86b324;
padding:7px 5px;
}

ul.nav {

list-style:none;
margin: 0;
padding:0 ;
line-height:24px;
text-decoration:none;
font-weight:bold;
}

li.nav {
font-style: normal;
text-decoration:none;

}


.nav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
	display:block;	
	color:#86b324;
	width:100%; 
}

.nav li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;	
	display:block;	
	color:#86b324;
font-weight:normal;
	width:100%; /* this line enable hover to display block */
}
.nav li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;	
	display:block;
	color:#f93;
	width:100%; /* this line enable hover to display block */
}

.nav li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;	
	display:block;
	color:#bfa75f;	
}




/* --------------footer------------------- */

#footer {
clear:both;
text-align:center;
height: 30px;
background-image: url("../imgs/foot.gif");
background-repeat: repeat-x; 
}

.fcopy { /*copyright notice at footer */
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-style:normal ;
color: #ffcc00;
}

.gright {text-align:right; }


/*
body {border : 3px solid #f00;} 
#box {border : 3px solid navy;}

#content{border: 1px solid #000; }
#content1{border: 1px solid #f5f5dc; background-color: #fffff0; }
#content2{border: 1px solid #f5f5dc; background-color: #fffff0; }
 #navl{border: 1px solid green; }
 #navr{border: 1px solid green; }
 #nav1{border: 1px solid green; }
#footer{	border: 1px solid #f03;}
#footers{	border: 1px solid #f03;}
.imgleft{border: 1px solid #000;}
img 	{ border : 1px solid #000; }
.photoright { border : 1px solid #000; }
*/
