body {
	font-size:				75%;
	line-height:			130%;
	font-family:			Verdana, Arial;
	color:					#666;
	text-align:				center;
	background-color:		#d7d8d5;
	margin:0;
	height:100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10;
	padding-left: 0;
}

body#files
{
	text-align:				left;
	background:				#fff;
}
body#files span.pageTitle
{
	font-size:				20px;
	margin-bottom:			20px;
	display:				block;
}
body#files #pageTitle2
{
	font-size:				12px;
	display:				block;
	margin:					0;
	padding:				0;
	margin-top:				-4px;
	margin-bottom:			-20px;
}

a img { border: none; }

/*============================== MIXED SMALL DIVS ==============================*/
.clear 		{ clear: both; margin-top: 0px;}
.floatRight  {  float:right; }
.floatLeft {  float:left; }

.bluebox_top { height: 6px; background-image:url(../img/box_blue_top.gif)}
.bluebox_middle { background-color: #0754a2; color:#FFFFFF; padding-left:10px; min-height:10px;  	font-size:	1.2em;}
.bluebox_bottom {	height: 6px;	background-image:url(../img/box_blue_bottom.gif);	margin-bottom: 10px;
}

/*============================== LINKS ==============================*/

a 		 {		color:	#3780AD; text-decoration: 	none; font-weight: bold;}
a:hover  {		color: 	#666; text-decoration: 	none;}
a.active {		color: 	#666; text-decoration: 	none;}

/*==============================MAIN DIVS==============================*/

#topcontainer
{
	width:	   				930px;
	height: 				90px;
	background:				#fff;
	text-align:				left;
	position:				relative;
	margin-top: 			0px;
	margin-bottom: 			0px;
	margin-right: 			auto;
	margin-left: 			auto;
}

.foot
{
	width:	   				878px;
	height: 				20px;
	text-align:				center;
	font-size:				0.8em;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;

}


#container 
{
	width:	   				930px;
	height:					100%;
	min-height:	            500px;
	text-align:				left;
	margin-bottom: 			0;
	margin-right: 			auto;
	margin-left: 			auto;
	background-color: #fff;
	background-repeat: repeat-x;
	padding: 0px;
	margin-top: 0px;
}

#topcontainer #logo 
{
	position:				relative;
	float: 					left;
	margin-left: 			15px;
	border:					0;
}


#topcontainer #top_loggedin 
{
	position:				absolute;
	vertical-align: 		top;
	right:					4px;
	top:					1px;
	width: 					auto;
	height: 				20px;
	font-family: 			Verdana, Arial, sans-serif;
	font-size:				0.9em;
	font-weight: 			normal;
	color: 					#666;
}



#content 
{
	width:					940px;
	height:auto;
	margin-left:			20px;
	margin-top:				3px;
	float:					left;
	display:				inline;

	padding-bottom: 		20px;
	margin-bottom: 			0px;
	padding-top: 			20px;
}

  .content {
	margin-right:		auto;
	margin-bottom:		5px;
	color:				#333;
	margin-top: 		0px;
	padding-top: 		0;
	padding-right: 		5px;
	padding-bottom: 	0;
	padding-left: 		5px;
  }

.historyNav 
{
	width: 					auto;
	margin-top: 			10px;
	margin-left: 			18px;

}


/*==============================TOP TABS==============================*/

#menuTop ul 
{
	height:					24px;
	background-image:		url(../img/bg_menu.gif);
	list-style-type:		none;
	overflow:				hidden;
	padding-left:			0px;
	margin-left:			0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#menuTop li 
{
	display:				block;
	text-align:				center;
	float:					left;
	height:					21px;
	line-height:			20px;
	margin-top:				1px;
	margin-right:			1px;
}



#menuTop li a {
	display: 				block;
	padding: 				0px 13px 0px 13px;
	text-transform:			uppercase;
	font-size:				0.8em;
	font-weight:			normal;
	color: 					#fff;
	text-align:				center;

	text-decoration: 		none;
	float:					left;
	width:					auto;
	font-weight: normal;

		}

#menuTop li a:hover {
		width:					auto;
		text-decoration: 		underline;
		color: 					#fff;
		}

#menuTop li a:active {
	width:					auto;
	color: 					#fff;
		}

#menuTop li.active a {
	width:					auto;
	text-decoration: 		underline;
	color: 					#fff;
		}

/*_________________MENU_________________*/

#menu * 
{
	margin:0;
	padding:0;
}

#menu ul {
	list-style-type:		none;
	width:					194px;
	font-size:				10px;
}
#menu ul ul {
	margin:					0;
}

