/*black background*/
#wrapper {
	position: relative;
		top: 15px;
	height: 100%;
	width: 780px;
	margin:  auto;
			padding:0px;
	 background: #99CCCC 
} 

#wrapper a {
	border: 0px;
}

#wrapper a:visited {
	border: 0px;
}

#wrapper a:hover {
	border: 0px;
}

/*text area not masthead*/
#insideWrapper {
	position: relative;
	overflow: auto;

	top: 2px; 
	height: 440px;
	width: 780px;
	margin: 0px;
	background-color: #99CCCC;
	text-align: left;
}

#insideWrapper:after{
content: "."; 
display: block; 
line-height: 1px; 
font-size: 1px; 
clear: both;}
#sidebar li {
 list-style: none;
 }

.left {
	float: left;
	margin: 0px 10px 0px 10px;
}

.right {
	float: right;
	margin: 0px 10px 0px 10px;
}

#masthead {
	position: relative;
	top: 0px;
	background: url('images/COLNSF_homepage_02.gif');
 	width: 780px;
 	height: 106px;
	margin: 0px;
	margin-top: 0px;
}

#masthead a {
	color: white;
	border: 0px;
}

#masthead a:visited {
	color: white;
	border: 0px;
}

#masthead a:hover {
	color: white;
	border: 0px;
}

.centeredImage {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}

#footer {
	font-size: 8pt;
		height: 50px;
	overflow: hidden;
	position: relative;
	color: #000;
	top: 0px;
	width: 100%;
	margin: 0px;
	margin-top: 1px;
	 border-top: solid 1px #CCDFEC;
	text-align: center;
}

#subfooter {
	height: 1px;
	position: relative;
	top: 0px;
	width: 100%;
	margin: 0px;
	margin-top: 1px;
}

#footer a {
	color: #000;
}

#footer a:visited {
	color: #000;
}

#footer a:hover {
	color: #ff3333;
	border: 0px;
}

.sep {
	position: relative;
	background: url('images/sep.jpg');
 	width: 102px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	left: 102px;
	text-align: center;
}

#sidebar a {
	color: #000;
}

#sidebar a:visited {
	color: #000;
}

#sidebar a:hover {
	color: #999;
}

#sidebarright a {
	color: #000;
}

#sidebarright a:visited {
	color: #000;
}

#sidebarright a:hover {
	color: #999;
}

.commentBox {
	position: relative;
	margin: 0 auto;
	width: 90%; 
	background-color: #f5f5f5; 
	text-align: left; 
	border: 1px solid #999; 
	padding: 5px;
}

.cite {
	font-size: 8pt;
line-height: normal;
	color:#666;
}


input {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	padding: 0px;
}

h2 {
	color: #666;
	font-size: 16px;
	text-align: left;
}
h3 {
	font-family: 'Arial Black';
	color: #333;
	font-size: 10pt;
line-height: 0.1em;
	text-transform: uppercase;
}

blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 8px;
	color: #666;
}

.footerLink {
	color: #666;
	text-decoration: underline;
}

a.footerLink {
	color: #666;
	text-decoration: underline;
}

a.footerLink:visited {
	color: #666;
	text-decoration: underline;
}

a.footerLink:hover {
	color: #999;
	text-decoration: underline;
}

.title {
	font-family: 'Arial Black';
	color: #333;
	font-size: 10pt;
line-height: normal;
	text-transform: uppercase;
	
}

a.title {
	color: #333;
}

a.title:visited {
	color: #333;
}

a.title:hover {
	color: #999;
	border: 0px;
}

.commentPos {
	font-family: 'Arial Black';
	font-size: 7pt;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
}

a.commentPos {
	font-family: 'Arial Black';
	color: #ff3333;
}

a.commentPos:visited {
	color: #ff3333;
}

a.commentPos:hover {
	color: #000;
	border: 0px;
}

a {
	color: #ff3333;
	text-decoration: none;
}

a:visited {
	color: #ff3300;
	text-decoration: none;
}

a:hover {
	color: #394651;
	text-decoration: none;
	border-bottom: 1px dashed #394651;
}


/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}
/* End Contact Form CSS */

#menuwrapper {
	clear: both;

	background-color: #000;
	z-index:1;
	position: relative;
	overflow: visible;
	top: 0px;
		text-align:left;

	color: #fff;
	background: #000;
	margin: 0px;
	margin-top: 0px;
		border: 0px;
		align: left;
}

#mainmenu {
color: #fff;
align: left;
	width: 60em;
}
#mainmenu, #mainmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
font:100%/1 sans-serif;

}
#mainmenu a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 3px 10px;
	border-right: 1px solid #333;
font:100%/1 sans-serif;
color: #fff;
align: left;
}
#mainmenu a.trigger {
	padding: 5px 16px 5px 10px;
	
}
#mainmenu li {
	float: left;
	align: left;
	width: 16em;
}
#mainmenu li ul, #mainmenu ul li  {
	width: 16em;
}
#mainmenu ul li a  {
	color: #fff;
	border-right: 0;
	padding: 4px 12px 3px 8px;
	font:95%/1 sans-serif;

}
#mainmenu li ul {
	position: absolute;
	display: none;
	background-color: #99CCCC;
	
}

#mainmenu li:hover a, #mainmenu a:focus,
#mainmenu a:active, #mainmenu li.mmhover a {
	color: #000000;
	background-color: red;
	
}
#mainmenu li:hover ul, #mainmenu li.mmhover ul {
	display: block;
}
#mainmenu li:hover ul a, #mainmenu li.mmhover ul a {
	color: #000000;
	background-color: transparent;
}
#mainmenu ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#mainmenu li {width: auto;}


.clearout {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}