*{
	padding: 0;
	margin: 0 auto;
}

body {
	background: #232325 url('/media/webdesign/images/mainbg.png') repeat-x top;
	width: 100%;
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-stretch: normal;
	font-weight: normal;
	line-height: 1.88889em;
	text-align: center;
}

#wrapper {
	background: #fff url('/media/webdesign/images/contentbg.png') repeat-x top;
	width: 963px;
	_text-align: left;
}

#header { 
	background: url('/media/webdesign/images/header.jpg') no-repeat;
	width: 963px;
	height: 189px;
}

#subheader { 
	background: url('/media/webdesign/images/subheader.jpg') no-repeat;
	width: 963px;
	height: 175px;
}

#topcontent {
	background: url('/media/webdesign/images/topcontent.png') no-repeat;
	width: 963px;
	height: 6px;
}
/*** STANDARD TAGS *******/
h1 {
	color: #292d30;
	text-align: left;
	border-bottom: thin dotted #3f1e15;
	text-indent: 10px;
}
strong {
	color: #0085e1;
}
h2 {
	padding: 10px;
}
p {
	border: 10px solid transparent;
}

.p1 {
	background: #e7eaee url('/media/webdesign/images/user.png') no-repeat top left;
	text-indent: 40px;
	text-align: left;
}

.p2 {
	background: #d3deee url('/media/webdesign/images/user.png') no-repeat top left; 
	text-align: left;
	text-indent: 40px;
} 

.p3 {
	background: #3d4042; 
	text-align: left;
	color: #fff;
}


.p3 a {
	text-decoration: none;
	color: white;
}
.p3 a:hover {
	text-decoration: none;
	color: white;
}

ol {
	padding-left: 30px;
	padding-top: 10px;
}

a {
	text-decoration: none;
	color: #292d30; 
}

a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
/***** FLOATING IMAGES ********/
.leftimage { 
    float: left; 
    padding: 0px 10px 0 0; 
}
 

.rightimage { 
    float: right; 
    padding: 4px 0 0 10px; 
}

.tableimg {
	padding: 0px 20px 25px 0px;
} 

hr {
	background: url('/media/webdesign/images/hrline.gif') no-repeat;
	width: 850px;
	height: 6px;
	border: none;
	padding-bottom: 20px;
	 
}
	
/*************    CONTACT FORM       *************/
#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #a6c2ec;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/************** Left-Rounded Corner Box here *********************/
.lbox { 
	background: #d3deee; 
	float: left;
	width: 100%;
	margin: 20px 10px 10px 10px;
}

.lboxtop { 
  	background: url('/media/webdesign/images/ne.gif') no-repeat top right; 
}
.lboxtop div { 
  	font-size: 0;
  	height: 10px; 
  	background: url('/media/webdesign/images/nw.gif') no-repeat top left; 
}
.lboxbottom { 
  	background: url('/media/webdesign/images/se.gif') no-repeat bottom right; 
}
.lboxbottom div { 
  	font-size: 0;
  	height: 10px; 
  	background: url('/media/webdesign/images/sw.gif') no-repeat bottom left; 
}
.lboxcontent {
  	padding: 0px 10px 0px 20px;
}
/**************        TABLE STYLE         ******************/

#on table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	padding: 50px 0 20px 0;
}

#on table th { 
	text-align: center;

	padding: 10px;
	border: 1px solid #a4afb4;
	background: #4f4f4f;
	color: #ffffff;
}

#on table td {
	text-align: center;
	padding: 2px;
	border: 1px solid #a4afb4;
	
}

#on table td.alt {
	background: #c7e8f2;
}
/************************** Top Navigation   ****************/
#topmenu { 
	background: url('/media/webdesign/images/topnav.jpg') no-repeat;
	width: 963px;
	height: 35px;
}

.top-menu {
	text-align: left;
	overflow: hidden;
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;	
	padding: 9px 3px 2px 50px;

}
.top-menu li{
	background: url('/media/webdesign/images/menutab.png') no-repeat left;
	list-style-type: none;
	display: inline;
	margin: 0;
}
.top-menu li a{
	color:#2f2d2d;
	text-decoration: none;
	padding: 12px 23px 10px 23px;
}

.top-menu li a:hover{
	background:#696d64;
	color: white;	
}

.top-menu li a.current{
	background:#2c313d;
	color: white;	
}

.top-menu li a.current:hover{
	background:#2c313d;
	color: white;	
}


/***************** End of top navigation ***********************/
.subcontent {
	width: 100%;
	padding-top: 10px;
}
.subtitle {
	float: left;
	width: 700px;
	padding-left: 20px;
	text-align: left;
}
.subtitle a {
	color: #0085e1;
	text-decoration: none;
	list-style-type: none;
}
	
.subtitle a:hover {
	color: #171616;
	text-decoration: underline;
}
/*************************   searchbox   ***********************/

