#main {
	position:absolute;
	width:100%;
	min-height:100%;
	
}

* html #main {height:100%;} /* windows Internet Explorer hack, because IE sucks @ standards compliance*/
/**>#main{
 display:table-cell;
 height:100%;}*/


/*----------HEADER INFO-----------------*/

div.header
{
	width: 100%;
	height: 150px;
	text-align: center;
	background-color: #333333;
	position: static;
	top: 0px;
	left: 0px;
	overflow: hidden;
}


#headbar_b, #headbar_p, #headbar_y, #headbar_g, #headbar_o, #headbar_pur 
{
	position:absolute;
	left:0px;
	top:147px;
	width:97%;
	height:25px;
	z-index:5;
	overflow: hidden;
	font-family: "Helvetica Neue Black Condensed", "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	letter-spacing: 0.1em;
	padding-right: 3%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	text-align: right;
}

h1.header
{
	text-align: center;
	font-family: "Helvetica Neue Black Condensed", "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 260%;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 2.3em;
	overflow: hidden;
	text-shadow: 3px 3px 9px #666666;
	letter-spacing: 0.05em;
	white-space: nowrap;
	margin-left: auto;
}



div.headbar
{
	width: 100%;
	height: 30px;
	top: 200px;
	right: 0px;
	background-color: #336699;
	
}



/*------------------------NAVBAR MENU--------------------*/


.navbar {
	width: 150px;
	z-index: 1;
	float: left;
	left: 0px;
	position: static;
	margin-top: 10px;
	height: auto;
	/*height: 270px;*/
}

ul#navbar_b, ul#navbar_p, ul#navbar_y, ul#navbar_g, ul#navbar_o, ul#navbar_pur
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: "Helvetica Neue Black Condensed", "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0em;
	overflow: hidden;
	line-height: 24px;
	height: auto;
	clip: rect(24px,auto,24px,auto);
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

ul#navbar_b a, ul#navbar_p a, ul#navbar_y a, ul#navbar_g a, ul#navbar_o a, ul#navbar_pur a
{
	display: block;
	text-decoration: none;
	background: none;
	padding: 0px 0px 0px 20px;
	width: 130px;
}

ul#navbar_b li, ul#navbar_p li, ul#navbar_y li, ul#navbar_g li, ul#navbar_o li, ul#navbar_pur li
{
	display: inline;
}




/*-----------NAVBAR HORIZ---------------*/

ul#barnav_b, ul#barnav_p, ul#barnav_y, ul#barnav_g, ul#barnav_o
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type:none;
	float: right;
	width: 200px;
	font-family: "Helvetica Neue Black Condensed", "Arial Black", Helvetica, Arial, sans-serif;
	font-size: 9pt;
	height: 35px;
	overflow: hidden;
}



ul#barnav_b li, ul#barnav_p li, ul#barnav_y li, ul#barnav_g li, ul#barnav_o li
{
	display: inline;
	white-space: nowrap;
}



ul#barnav_b a, ul#barnav_p a, ul#barnav_y a, ul#barnav_g a, ul#barnav_o a
{
	display: block;
	float: left;
	text-decoration: none;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	width: 50px;
	text-align: center;
}


.horiznav
{
	margin-bottom: 80px;
	margin-right: 30px;
	top: 0px;
	position: static;
}

* html .horiznav /* Internet Explorer hack*/
{
	margin-top: 10px;
}

* html ul#barnav_b, * html ul#barnav_p, * html ul#barnav_y, * html ul#barnav_g, * html ul#barnav_o /*Internet Explorer hack*/
{
	font-size: 8pt;
	white-space: pre;
}

* html ul#barnav_b a, * html ul#barnav_p a, * html ul#barnav_y a, * html ul#barnav_g a, * html ul#barnav_o a
{
	position: inherit;
	top: 0px;
	margin-top: -10px;
	padding-top: 0px;
}
/*------------------ CONTENT -------------------------------*/

div.content
{
	width: 700px;
	overflow: auto;
	padding-top: 0px;
	margin-right: auto;
	margin-top: 11px;
	margin-left: auto;
	/*min-height: 500px;*/
	/*background-image: url(images/shadow.jpg);*/
	
}



.bodytext 
{
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	
	clear: right;
}

.bodytext h1
{
	font-size: 120%;
}

.bodytext h2
{
	font-size: 100%;
}

.bodytext p
{
	font-size: 80%;
	color: #333333;
}

.bodytext li
{
	font-size: 80%;
	color: #333333;
}

/*.bodytext a
{
	text-decoration: none;	

}
.bodytext a: hover
{
	text-decoration: underline;	
}*/

div.words
{
	clear: inherit;
	float: inherit;
	width: 450px;
	margin-left: auto;
	top: 0px;
	position: inherit;
	padding-right: 65px;
	padding-bottom: 50px;
}


/*-------------------- FOOTER ----------------------------*/


#footer_b, #footer_p, #footer_o, #footer_y, #footer_g, #footer_o, #footer_pur
{
	width: 96%;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-right: 2%;
	padding-left: 2%;
	border-top-width: 2px;
	border-top-style: solid;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: absolute;
	bottom: 0px;
}

#footer_b a:hover, #footer_p a:hover, #footer_o a:hover, #footer_y a:hover, #footer_g a:hover, #footer_o a:hover, #footer_pur a:hover
{
	text-decoration: underline;
}

#footer_b a, #footer_p a, #footer_o a, #footer_y a, #footer_g a, #footer_o a, #footer_pur a

{
	text-decoration: none;
}



/*------------------OTHER-----------------------------------*/


