/* -------------- GENERAL ---------------- */
body
{
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size:12px;
	font-weight:normal;	
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a:active,
a:link,
a:visited
{
	text-decoration: none;
	color: #cc0018;
}

a:hover
{
	text-decoration: underline;
	color: #004103;
}

/* -------------- SPECIFIC DIVS ------------ */
#outer
{
	background-color: #ffffff;
	text-align: center;
	margin: 10px;
	position: relative;
	top: 0px;
}

#container
{
	background-color: #bbeebb;
	background-color: #a8cd9b;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width: 700px;
	top: 0px;
	position: relative;
	border: 1px solid black;
}

#header
{
	padding: 0px;
	margin: 0px;
	width: 700px;
	height: 120px;
	border: 0px;
}

#header.spring {
	background: transparent url("../pics/banners/spring.jpg") top left no-repeat;
}

#header.summer {
	background: transparent url("../pics/banners/summer.jpg") top left no-repeat;
}

#header.autumn {
	background: transparent url("../pics/banners/autumn.jpg") top left no-repeat;
}

#header.winter {
	background: transparent url("../pics/banners/winter.jpg") top left no-repeat;
}

#header h1 span
{
	display: none;
}

#header h2 span
{
	display: none;
}

#links
{
	background-color: #006300;
	text-align: center;
	width: 700px;
	height: 18px;
	vertical-align: middle;	
	color: #FFFFee;
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size:14px;
	font-weight:normal;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#links span a
{
	color: #FFFFFF;	
}

#links span a:link,
#links span a:active,
#links span a:visited
{
	color: #FFFFFF;
	text-decoration: none;		
}

#links span a:hover
{
	color: #FFFFFF;
	text-decoration: underline;		
}

#tickerback
{
	background-color: #008811;
			// autumn - #710018;
			// winter - #FFFFFF;
			// summer - #ddaa00;
	width: 700px;
			// spring - #008811;
	height: 18px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#tickerback.spring {
	background-color: #008811;
}

#tickerback.summer {
	background-color: #ddaa00;
}

#tickerback.autumn {
	background-color: #710018;
}

#tickerback.winter {
	background-color: #ffffff;
}

#ticker
{
	left: 100px;
	position: relative;
}

#moooooo
{
	color: #ffffff;
			// autumn - #ffffee;
			// winter - #000000;
			// summer - #000000;
	text-align: left;
			// spring - #ffffff;

}

#tickertext.spring {
	color: #ffffff;
	text-align: left;
}

#tickertext.spring a:link,
#tickertext.spring a:hover,
#tickertext.spring a:active,
#tickertext.spring a:visited{
	color: #ffffff;
	text-decoration: none;
}

#tickertext.summer {
	color: #000000;
	text-align: left;
}

#tickertext.summer a:link,
#tickertext.summer a:hover,
#tickertext.summer a:active,
#tickertext.summer a:visited{
	color: #000000;
	text-decoration: none;
}

#tickertext.autumn {
	color: #ffffee;
	text-align: left;
}

#tickertext.autumn a:link,
#tickertext.autumn a:hover,
#tickertext.autumn a:active,
#tickertext.autumn a:visited{
	color: #ffffee;
	text-decoration: none;
}

#tickertext.winter {
	color: #000000;
	text-align: left;
}

#tickertext.winter a:link,
#tickertext.winter a:hover,
#tickertext.winter a:active,
#tickertext.winter a:visited{
	color: #000000;
	text-decoration: none;
}


#content
{
	text-align: center;
	margin: 15px;
	font-size:14px;
}

#homecontent
{	
	width: 650px;
}

.paragraph
{
	text-indent: 15px;
	text-align: justify;
}

.italic
{
	font-style: italic;
}

#picture
{
	background: transparent url("../pics/flowers/amaranthus.jpg") top left no-repeat;
	width: 174px;
	height: 233px;
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #710018;
}

#picture span
{
	top: 233px;
	font-style: italic;
	font-weight: bold;
	position: relative;
}

#picture:link,
#picture:visited,
#picture:active
{
 	color: #cc0018;
	
}

#picture:hover
{
	text-decoration: underline;
}


.latin
{
	font-style: italic;
	font-weight: bold;
}

#title h3
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS Sans Serif";
	font-size:26px;
	font-weight:bold;
	text-align: center;
	text-transform: titlecase;
}	

#linkscontent p
{
	text-align: center;
}

.linkstext
{
	font-style: italic;
}

#contactdetails
{
	text-align: left;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 50px;

}

#contactdetails ul
{
	list-style-type: none;
}

#contactdetails li
{
	margin: 10px;
}

#servicescontent
{
	left: 30px;
	position: relative;
	height: 250px;
}

#serviceslist
{
	float: left;
	top: 20px;
	left: 100px;
	position: relative;
	width: 350px;
	text-align: left;
}

#serviceslist li
{
	margin: 2px;
}

#servicesleftborder
{
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

#servicesrightborder
{
	float: left;
	position: relative;
	top: 0px;
	left: 150px;
}

.detailskey
{
	text-align: left;
	font-weight: bold;

}

.detailsvalue
{
	text-align: left;
	left: 10px;
	position: relative;	
}

#contactabout
{
	float: left;
	top: 0px;
	left: 30px;
	position: relative;
	text-align: center;
	margin: 1px;
	padding: 5px;
	background-color: #447844;
	border: 1px solid black;
}

#contactcontainer
{
	height: 360px;
	
}

#contactleft
{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}


#contactname
{
	font-weight: bold;
	color: white;
	font-size: 16px;
}

#contactqual
{
	color: white;
	font-weight: normal;
	font-size: 14px;
}

#contactabout h3
{
	margin-top: 0px;
	color: white; 
	text-transform: titlecase;	
}

div.spacer
{
	clear: both;
}

#kellypicture
{
	width: 140px;
	height: 210px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 2px solid black;
}

#contactdesign
{
	position: relative;
	clear: left;
	width: 330px;
	top: 20px;
	left: 30px;
	margin: 0px 0px 0px 0px;
}

#map
{
	padding: 0px;
	margin: 5px;
	border: 1px solid #000000;
}

#mapbox
{
	clear: both;
	position: relative;	
	top: 00px;
	left: 40px;
	margin: 0px 0px 0px 0px;

}

#resourcepicture
{
	width: 400px;
	height: 150px;
	padding: 0px;
	margin: 5px;
	border: 2px solid #000000;
}

#geometryquote{
	background: transparent url("../pics/banners/quote.gif") top left no-repeat;
	width: 670px;
	height: 25px;
	margin: 10px 0px 0px 0px;
	border: 0px;
	padding: 0px;
}

#geometryquote span
{
	display: none;
}

.copyright
{
	
}

.admin
{
	text-align: right;
}

.admin a:link,
.admin a:visited,
.admin a:active
{
	text-decoration: none;
	color: #dddddd;

}

.admin a:hover
{
	text-decoration: underline;
	color: #778877;
}