.searchform {
	float: right;
	padding-right: 10px;
}

#textbox {
	background: white;
	width: 165px;
	height: 13px;
	padding: 5px 5px;

}

/***************** END of  searchbox   ********************/	

/**********************   input boxes    *******************/
.inputbox {
	width: 151px;
	height: 20px;
	font-size: 12px;
	padding-top: 0px;
	text-indent: 1px;
        border: 1px solid;
}

/********************   END of input boxes  *******************/

/********* Side Content ***********/	
.side-content {
	width: 160px;
	padding: 20px 0 20px 0px;
	background: #fff;
}
		
 .side-content a {
	color: #171616;
	text-decoration: none;
	list-style-type: none;

}
.side-content a:hover {
	color: #171616;
	background:#fff;
	text-decoration: underline;
}

.side-content ol {
	padding-left: 20px;
}
/********* End of Side Content ***********/

/********************Boxes************/
dl {
	width: 100%;
	margin: 0px 0 20px 0px;
	padding: 0;
	border: 1px solid #ccc;
	}
	
dl a {
	color: white;
}


dt {
	background: #4f4f4f;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 120%;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-indent: 40px;
	}

dd {
	margin: 0 0 0 0px;
	padding: 0 10px 10px 10px;
	color: #14b10;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	}
	
dd a {
	text-decoration: none;
	color: #fff;
}

dd a:hover {
	text-decoration: none;
	color:#fff;
}

dd img a {
        text-decoration: none;
	color: #fff;
}

dd img a:hover {
        text-decoration: none;
	color: #fff;
}
#blue dt {
	background-color: #69c;
	}

#blue {
	background-color: #9cf;
	}

#red dt {
	background-color: #933;
	}

#red {
	background-color: #c99;
	}

#green dt {
	background-color: #9c6;
	}

#green {
	background-color: #cf9;
	}
#green dt {
	background-color: #9c6;
	}

#green {
	background-color: #cf9;
	}


/***************END OF BOXES***************/




/***************************** Login Form ***********************/
#login {
	background: url('/media/da/images/loginbox.gif') no-repeat;
	width: 178px;
	height: 199px;
	padding: 70px 0px 0px 10px;
	color: #1e150f;
}

.submit {
	background: url('/media/da/images/loginbutton.gif') no-repeat;
	width: 96px;
	height: 26px;
	margin-top: 5px;
	border: none;	
}

/*** end of login form ***/

/********************* middle for 3 columns ***********************/
.middle-column {
        text-align: left;
	float: left;
	width: 680px;
	color: #2f2f33;
	padding: 20px 0px 20px 20px;
	_padding: 20px 0px 10px 10px; /* this did the trick. Only IE6 should process this line */
}		
	
	
.middle-column a {
	color: #0085e1;
	text-decoration: none;
	list-style-type: none;
}
	
.middle-column a:hover {
	color: #171616;
	text-decoration: underline;
}

.portfolio {
	width: 680px;
	padding: 10px;
	color: #2f2f33;;
}

.portfolio a {
	color: white;
}
	
.portfolio a:hover {
	color: white;
}	
	
/************************ Right Menu ****************************/

.right-column {
	float: right;
	width: 200px;
	font-size: 12px;
	text-align: justify;
	padding: 20px 20px 20px 0;
}


/*************************** END of left menu ****************/


#clear {
    display: block;
    clear: both;
    width: 100%;
    height:1px;
    overflow: hidden; 
}


/***************** Begin of FOOTERmenu ******************/

#footer {
	background: #232325;
	width: 963px;
}

.footernav {
	overflow: hidden;
	padding-top: 10px;
	text-align: center;
}

.footernav li {
	display: inline;

}

.footernav li a {
	display: inline;
	text-decoration: none;
	padding: 8px 15px; /*padding inside each tab*/
	color: #B3B3B3;	
}

.footernav li a:visited{
	color: #ffffff;
}

.footernav li a:hover {
	color:#ffffff;
	background:#333;
	text-decoration: none;
}

.credit{
	color: #ffffff;
	padding: 10px;
}

.credit a {
	text-decoration: none;
	color: #fff;
}

.credit a:hover {
	text-decoration: underline;
	color: #fff;
}

/************ 3  columns ***********/
#bottom-column {
	width: 963px;
}
.col3,.col3center ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.col3,.col3center ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
	border-bottom: thin dotted #3f1e15;
}

.col3,.col3center ul li a {
	color: #292d30;
	text-align: left;
	display: block;
	text-decoration: none;
}

.col3,.col3center  a:visited {
	color: black;
}

.col3,.col3center a:hover { /*hover state CSS*/
	color: #292d30;
}

.col3,.col3center {
	text-align: left;
	float: left;
	width: 30%;
	padding-left: 20px;

}
.col3center {
	margin: 0 3%;
	}