.photo
{
	height: 150px;
	width: 225px;
	clear: right;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.table
{
	background-color: #FFCC66;
	margin-right: auto;
	margin-left: auto;
	font-size: 70%;
	font-weight: bold;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 250px;
}


.table td, table th
{
	padding: 2px 5px;


}

.cellcolor
{
	background-color: #FFFFCC;
}



.table2
{
	background-color: #99CCFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	font-weight: bold;
	color: #333333;
	width: 400px;
}


.table2 td, table2 th
{
	padding: 5px 10px;


}

.cellcolor2
{
	background-color: #CDE6FF;
}

.cellcolor3
{
	background-color: #6699CC;
	font-weight: bolder;
	color: #FFFFFF;
}



/*============================================================================================================*/
/*============================================================================================================*/
/*=============================== COLOR SPECIFIC CODE ========================================================*/
/*============================================================================================================*/
/*============================================================================================================*/



/* ----------------------------- NAVBAR HORIZ ----------------------------------- */

/*----- ORANGE -----*/

ul#barnav_b a
{
	color: #336699;
}

ul#barnav_b a:hover
{
	color: #FFFFFF;
}

/*------ GRAY -----*/

ul#barnav_p a
{
	color: #666666;
}

ul#barnav_p a:hover
{
	color: #FFFFFF;
}

/*------ GREENISH  -----*/

ul#barnav_y a
{
	color: #339999;
}

ul#barnav_y a:hover
{
	color: #FFFFFF;
}

/*------ KHAKI  -----*/

ul#barnav_o a
{
	color: #90905F;
}

ul#barnav_o a:hover
{
	color: #FFFFFF;
}


/* ------------------------------- MENU ------------------------------  */


/*----- BLUE -----*/

ul#navbar_b a
{
	color: #3366CC;
	border-bottom: 3px solid #5588CE;
}

ul#navbar_b a:hover
{
	background: #69c;
	color: #fff;
	
}


/*------ PINK ------*/

ul#navbar_p a
{
	color: #EE8D8D;
	border-bottom: 3px solid #FABFC2;
}

ul#navbar_p a:hover
{
	color: #fff;
	background-color: #FF9999;
	
}

/*------ YELLOW ------*/

ul#navbar_y a
{
	color: #FF9933;
	border-bottom: 3px solid #FFCA87;
}

ul#navbar_y a:hover
{
	color: #fff;
	background-color: #FFCC33;
	
}

/*------ GREEN ------*/

ul#navbar_g a
{
	color: #2B9A84;
	border-bottom: 3px solid #A9DFAE;
}

ul#navbar_g a:hover
{
	color: #fff;
	background-color: #66CC99;
	
}

/*------ ORANGE ------*/

ul#navbar_o a
{
	color: #FF6633;
	border-bottom: 3px solid #FFCC99;
}

ul#navbar_o a:hover
{
	color: #fff;
	background-color: #FFCC66;
	
}

/*------ PURPLE ------*/

ul#navbar_pur a
{
	color: #6666CC;
	border-bottom: 3px solid #AB9ECC;
}

ul#navbar_pur a:hover
{
	color: #fff;
	background-color: #9D8CC1;
	
}
/*-------------------------- FOOTER -----------------------------*/


/*----- BLUE -----*/

#footer_b
{
	background: #678DD9;
	border-top-color: #336699;
	color: #FFFFFF;
}

#footer_b a:hover
{
	color: #ffffff;
}

#footer_b a

{
	color: #ffffff;
}


/*----- PINK -----*/


#footer_p
{
	background: #FF9999;
	border-top-color: #999999;
	color: #FFFFFF;
}

#footer_p a:hover
{
	color: #ffffff;
}

#footer_p a

{
	color: #ffffff;
}

/*----- YELLOW -----*/


#footer_y
{
	background: #FF9933;
	border-top-color: #91C1C1;
	color: #FFFFFF;
}

#footer_y a:hover
{
	color: #ffffff;
}

#footer_y a

{
	color: #ffffff;
}

/*----- GREEN -----*/


#footer_g
{
	background: #65C89A;
	border-top-color: #009999;
	color: #FFFFFF;
}

#footer_g a:hover
{
	color: #ffffff;
}

#footer_g a

{
	color: #ffffff;
}

/*----- KHAKI -----*/


#footer_o
{
	background: #CCCC99;
	border-top-color: #FFCC33;
	color: #FFFFFF;
}

#footer_o a:hover
{
	color: #ffffff;
}

#footer_o a

{
	color: #ffffff;
}

/*----- PURPLE -----*/


#footer_pur
{
	background: #666699;
	border-top-color: #669999;
	color: #FFFFFF;
}

#footer_pur a:hover
{
	color: #ffffff;
}

#footer_pur a

{
	color: #ffffff;
}

/*---------------------------HEAD BAR------------------------*/


#headbar_b 
{
	
	background-color: #465396;
	color: #FFFFFF;
	border-bottom-color: #FFCC66;
}

#headbar_p 
{
	
	background-color: #FF9999;
	color: #FFFFFF;
	border-bottom-color: #CCCCCC;
}

#headbar_y
{
	
	background-color: #FF9933;
	color: #FFFFFF;
	border-bottom-color: #91C1C1;
}

#headbar_g
{
	
	background-color: #63C396;
	color: #FFFFFF;
	border-bottom-color: #009999;
}

#headbar_o
{
	
	background-color: #CCCC99;
	color: #FFFFFF;
	border-bottom-color: #FFCC33;
}

#headbar_pur
{
	
	background-color: #666699;
	color: #FFFFFF;
	border-bottom-color: #A1CDCD;
}

/*-----------------------------------------TYPE----------------*/



.links a {
	color: #66CC99;
	font-weight: bold;
	text-decoration: none;
}


.links a:hover
{
	color: #339999;
	text-decoration: underline;
}
