/* Layout */
body {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #ffffff;
	font: 0px Arial, Tahoma, sans-serif;
	line-height: 200%;
	color: #333;
	}

#header {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 615px;
	height: 87px;
	background: url(images/header.gif) top left;
	}

#banner {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 615px;
	height: 124px;
	background: url(images/banner.gif) top left;
	}

#mainMenu {
	margin: 3px auto 0px auto;
	padding: 0px;
	width: 615px;
	height: 27px;
	background: url(images/menubar.gif) top left;
	font: 12px Arial, Tahoma, sans-serif;
	color:#888;
	
	}

/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float: left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
width: 80px; 
height:2em;
color:#999; 
line-height:2.5em;
padding-left:10px; 
margin-right:2px;
}

* html .menu ul li a, .menu ul li a:visited {
width:80px;					/*underline bar when hover*/
w\idth:80px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;

}

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#999;
border-bottom:3px solid #6c0;
}
/* make the drop down menu show and correctly position it (border lines)*/
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:13px;
left:0; 
width:88px;
border:1px solid #888;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background:white;
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em;
padding:5px; 
width:78px;
w\idth:78px;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#66cc00; 
color:#333;
}


#layoutLogic {
	margin: 0px auto 0px auto;
	width: 615px;
	position: relative;
	padding: 0px;
	background-color: #ffffff;
	background: url(images/container.gif) top left repeat-y;
	min-height: 350px;
	height: auto;
	}
	
.section {
	margin: 0px auto 0px auto;
	width: 100%;
	font: 12px Arial, Tahoma, sans-serif;
	}
	
.col-A, .col-B {
	float:left;
	overflow: auto; /*inherit*/
	position: relative;
	}
.col-A {
	display: block;
	margin: 10px 0px 10px -1px;
	padding-left: 30px;
	padding-right: 5px;
	width: 375px;
	border-right: 1px solid black;
	}
.col-B {
	margin-top: 10px;
	display: block;
	padding-left: 12px;
	padding-top: 10px; /*padding again after margin at class .col-A, .col-B*/
	width: auto;
	/*border-left: 1px solid black;*/
	}
.clear {
	clear: both;
	}
	
#footer {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 615px;
	height: 27px;
	background: url(images/footer.gif) top left;
	text-align: right;
	}

#copyright {
	margin: 0px;
	padding: 1px 15px 0px 0px;
	color: #000000;
	font: 10px Century Gothic, Tahoma, sans-serif;
	}
  
/*
------------------------------------------------------------------------------------------------------
Body Text
------------------------------------------------------------------------------------------------------
*/

p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font: Century Gothic, Courier, monospace;
	font-size: 20px;
	color: #00CC00;
	width: 100%;
	}

h2 {
	margin: 0px 0px 5px 0px;
	padding-left: 38px;
	font: Century Gothic, Courier, monospace;
	font-size: 15px;
	color: #111111;
	}

h3 {
	margin: 0px 0px 5px 0px;
	padding-left: 88px;
	font: Century Gothic, Courier, monospace;
	font-size: 15px;
	color: #111111;
}

h4, h5, h6 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font: Century Gothic, Courier, monospace;
	font-size: 15px;
	background-color: #ffffff;
	color: #111111;
	}

h11 {
	margin: 0px;
	padding: 0px;
	color: #111111;
	}
	
h12 {
	font-size: 13px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	color: #111111;
	}
	
#linkpadding{
	margin: 0px;
	padding-left: 18px;
	}

a {
	margin: 0px;
	padding: 0px;
	color: #222222;
	font-weight: normal;
	text-decoration: none;
	}

a:visited {
 	color: #222222;
	font-weight: normal;
	text-decoration: none;
	}
	
a:hover {
 	color: #009900;
	font-weight: normal;
	text-decoration:none;
	}
	
a:active {
	color: #009900;
	font-weight: normal;
	text-decoration: none;
	}
	
img {
border:none;
}

#trough{
margin-bottom:10px;
}

#trough ul{
float:left;
width:30%;
list-style-type:none;
}
#trough ul.col1{
margin-left:30px;
_margin-left:30px;
}