/* Elements
------------------------------------------*/


html{
	height:100%;
	margin:0px;
	padding:0px;
}


body{
	margin:0px;
	padding:0px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 10pt;

	text-align:center;

	color:rgb(75,75,75);

	background: rgb(191,197,228);
}

img{
	border:0px;
	display:block;
}

input, textarea{
	font-family: helvetica, arial, verdana, sans-serif;
}

textarea{
	font-size:9pt;
}


/* Headers and Links
------------------------------------------*/

h1, h2, h3, h4, h5, h6{

	font-family: trebuchet ms, trebuchet, myriad, arial, verdana, helvetica, sans-serif;
	color: rgb(99,150,203);
	font-weight:normal;

	margin:0px;
	padding: .25em 0;

}

h1{
	border-bottom: dotted rgb(99,150,203) 2px;
	margin-bottom:20px;
}

h4, h5, h6{
	color: rgb(218,104,53);
}

h1, h4{
	font-size: 20pt;
}

h2, h5{
	font-size:17pt;
}

h3, h6{
	font-size:13pt;
}

a{
	text-decoration:none;
	color: rgb(218,104,53);
}
a:hover{
	text-decoration:underline;
	color:rgb(255,200,0);

}


/* Template Information
------------------------------------------*/

#title_bar{

	width:100%;
	min-width:888px;

	height:150px;

	background: url("../img/topbar.jpg") top repeat-x;

}

#title_cluster{
	margin: 0px auto;
	width:888px;
	height:150px;
}


#title_cluster img{
	float:left;
}


#menu_bar{
	width:100%;
	min-width:888px;

	color:white;
	font-weight:bolder;

	height: 38px;

	background: url("../img/menubar.jpg") top repeat-x;
}


#menu{
	width:850px;
	height:38px;
	margin: 0px auto;
	font-size:11pt;
}

#menu a{
	color:white;

	display:block;
	float:left;
	height:28px;
	padding: 10px 20px 0px 20px;

	margin: 0px 10px;

}

#menu a:hover{
	color:rgb(225,225,225);
	background: url("../img/menu_arrow.jpg") bottom center no-repeat;
	text-decoration:none;
}


#body{
	width:100%;
	min-width:888px;

	min-height:442px;

	background: url("../img/background.jpg") top repeat-x;
}

#breadcrumb{
	width:830px;
	padding:10px;
	margin:0px auto;

	padding-top:15px;

	min-height:25px;

	text-align:left;
	font-size:10pt;
	color:white;
}

#breadcrumb a{
	color:white;
}
#breadcrumb a:hover{
	color:silver;
}

#splash{
	width:850px;
	margin: 0px auto;
	height:200px;
	border:solid rgb(152,152,152) 1px;
	border-bottom:0px;
}

#content_shell{
	width:850px;
	min-height:400px;
	border:solid rgb(152,152,152) 1px;
	border-bottom:0px;
	background: white url("../img/white_fade.jpg") top center no-repeat;
	margin:0px auto;
	
}

#minimenu{

	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	background:url("../img/blue_fade.jpg") top repeat-x;
	background:url("../img/homefade.jpg") top right no-repeat;

}

#minimenu a{
	display:block;
	padding:5px 10px;
	color:navy;
}
#minimenu a:hover{
	color:blue;
	text-decoration:none;
}

#content{
	padding:20px;
	padding-top:10px;
	text-align:left;
}

#contact_bar{
	width:100%;
	min-width:888px;

	color:white;

	border-top: solid rgb(244,208,64) 1px;

	background: black url("../img/credit_bar.jpg") top repeat-x;


	margin-bottom:0px;
}

#contact_bar a{
	color:gold;
}
#contact_bar a:hover{
	color:yellow;
}

#contact{
	width:830px;
	padding:30px 10px;
	margin:0 auto;
	text-align:left;
}


#contactinfo{
	width: 250px;
	background: rgb(101,65,48);
}

#mtext{
padding:0px 20px;
height:0px;
}


/* Classes
------------------------------------------*/


.padded{
	padding:15px;
	padding-top:5px;
}

.printonly{
	display:none;
}

.infobox{
	background:url(img/smallbox.png);
	width:223px;
	height:173px;
	padding:10px;
	padding-right:15px;
	overflow:hidden;
	margin:0px 10px;float:left;
}
.infobox div{
	width:223px;
	height:125px;
	overflow:auto;
}

.db_code img{
	display:inline;
}

.grey_box{
	background:rgb(240,240,240);
	border:solid rgb(220,220,220) 1px;
	padding:10px;
	width:90%;
	margin:0px auto;
}

.logo_image{
	margin: 10px 0px 15px -5px;
}