body { background-color:#FCFCFD;
font-family: arial, Verdana, tahoma, sans-serif;
font-size: .75em;
color:black;
margin:0px;
padding-bottom:20px;
scrollbar-face-color:antiquewhite;
scrollbar-highlight-color:red;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:brown;
scrollbar-shadow-color:pink;
scrollbar-arrow-color:#FF3355;
scrollbar-track-color:ivory;
}

p.padding  {padding:0% 0% 0% 15%;
}

p.solid {border-style: solid;
border-width:1px;
border-color:#000000;
}

h1 { font-family: verdana, arial, helvetica, sans-serif;
font-size:2em;
font-style:normal;
text-align: center;
margin: 10px 10px 5px
}

h2 {font-family: verdana, arial, helvetica, sans-serif;
color:#336633;
font-size:2em;
font-style:normal;
margin: 10px 10px 10px
}

h3 { font-size:1.6em;
font-weight:bold;
margin: 0px 0px 0px
}

h4 { font-size:1.4em;
font-weight:bold;
margin: 0px 0px 0px 0px;
}

h5 { font-size:1.2em;
font-weight:bold;
margin: 0px 0px 0px 0px;
}

/* .....features .....*//* ...black on grey...*/
.feature {background-color:#EDF3FF;
font-size:1.5em;
font-weight:bold;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

/*... red on grey ...*/
.feature2 {background-color:#E9EAEC;
color: #FF3355;
border:1px solid #FF3355;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

.heading { font-family:Verdana, arial, tahoma, sans-serif;
font-size:1.6em;
color:#FF3355;
font-weight:bold;
text-align: center
}

.smallred { font-family:Verdana, arial, tahoma, sans-serif;
font-size:.8em;
font-weight:bold;
color:#FF3355;
}

.red { font-family:Verdana, arial, tahoma, sans-serif;
font-size:1em;
color:#FF3355;
}

.grey { font-family:Verdana, arial, tahoma, sans-serif;
font-size:.8em;
color:#C0C0C0;
}
/*----- header stuff here----- */

.header {padding-top:0px;
height:100px;
border-bottom:1px solid #2827BA;
}

#hli {float: left;
}

#hri {float: right;
}

#hci {width: 385px;
margin: 0 auto;
}

#header-right { float:right;
right:15px;
color:red;
width: 468px;
}

#header-left { float:left;
left:5px;
color:red;
width: 293px;
padding-left: 0px;
}

/*-----menu stuff here-----*/

#menu { position:absolute;
top:120px;
left:15px;
width:158px;
text-align: center;
}

.menuitem { width:160px;
background:ivory;
font-size:.8em;
border:3px solid red;
text-align:center;
}

.menuhead { width:157px;
border:4px #2827BA;
font-family:arial, verdana, tahoma, sans-serif;
text-align:center;
font-weight:bold;
color:white;
background-color:#2827BA;
font-size:1.3em;
}
/*----main menu-----*/
.buttonscontainer {width: 155px;
}

.buttons a {color: #386800;
background-color: #EDF3FF;
padding: 2px;
padding-left: 15px;
display: block;
border-bottom: 1px solid #2827BA;
font-size: 1em ;
font-family:arial, verdana, tahoma, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
border:1px solid #2827BA;
font-weight:normal;
}

.buttons a:hover {background-color: #E9EAEC;
font-size:1em;
color: #336600;
text-decoration: none;
font-weight:bold;
}

.otherlinks { left:5px;
width:155px;
text-align: left;
background: #E9EAEC;
}

.otherlinkscontainer {width: 155px;
border: 1px solid #2827BA;
padding-top:10px;
padding-bottom:5px;
background: #EDF3FF;
}

.otherlinksbuttons a {color: #FF3355;
padding: 2px;
padding-left: 3px;
display: block;
font-size: 1em ;
font-family:arial, verdana, tahoma, sans-serif;
text-decoration: none;
text-align: left;
border:1px #E9EAEC;
font-weight:normal;
}

.otherlinksbuttons a:hover {background-color: #FFFFFF;
font-size:1em;
font-color: #336600;
text-decoration: none;
font-weight:normal;
}

.box {
float: center;
	padding: 2px;
	background: #E9EAEC;
	border: 1px solid #ccc;
	width: 133px;
	}
	
.box60 {
float: center;
	padding: 5px;
	margin: 1px;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 120px;
	height: 60px;
	}

.box120 {
float: center;
	padding: 5px;
	margin: 1px;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 120px;
	height: 120px;
	}
	
.box340 {
float: center;
	padding: 5px;
	margin: 1px;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 120px;
	height: 340px;
	}
	
	.box240 {
float: center;
	padding: 5px;
	margin: 1px;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 120px;
	}
		.box240a {
float: left;
	padding: 1px;
	margin: 1px;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 120px;
	height: 240px;
	}
	
	.box1 {
	padding: 1px;
	margin: 1px;
	background: #ffffff;
	border: 0px solid black;
	width: 120px;
	height: 60px;
	float: left;
	margin-top:5px;
	margin-right:5px;
	}
	
		.box2 {
	padding: 1px;
	margin: 1px;
	background: #ffffff;
	border: 0px solid black;
	width: 120px;
	height: 90px;
	float: left;
	margin-top:5px;
	margin-right:5px;
	}

/* ----- body stuff here ----*/

#center { position:relative;
padding-top:5px;
margin-left: 190px;
margin-right: 160px;
}

#right {  position: absolute;
right: 15px;
top: 10px;
width: 140px;
top: 110px;
}

.boxl {
	padding: 5px;
	margin-top: 5px;
	background: #ffffff;
	border: 1px solid #808080;
	width: 95%;
	}
	
.boxd {
	padding: 5px;
	margin-top: 5px;
	background:	#f3f1f1;
	border: 1px solid #000000;
	width: 95%;
		}
		
.boxe {
	padding: 5px;
	margin-top: 5px;
	background:	#F8F8F8;
	border: 1.5px solid #008000;
	width: 95%;
		}

/* ----- links styles here -----*/

a	{font-family:arial, verdana, tahoma, sans-serif;
font-size:1.2em;
color:#2827BA;
font-weight:bold;
}

a:hover { font-size:1.2em;
color:#666699;
text-decoration: none;
font-weight:bold;
}

.smalllinkscontainer {width:155px
}

.smalllinks a {font-size:1em;
font-color: #2827BA;
font-weight:normal;
}

.smalllinks a:hover {background-color: #FFFFFF;
font-size:1em;
font-color: #336600;
text-decoration: none;
}

table#fcategories {
width: 90%;
border: solid #2827BA 1.5px;
border-collapse:collapse;
}

table#fcategories td{ 
border: solid #CCCCCC 1px;
align:center;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 1em;
padding-left: 1em;
text-align:center; 
}
.smalllinksbold a {font-size:1em;
font-color: #2827BA;
font-weight:bold;
}

.smalllinksbold a:hover {background-color: #FFFFFF;
font-size:1em;
font-color: #336600;
text-decoration: none;
}

#star {float:right;
}