@charset "utf-8";
body {
	margin-left: 100px;
	margin-right: 100px;
	color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	background-image: url(Images/BatikRedbkgrnd.jpg);
	background-repeat: repeat;
	height: 1.5em;
	/* previous background-color: #8F2239; */
}

/* START BASIC LINKS */
/* unvisited */ a:link {font-size: 12px; color: #FFFFCC}
/* visited */ a:visited {color: #00CCFF}
/* mouse over*/ a:hover {color: #00FFFF} 
/* selected */ a:active {color: #FF99CC} 
/* END BASIC LINKS */

/* START NAV ID LINKS */

#navcontainer {
	white-space: nowrap;
	margin-left: -30px;
	margin-bottom: 0px;
}

#navlist ul{
	list-style-type: none;
	display: inline;
	background-color:#036;
	white-space: nowrap;
}

#navlist li { 
list-style-type: none;
display: inline;
padding-right: 2em;
} 

#navlist a
{
	color: #FFF;
	text-decoration: none;
	list-style-type: none;
	display: inline;
}

#navlist a:visited {color: #00CCFF}

#navlist a:hover
{
color: #00FFFF;
}

/* END NAV ID LINKS */


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

h1 {
	font-size: 36px;
	height: .5em;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
	height: .5em;
}

/*START Header */
#header_Container {
	width: 800px;
	height: 150px;
	background-color: #036;
}

#headerDiv_text {
	width: 550px;
	float: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px;
}

#headerDiv_image {
	width: 210px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #036;
}
/*END Header */

#containerDiv {
	width: 800px;
	margin-top: -1px;
}

#containerDivAlt {
	width: 800px;
	margin-top: -10px;
}

/*.borderpixel{
	background-image: url(Images/Blue_pixel.jpg);
	background-repeat: repeat;
*/

#leftColumnDiv {
	width: 220px;
	float: left;
	padding-top: 1px;
	text-align: center;
	background-color: #036;
}

.buffer {
	padding-top: 5px;
	border: thin black solid;
}

#borderpixelDivA{
	width: 220px;
	height: 10px;
	background-image: url(Images/Blue_pixel.jpg);
	background-repeat: repeat;
}

/*START MAIN BODY QUADRANTS DIVS */
/*
Quadrants are contained in a larger div. Each of the below quadrants must be the same height to allow unimpeded floating.

Each announcement is in its own quadrant which is placed starting left to right on each new row:
A1 ... A2
B1 ... B2
C1 ... C2 (if there is only one announcement in the row, use 1 longer div)
*/

#Quad_Container {
	position: relative;
	width: 570px;
	margin-left: 200px;
	padding-left: 5px;
}

p.closer {
	margin-top: -.70em
}

#QuadDiv_A1 {
	width: 220px;
	height: 180px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
}

#QuadDiv_A2 {
	width: 220px;
	height: 180px;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
	}

#QuadDiv_B1 {
	width: 220px;
	height: 180px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
	}

#QuadDiv_B2 {
	width: 220px;
	height: 180px;
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
	}
	
#QuadRowDiv_C {
	width: 440px;
	height: 260px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 20px;
	padding-left: 5px;
	float: left;
}
#TwoColContentDiv {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 20px;
	padding-left: 15px;
}

/*END MAIN BODY QUADRANTS OR TWO-COLUMN DIVS */

.indent {
	width: 450px;
	margin-left: 25px;
}	

#footerDiv {
	float:left;
	clear:both;
	width: 800px;
	font-size: 10.5px;
	text-align: center;
	border-top: #036 1px solid;
	color: white;
	padding: 1px;
}

	
/*.borderpixel{
	background-image: url(Images/Blue_pixel.jpg);
	background-repeat: repeat;
}
*/

/*START SECONDARY PAGE MAIN CONTENT DIV  */
/*END SECONDARY PAGE MAIN CONTENT DIV */