h1           { font-family: Arial; font-size: 2em; color: #800000; font-weight: bold; border-top: 3px #800000 solid;}
h2           { font-family: Arial; font-size: 1.75em; color: #800000; font-weight: bold; font-style:italic }
h3           { font-family: Arial; font-size: 1.40em; color: #800000; font-weight: bold }
.h3red 			{ font-family: Arial; font-size: 1.40em; color: #FF0000; font-weight: bold }
.h3green      	{ font-family: Arial; font-size: 1.40em; color: #047148; font-weight: bold }
h4           { font-family: Arial; font-size: 1.25em; color: #800000; font-weight: bold; font-style:italic }
.h4red 			{ font-family: Arial; font-size: 1.25em; color: #FF0000; font-weight: bold }
h5           { font-family: Arial; font-size: 1.15em; color: #800000; font-weight: bold }
h6           { font-family: Arial; font-size: 1.05em; color: #800000; font-weight: bold }

p            { font-family: Arial; font-size: 1em ; color: #000000; margin-left: 15px; margin-right: 15px}
ul			  {list-style-image : url('common/elements/redball.gif')}
small        { font-family: Arial; font-size: .7em; color: #800000 }
.small 			{ font-family: Arial; font-size: .7em; color: #000080}
.smallblack 	{ font-family: Arial; font-size: .7em; color: #000000}
.smallbold 		{ font-family: Arial; font-size: .7em; color: #000080 ; font-weight: extra-bold}
.smtextmar 		{ font-family: Arial; font-size: .7em; color: #800000 }
.smtextred 		{ font-family: Arial; font-size: .7em; color: #FF0000 }
form {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #000000}
select {  font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; color: #000000}

.titlepage   { font-family: Times New Roman; font-size: 1.75em; color: #800000; font-weight: bold; font-style:italic; letter-spacing:2pt }

.text        { font-family: Arial; font-size: .9em ; color: #000000}
.text2 { font-family: Arial; font-size: .9em ; color: #800000}
.textgreen { font-family: Arial; font-size: .9em; color: #047148 }
.textred { font-family: Arial; font-size: .9em ; color: #FF0000}
.textmar { font-family: Arial; font-size: .9em ; color: #800000 }
.textblu { font-family: Arial; font-size: .9em ; color: #330066 }
.headblu { font-family: Arial; font-size: 1.6em; color: #330066 }
.headred { font-family: Arial; font-size: 1.2em; color: #FF0000 }
.sidemar {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #800000}
.sidered {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #FF0000}
.sidebigred {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #FF0000}
.sideblue {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000066}
.marh3 	{  font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #800000}
.textwhite {  font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF}

.mainmenutxt { font-family: Arial; font-size: 12px; color: #330066 }
.mainmenutxt a:hover { color: #FFFFFF; background-color:#CC0000 }

/* ********************************************************************************************************* */
/*              HomePageLinks -- this is the definition for the home-page hover-hyperlink button style */
/* --------------------------------------------------------------------------------------------------------- */
.HomePageLinks{
padding: 1px;
font-weight: bold;
font-style:normal; 
text-decoration: none;
font-size: 14px;
line-height: 200%;
}

.HomePageLinks a {
padding: 1px;
color: #DD0000;
text-decoration: none;
border-top: 3px #FF6666 clear;
border-left: 3px #FF6666 clear;
border-bottom: 3px #DD0000 clear;
border-right: 3px #DD0000 clear;
text-align: center;
}

.HomePageLinks a:hover {
padding: 1px;
text-decoration: none;
color: #FCFCFC;
background-color: #CC0000;
border-top: 3px #31557f solid;
border-left: 3px #31557f solid;
border-bottom: 3px #cce3ff solid;
border-right: 3px #cce3ff solid;
text-align: center;
}

.PageHeaders {
	display: block;
	background-image : url('csselements/texturebackground12.gif'); 
	color:#FAFAFA;
	height: 15px;
	width: 310px;
	padding: 3px;
	font-weight: bold;
	font-style:normal; 
	font-size: 15px;
	line-height: 105%;
	border-top:  3px #31557f solid;
	margin-left: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
}

/* ********************************************************************************************************* */
/*              ButtonControlHorz -- this is the definition for the horizontal hover-hyperlink regular button style */
/* --------------------------------------------------------------------------------------------------------- */
.ButtonControlHorz{
padding: 3px;
font-weight: bold;
font-style:normal; 
font-size: 14px;
line-height: 200%;
margin-bottom: 3px;
margin-top: 3px;
border: 3px none;
}

.ButtonControlHorz a {
padding: 3px;
text-decoration: none;
color: #DD0000;
text-decoration: none;
border-top: 3px #FF6666 solid;
border-left: 3px #FF6666 solid;
border-bottom: 3px #DD0000 solid;
border-right: 3px #DD0000 solid;
text-align: center;
}

.ButtonControlHorz a:hover {
padding: 3px;
color: #FCFCFC;
background-color: #CC0000;
border-top: 3px #31557f solid;
border-left: 3px #31557f solid;
border-bottom: 3px #cce3ff solid;
border-right: 3px #cce3ff solid;
text-align: center;
}


/* ********************************************************************************************************* */
/*              ButtonControl -- this is the definition for the hover-hyperlink regular button style */
/* --------------------------------------------------------------------------------------------------------- */
.ButtonControl{
	font-weight: bold;
	font-style:normal;
	font-size: 11px;
	line-height: 130%;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 3px clear;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;

}

.ButtonControl a {
display: block;
padding: 0px;
text-decoration: none;
color: #DD0000;
text-decoration: none;
border-top: 3px #DDDDDD solid;
border-left: 3px #DDDDDD solid;
border-bottom: 3px #DDDDDD solid;
border-right: 3px #DDDDDD solid;
width: 130px;
text-align: center;
}

.ButtonControl a:hover {
display: block;
padding: 0px;
color: #FCFCFC;
background-color: #CC0000;
border-top: 3px #31557f solid;
border-left: 3px #31557f solid;
border-bottom: 3px #cce3ff solid;
border-right: 3px #cce3ff solid;
width: 130px;
text-align: center;
}




/* ********************************************************************************************************* */
/*                   ButtonControlLarge -- this is the definition for the hover-hyperlink LARGE button style */
/* --------------------------------------------------------------------------------------------------------- */

.ButtonControlLarge{
font-weight: bold;
font-style:normal; 
font-size: 16px;
line-height: 120%;
margin-bottom: 0px;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
}


.ButtonControlLarge a {
display: block;
padding: 3px;
text-decoration: none;
color: #0033FF;
text-decoration: none;
border-top: 3px #DDDDDD solid;
border-left: 3px #DDDDDD solid;
border-bottom: 3px #DDDDDD solid;
border-right: 3px #DDDDDD solid;
width: 170px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

.ButtonControlLarge a:hover {
display: block;
padding: 3px;
color: #0099FF;
background-color: #CCCCCC;
border-top: 3px #31557f solid;
border-left: 3px #31557f solid;
border-bottom: 3px #cce3ff solid;
border-right: 3px #cce3ff solid;
width: 170px;
text-align: left;
}


/* ********************************************************************************************************* */
/*            Picture Place Holders -- These are the definitions for the floating picture boxes and captions */
/* --------------------------------------------------------------------------------------------------------- */
.pictureholderRight {
	left: 0px;
	border: 2px;
	border-style: ridge;
	float: right;
	font-family: Arial;
	text-align: center;
	font-size: .75em;
	width: 300px;
	}

.pictureholderRight img {
	align: center;
	}
.pictureholderLeft {
	left: 0px;
	border: 2px;
	border-style: ridge;
	float: left;
	font-family: Arial;
	text-align: center;
	font-size: .75em;
	width: 300px;
	}
.pictureholderLeft img {
	align: center;
	}

.pictureholderRight p {
	width: 100%	;
	float: none;
	}
.pictureholderLeft p {
	width: 100%	
	float: none;
	}

	
p.banner {
	font-family: sans-serif;
	font-size: 18px;
	line-height: normal;
	color: #000000;
	font-weight: bold;
	font-style:italic;
	float: left;
	letter-spacing:1px;
	background-color: #FFFFFF;
	position: static;

	}




/* ********************************************************************************************************* */
/*           BOXES - These are the defined areas of the screen */
/* --------------------------------------------------------------------------------------------------------- */


#page_container {
	display:block;
	top:0;
	left:0;
	width:100%;
	border: 1px solid #000; 
	}


#header_container {
	display:block;
	background-image : url('csselements/texturebackground12.gif'); 
	background-color: #CC0000;
	width: 100%; 
	height: 75px;
	align: left; 
	float: none; 
	padding: 3px;
	border: 3px solid #000; 
	border-color: #CCCCCC;
	color: #FFFFFF;
	font-family: Times New Roman; 
    letter-spacing:1pt; 
	
	font-size: 2.5em; 
	font-weight: bold; 
	font-style: italic;	
	}


#headerlogo_container {
	display:block;
	background-image : url('csselements/logo_header1.jpg'); 
	background-repeat : no-repeat; 
	width: 100px; 
	height: 75px; 
	align: center;
	float: left; 
	padding: 3px;
	border: 0px solid; 
	border-color: #333333;
	}

#mugshot_container {
	display:block;
	align: center;
	float: right;
	border: 5px single #000; 
	padding: 4px;
	margin: 4px;
	}

#headerdescription_container {
	display:block;
	width: 100%; 
	align: left; 
	float: none; 
	padding: 3px;
	border: 3px solid #000; 
	border-color: #CC0000;
	}


#headermenu_container {
	display:block;
	position:absolute;
    top:0;
    left:0;
    float:right;
    width:100%;
    background-color: #CC0000;
    align: center;
	}

#body_container {
	display:block;
	float: none;
	width:100%;
	border: 1px solid #000; 
	border-color: #CCCCCC;
	}


#menu_container {
	display: block;
	width: 180px !important;
	max-width: 180px !important;
	float: right;
	text-align: center;
	padding: 2px 2px 2px 2px; 
	margin: 0px;
	border: 1px solid #000; 
	border-top: 4px #DDDDDD solid;
	border-left: 4px #DDDDDD solid;
	border-bottom: 4px #333333 solid;
	border-right: 4px #333333 solid;
	background: #AAAAAA;
	background-image : url('csselements/texture2.jpg'); 
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#content_container {
	display: block;
	background-image: url('csselements/texturebackground11.gif');
	padding: 10px 2% 10px 2%;
	margin: 0px;
	border: 1px  solid #000; 
	width: 100%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#footer_container{
	display:block;
	position:static;
    top:0;
    left:0;
    width:100%
	border: 1px  solid #000; 
  	}	


#menusidebar {
	display:block;
	float: left;
	display: block;
	padding: 10px 2% 10px 2%;
	margin: 0px;
	border: 1px  solid #000;
	background: #F1F;
	width: 20%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 18%;
	}
	
#leftmenu {
	display:block;
	left: 0px; 
	width: 190px; 
	top: 0px; 
	float: left;
	font-family: Times New Roman; 
    font-size: 12px; 
    color: #FFFFFF; 
    font-style:italic; 
    line-height: 120%;
	}

#mainInfoDiv {
	display:block;
	float: left;
	position:relative;
	top: 120px;
    width:100%;
    border: 1px  solid #000;
	}

#footerInfoDiv {
	display:block;
	position:static;
    top:0;
    left:0;
    width:100%
    border: 1px  solid #000;
	}	



#leftColumn {
display:block;
float: left;
width: 20%;
border: 1px solid #000;
background-image : url('csselements/texture2.jpg'); 

}

#rightColumn {
display:block;
float: right;
width: 40%;
border: 1px solid #000;
background-image : url('csselements/texturebackground8.gif'); 

}

#centerColumn {
display:block;
float:left;
width:80%;
border: 1px solid #000;
background-color: #FFAAAA;
}






	
#topmenu_left {
	display:block;
	font-family: Times New Roman; 
    font-size: 1em; 
    color: #FFFFFF; 
    font-weight: bolder; 
    font-style:italic; 
    line-height: 120%;
	float: left;
    letter-spacing:1pt; 
    background-color: #CC0000;
	width: 100%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
   	height: 30px;
   	margin: 0px;	
   	margin-bottom: 10px;
   	
   	border: 5px;
    border-style: ridge; 
	}
	
.menuspacer {
	display:block;
	width: 100%
	height: 20px;
	left: 0px;
	top: 0px;
	}
	
#topmenu_description {
	display:block;
	font-family: Times New Roman; 
    font-size: 1.6em; 
    line-height: 1.4em;
    color: #FFFFFF; 
    font-weight: bolder; 
    font-style:italic; 
    letter-spacing:2pt; 
    background-color: #CC0000;
	voice-family: "\"}\"";
	voice-family:inherit;
   	padding: 10px;
   	margin-bottom: 0px;
   	margin-top: 5px;
	border: 0px none;
	padding: 0px;
	}
	
#topmenuright {
	display:block;
	float: left; 
	/* Opera5.02 will show a space at 
	right when there is no scroll bar */
	padding: 0px 0% 0px 0%;
	margin: 0px;
	border: 0px;
	width: 70%; /* ie5win fudge begins */
	height: 70px;

	voice-family: "\"}\"";
	voice-family:inherit;
	font-family: cursive; 
    font-size: 1.75em; 
    color: #FFFFFF; 
    font-weight: bolder; 
    font-style:italic; 
    letter-spacing:2pt; 
    background-color: #CC0000;
   	padding: 0px 0% 0px 0%;
	margin: 0px;
	border: 0px;

	}

#pagecontent {
	display:block;
	position: static;
	float: left; 
	/* Opera5.02 will show a space at 
	right when there is no scroll bar */
	padding: 10px 2% 10px 2%;
	margin: 0px;
	border: 0px;
	border-color: #CCCCCC;
	width: 78%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 76%;
	}