/* Body background */

body 	{ 
		margin: 0; padding: 0; background: #CDCDCD; font-family: Palatino, Georgia, "Times New Roman", serif;
}

/* here are the column definitions */

.rowcontainer {						/* Picked this up from Fluidity, keeps rows lined up */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	background: #EAEAEA;
}

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 49%;}		/* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */

.twothirdcolumn { float: left; width: 66%; }		/* two third width column for a three column site */

.quartercolumn { float: left; width: 24.5% }		/* One quarter width column for a four column site */

.threequartercolumn { float: left; width: 74% }		/* three quarter width column for a four column site */

/* End column Definitions */


/* Images styles */

img {margin: 0 10px} /* all images styling */ 
img.center {float: none } /* center an image */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

/* End image styles */

/* Header and body */

div { padding: 10px 0;}

#hdrimg a {color: #3D3D3D; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #3D3D3D; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #3D3D3D; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #3D3D3D; text-decoration: none; font-weight: normal;}

a {color: #3D3D3D; text-decoration: none}
a:hover {color: #3D3D3D; text-decoration: underline}


/*-------------Layout----------------*/

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
	background: url('images/hdr.jpg') repeat-x;
	height: 170px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}
html>body #hdrimg {
	height: 150px;        /* ie5x hack ends here */
}

#bttmbar { float: left; width: 100%; height: 25px; background: url('images/bottom.jpg') repeat-x; border-top: 1px solid #333; }    /* Bottom copyright bar */
/* End Header and body */

/* Font styles */

p, h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #3D3D3D; font-weight: normal; text-decoration: none; background: transparent }
h1.header { padding-left: 5px; margin-top: 10px; color: #3D3D3D; font-weight: normal; text-decoration: none; background: transparent }
p { font-size: 14px; text-align: justify }
p.center { font-size: 14px; text-align: center }
p.right { font-size: 14px; text-align: right }
p.left { font-size: 14px; text-align: left }
h1 { font-size: 24px; }	/* site heading */
h1.header { font-size: 36px; color: #8C1717;}	/* site heading */
h2 { font-size: 18px; color: #3D3D3D }	/* site heading */
h3 { font-size: 16px; color: #3D3D3D  }				/* sub headings */
span#copyright { font-size: 13px;}  /* sets the copyright styles */
span#design {  float: right; font-size: 13px; }  /* floats the design link into position */

/* End Fonts */

/* Navigation and tags */

/*------------------------------Main Navigation------------------------------------------*/

#nav { position: absolute; top: 144px; left: 0px; height: 25px; width: 100% }

ul#nav  { margin: 0 }

#nav li  /* Main nav list items */
{
	font-size: 16px;
	float: left;
	list-style: none;
	text-align: center;
}

#nav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 5px; /* adds a gap between the tabs */
	width: 98px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	font-weight: bold;
}
	 
#nav a:link, #nav a:visited  { background: url('images/tab.gif') no-repeat 0 -25px }

#nav a:hover, #nav a:active { background: url('images/tab.gif') no-repeat 0 0; font-weight: bold }

#nav a#current { background: url('images/tab.gif') no-repeat 0 0 }


/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

/* lists */
ul { margin: 5px 0 5px 35px; list-style: url('images/bullet.gif') }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { color: #3D3D3D; font-size: 10px; }

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

/* End Navigation and tags */