/*SIMPLE CSS RESET FOR ITEMS WE WILL USE JUST FOR THIS EXAMPLE.
PLEASE USE FULL RESET WHEN DESIGNING!
RESETING THE MARGIN AND PADDING IS IMPORTANT FOR THE BODY TAG SO THE
HEADER AND FOOTER WILL HUG THE WHOLE SCREEN.*/


/* wwww.meredithcampbelart.com

author: Ray Polito for Confluence Media*/


html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,img,
fieldset, form, label, legend, caption, tbody, tfoot, thead
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; 
}

/*JUST VISUAL STYLES*/
body {
	background:#535353;
	font: 100% verdana, sans-serif;
	margin:0;
	padding:0;
	
	}
a:link {
	color: #9999cc;
}
a:hover {
	text-decoration: none;
	color:#ccccff;
}
a:visited {
	color: #999;
}

.smaller {
	font-size: 80%;
}

.smallest {
	font-size: 60%;
}
/*OUR FULL LENGTH HEADER.
WE ALIGN THE TEXT CENTER SO IT SHOWS UP IN THE MIDDLE.
IF YOU PREFER YOU COULD RIGHT OR LEFT ALIGN IT.*/	
#headerbg {
	background-color:#32312c;
	text-align:center;
	padding:0;
	/*background-image:url(images/layout/headerBg.gif);
	background-repeat: repeat-x;
	*/
	margin: 0;
	height: 65px;
	border-bottom: #666 solid 1px;
	width: 100%;
}
.centering {
	margin: 0 auto;
	width: 800px;
}
h1 {
font-size: 10%;
text-align: right;
	margin:0;
	padding:0;
	color: #32312c;
}
h2 a:link {
	padding: 5px 0 0 10px;
	font-size: 80%;
	color: #999966;
}
h2 a:visited {
	color: #bbb;
	font-size: 80%;
}

h2 a:hover {
	color: #FFF;
	font-size: 80%;
}


h3 {
	font-size: 90%;
	color: #9999cc;
	padding: 5px 0 0 30px;
}
h5 {
	font-size: 80%;
	padding: 0;
	margin: 0;
}	
.logo {
text-align: right;
width: 800px;

}
/*CENTER CONTENT*/	
#container { 
background:#535353;
	margin:0 auto;
	width:800px;
	padding: 0;
	}

/*FULL WIDTH FOOTER*/
#footer {
	/* background:#32312c;*/
	padding: 30px 10px 10px 10px;
	text-align:center;
	font-size: 80%;
	color: #32312c;
	height: 50px;
	border-top: #666 solid 1px;
	}
	
#left {
	float:left;
	width:120px;
	background: none;
	padding: 0;
	margin: 0;

}
#mid {
float:left;
	width:680px;
	background: none;
	padding: 0;
	margin: 0;

}
#rigtht {
float:left;
	width:1px;
	background: none;
	padding: 0;
	margin: 0;
}

#footer p {
	width: 800px;
	text-align:right;
}

/*IF YOU ARE GOING TO USE FLOATS THEN YOU WILL NEED TO CLEAR THE
FOOTER SO IT DOESN'T BUNCH THE CONTENT UP*/
.clear {clear:both;}

#mid p {
	color: #9999cc;
	font-size: 80%;
	padding: 5px 0 0 30px;

}
.right {
	text-align: right; !important
	
	}


#mid h2 {
	font-size: 110%;
	color: #9999cc;
	padding: 5px 0 0 20px;
}

#mid .title{
	font-size: 80&;
	
}
/* TopNav
------------------------------------------------------------------*/ 

#topNav {
	font-size: 100%;
	height: 4px;
	background-color: #43413b;
	/*width: 790px;*/
	text-align: center;
	
	/*background-image: url(images/layout/body_stripe.gif);
	background-repeat: repeat-x;*/

	border-bottom: #666 solid 1px;
	
	margin:0;
	padding:0;
}

#topNav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#topNav ul li {
	display: inline;
	padding:0 13px 0 14px;
}

#topNav a {
	border:0;
	text-decoration:none;
	color: #EBEBEB;
	}
	
#topNav a:hover {

	text-decoration:none;
	color: #ffffff;
	}
	
#skip ul{
	float:right;
	text-align:right;
	padding:0 0px 0 14px;
	}
	
	#otherNav {
	padding: 5px 0 5px 120px;
	background-color: #FF0000;
	}
/* --------------- navCat ---------*/
#navcontainer { 
	padding: 0px; 
	margin: 0px;
	border: 0px; 

} 

.navlist a {
	color: #9999cc;
	background: #716f63;
	padding: 3px 0 3px 15px;
	margin: 0px 0 1px 0;
	border-bottom: 1px solid #585858;
	display: block;
	text-decoration: none 
}

.navlist a.current {
	color: #bbb;
	font-weight: bold;
	background: none;
 }
.navlist a:hover {
	color: #ccccff;
	background-color: #747474; 
}



.navlist {
	
	font-size: 70%;
	margin: 5px 0 0 0px;
	padding-left: 0;
	list-style: none;
	width: 115px;
}

.navlist a.sub {
	color: #ccc;
	background: none;
	padding: 0 0 0 30px;
 }
.navlist a.subCurrent {
	color: #9999cc;
	background: none;
	padding: 0 0 0 30px;
 } 
 
.rtFloat {
	float: right;
margin: 20px; !important

}

.ltFloat {
	float: left;
margin: 20px; !important

}
.noPad  {
	color: #9999cc;
	font-size: 80%;
	padding: 5px 0 0 0;

}

table {
	padding: 5px 0 0 30px;
}

.title {
	padding:0 0 0 15px;
	font-size: 80%;
	color: #999966;
}