/* Body background */

body 	{ 
		margin: 0; padding: 0; 	background: url('images/hdr.jpg'); background-repeat: repeat-y;  background-color:#003366; font-family: "Franklin Gothic", Helvetica, Arial, sans-serif;

}

/* here are the column definitions */

.container {						/* Picked this up from Fluidity, keeps rows lined up */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: auto;
	background: transparent;

}

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

}

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

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

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

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

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

.onefifthcolumn { float: left; width: 19.5%; overflow: auto; }		/* one fifth width column for a five column site */

.twofifthcolumn { float: left; width: 39.5%; overflow: auto; }		/* two fifth width column for a five column site */

.threefifthcolumn { float: left; width: 59.5%; overflow: auto; }		/* three fifth width column for a five column site */

.fourfifthcolumn { float: left; width: 79.5%; overflow: auto; }		/* four fifth width column for a five 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 */

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

div { padding: 10px 0;}



a {color: #98F5FF; text-decoration: none}
a.red {color: #E0EEEE; text-decoration: none}
a:hover {color: #E0EEEE; text-decoration: underline}

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


#bttmbar { float: left; width: 100%; height: 20px; background-color:#003366 bottom repeat-x; border-top: 1px solid #333; }    /* Bottom copyright bar */
/* End Header and body */

/* Font styles */

p, h1, h2, h3, span#copyright, span#design { color: #98F5FF; font-weight: normal; text-decoration: none; background: transparent }
h1.header { margin-top: 5px; font-size: 36px; color: #98F5FF; font-weight: normal; text-decoration: none; background: transparent; font-family: Palatino, "Times New Roman", Garamond, Georgia, serif; }
p { font-size: 14px; text-align: justify; font-weight:bold; }
p.center { font-size: 14px; text-align: center; font-weight: bold;}
p.right { font-size: 14px; text-align: right }
p.left { font-size: 14px; text-align: left }
h1 { font-size: 20px; }	/* site heading */
h1.red { font-size: 20px; color: #E0EEEE; }	/* site heading */
h2 { font-size: 18px; }	/* site heading */
h2.red { font-size: 18px; color: #E0EEEE;}	/* emphasis */
h3 { font-size: 16px; color: #D15FEE}				/* sub headings */
span#copyright { font-size: 13px; }  /* sets the copyright styles */
span#design {  float: right; font-size: 13px; }  /* floats the design link into position */
p.header {text-align: center; margin-top: 0px; } /* align header object */

/* End Fonts */

/* Navigation and tags */

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

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

ul#nav  { margin: 0 }

#nav li  /* Main nav list items */
{
	font-size: 14px;
	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: 1px; /* adds a gap between the tabs */
	width: 150px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	font-weight: bold;
}
	 
#nav a:link, #nav a:visited  { background: url('thumbs/tab.gif') no-repeat 0 -25px }

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

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


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

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

/* lists */
ul { margin: 5px 0 5px 25px; list-style: url('images/bullet.gif') }
ol { margin: 5px 0 5px 25px; list-style: decimal }
ol li, ul li { color: #FF0000; font-size: 20px; font-weight:bold; }

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

/* End Navigation and tags */