@charset "UTF-8";
/* CSS Document */

/* This was webcom's "example10.css" before I messed with it. */

body {
	margin:0px 0 0 0;
	padding:0;
	background-color:#e3e2e2;
	font-size:small;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;

}


a img {
	border:1px solid #666;
}

img {
clear: none;
float: left;
margin: 0px 20px 10px 12px;
padding: 1px;
}

.border_image {
	border:1px solid #000000;
	padding:1px;
}
h1 {
	font-size:160%;
	margin: 50px 10px 6px 10px;
	padding:0;
	color:#666;
}


h2 {
	font-size:140%;
	color:#600;
	margin:10px 10px 10px 10px;
	padding:0;
	clear:both;
}

h3 {
	font-size:120%;	
	margin:10px 10px 10px 10px;
	padding:0;
}

h4 {
	font-size:110%;
	margin:10px 10px 10px 10px;
	padding:0;
}

h5 {
	font-size:100%;	
	margin:10px 10px 10px 10px;
	padding:0;
}

h6 {
	font-size:100%;	
	margin:10px 10px 10px 10px;
	padding:0;
}


p {
	font-size:100%;
	margin:10px 10px 10px 10px;
	padding:0;
}

#wrapper {
	background-color:#FFF;
	width:960px;
	margin: 0 auto 0 auto;
	border:1px solid #666;
	border-top:none;
}




#navigation {
	float:left;
	width:100%;
	background-color:#740000;
	text-align:center;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px 0 0px 0;
	padding: 8px 0 8px 0;
}




#navigation ul {
	float:left;
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:100%;
	list-style:none;
}



#navigation li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 6px 10px 6px 10px;
	border-right:1px solid #b8b7b7;
	padding: 6px 0 6px 0;
}



#navigation li.lastitem {
border:none;
}




#navigation_bottom {
	float:left;
	width:100%;
	background-color:#840b00;
	text-align:center;
	background-image: url(../images/nav_bg_bot.jpg);
	background-repeat: repeat-x;
	margin: 0px 0 0px 0;
	padding: 8px 0 8px 0;
}




#navigation_bottom ul {
	float:left;
	text-align:center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width:100%;
	list-style:none;
}



#navigation_bottom li {
	display:inline;
	margin: 0px 0px 0 0px;
	padding: 6px 10px 6px 10px;
	border-right:1px solid #b8b7b7;
	padding: 6px 0 6px 0;
}


/* COLUMN ID LAYOUT RULES. */



#colone {
	float:left;
	margin: 5px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	
	background-color:#FFF;
}

#coltwo {
	float:left;
	margin: 5px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	border-left:1px solid #CCC;
	background-color:#FFF;
}

#colthree {
	float:left;
	margin: 5px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	
	background-color:#FFF;
}

#colfour {
	float:left;
	margin: 5px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
}

#colfive {
	float:left;
	margin: 5px 0px 0px 10px;
	padding: 0px 10px 10px 10px;
	
	background-color:#FFF;
}



/* IMAGE CLASSES */



.img_right {
	margin: 5px 0px 0px 10px;
	padding: 1px;
	border:none;
	float:right;
}

.img_align_left {
	float:left;
	margin:16px 16px 4px 0px;
	}


/* COLUMN CLASS WIDTHS. */



.width120 {
	width: 120px;
}

.width240 {
	width: 240px;
}


.width300 {
	width: 280px;
}

.width460 {
	width: 460px;
}


.width600 {
	width: 600px;
}




/* Global Navigation link behaviors. */

#navigation a:link {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
font-size:120%;
}

#navigation a:visited {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation a:hover {
color:#FC3;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation a:active {
color:#ccc;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}


#navigation_bottom a:link {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
font-size:120%;
}

#navigation_bottom a:visited {
color:#fff;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation_bottom a:hover {
color:#FC3;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}

#navigation_bottom a:active {
color:#ccc;
text-decoration:none;
margin:0px 20px 0 20px;
padding: 10px 10px 10px 10px;
}