#menu ul li a {
	border-bottom:			1px solid #E1E1E1;
	float:					left;
	width:					184px;
	padding:				4px 0;
	
	padding-left:			10px;
	text-transform:			uppercase;
	color:					#666;
	background:				url(../img/red_arrow.gif) right top no-repeat;
	font-weight: normal;
}
#menu ul li.active a {
	background:				#F0F0F1;
}
#menu ul li.active li.active a, #menu ul li.active li.active li.active a { font-weight: bold; }
#menu ul li.active li.active li a { font-weight: normal; }
#menu ul li.active li a {
	background:				transparent;
	text-transform:			none;
	padding-left:			30px;
	width:					164px;
}
#menu ul li.active li li a {
	background:				transparent;
	text-transform:			none;
	padding-left:			40px;
	width:					154px;
}

/*============================== CONTENT DIVS ==============================*/

.topArea
{
	width: 					auto;
	height:					88px;
	display:				block;
	font-size:				1em;
	font-weight:			bold;
	margin-top: 			0px;
	margin-right: 			5px;
	margin-bottom: 			1px;
	margin-left: 			5px;
	background-image: url(../img/big_puff.jpg);

}

.front
{
	width: 					670px;
	display:				block;
	float:					left;
	font-size:				0.8em;
	font-weight:normal;
	height:auto;
	min-height: 450px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin-bottom: 5px;

}

.front p {
	float:			left;
	display:		block;
	width: 			280px;
	font-size: 		1.5em;
	line-height:  	1.2em;
}
.front img { float:left; margin-right: 20px; margin-bottom: 20px;}

.pics { float:left; margin-right: 20px; margin-bottom: 20px; height:237px; width:348px;overflow:hidden;}


.left
{
	width: 					196px;
	display:				block;
	float:					left;
	font-size:				1em;
	font-weight:normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 260px;

}

.middle, .middle_wide
{
	width: 					462px;
	display:				block;
	float:					left;
	font-size:				0.8em;
	font-weight:normal;
	height:auto;
	min-height: 450px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 0px;
	min-height: 600px;

}
.middle_wide
{
	width:					650px;
	border:					none;
}

.right
{
	width: 					219px;
	display:				block;
	float:					left;
	font-size:				0.8em;
	font-weight:normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	height: auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;


}

.right div.button_right_cal
{
	background:				url(../img/button_right_cal.jpg) no-repeat;
	width:					165px;
	height:					21px;
	margin-top:				10px;
}
.right div.button_right_cal a
{
	width:					158px;
	height:					21px;
	padding-left:			7px;
	font-weight:			bold;
	line-height:			18px;
	font-size:				9px;
	display:				block;
}

.right div.button_right
{
	width:					211px;
	background:				url(../img/button_right_top.jpg) no-repeat #4A9ACF;
	margin:					0;
	padding:				0;
	margin-bottom:			17px;
}

.right div.button_right p
{
	margin:					0;
	padding:				0;
	background:				url(../img/button_right_bottom.jpg) bottom left no-repeat;
	padding-bottom:			8px;
	padding-top:			6px;
}
.right div.button_right p a
{
	font-size:				12px;
	color:					#fff;
	display:				block;
	margin:					0 6px;
	font-weight:			bold;
}

.right td
{

	color:#4a9acf;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}
.small
{
	width: 					200px;
	display:				block;
	float:					left;
	font-size:				1.0em;
	font-weight:normal;
	height: auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 0px;
	margin-top: 20px;

}
.smallMiddle
{
	width: 					200px;
	display:				block;
	float:					left;
	font-size:				1.0em;
	font-weight:normal;
	height: auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;


}
.front .smallMiddle img, .front .small img { float:none;}


 .textbox

{
	z-index: 				10;
	float: 					left;
	margin-left: 			15px;
	margin-top: 			15px;
	border:					0;
	width:					250px;
	height:					390px;

}

.rubBig

{
	font-size:				3.5em;
	line-height: 			1.2em;
	font-weight:			normal;
	color:					#ec7d12;
}
.rubSmall

{
	font-size:				1.7em;
	font-weight:			lighter;
	display:				block;
}

