/* CSS Document */


* { margin:0; padding:0; }
body { background: url(images/backgrounds/background.jpg) repeat-x; }
img { border:none; }
ul { list-style: none; }

#container { width: 900px; margin: 0 auto; }

#header { width: 897px; height: 79px; background: url(images/backgrounds/header.jpg) no-repeat; padding: 30px 0 0 3px;}
	#header h1 { width: 215px; float:left;  }
	#header h1 a { display: block; background:url(images/logo.jpg) no-repeat; width: 215px; height: 58px; }
	#header ul { text-align: right; }
	#header ul li { display:inline; margin: 0 25px 0 0; }

	
	#header ul #home {  background: url(images/icons/home.gif) no-repeat; padding: 0 0 3px 24px; }
	#header ul #home a { color: #57707b;  }
	#header ul #amberAlert {  background: url(images/icons/alert.gif) no-repeat; padding: 0 0 3px 24px; }
	#header ul #amberAlert a { color: #d58d37; }
	
#priNav { width: 900px; padding: 2px 0 0 0; height: 27px; }
#priNav li { xtext-indent:-2000px; float: left; display: inline;
}
#priNav li a { display: block; float:left; padding: 0; text-indent: -10000px; height: 27px;}
	#priNav li a:hover, #priNav li a#current { background-position: 0 -27px; }

	#pnAbout a { background:url(images/menu/about.gif); width: 90px;}
	#pnBoard a { background:url(images/menu/board.gif); width: 159px; }
	#pnConf a { background:url(images/menu/conf.gif); width: 109px; }
	#pnHuman a { background:url(images/menu/human.gif); width: 165px; }
	#pnExcel a { background:url(images/menu/excel.gif); width: 153px; }
	#pnMember a { background:url(images/menu/member.gif); width: 101px; }
	#pnBroad a { background:url(images/menu/broad.gif); width: 123px; }

#priNav li ul {
	position: absolute;
	left: -999em;
	margin-top: 26px;
	background: #effafe;
	padding: 0;
	margin-left: 0;
}

#priNav li ul li{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#priNav li:hover ul,  #priNav li.sfhover ul {
	left: auto;
}

#priNav #pnConf.sfhover ul{
	margin-left: -137px;
}

#priNav #pnHuman.sfhover ul{
	margin-left: -137px;
}

#priNav #pnExcel.sfhover ul{
	margin-left: -153px;
}

#priNav #pnMember.sfhover ul{
	margin-left: -101px;
}

#priNav li ul a{
	text-indent: 0;
	display: block;
	background: none;
	padding: 5px;
	font-weight: bold;
	float: none;
	width: auto;
	margin:0;
	height: auto;
	text-decoration: none;
}

#priNav li ul a:hover{
	color: white;
	background: #ccc;
}

#breadcrumb { margin: 12px 0 20px 5px; }

#content { width: 900px; overflow:auto; padding: 20px 0 20px 0; height: auto; }
	#content h1,h2,h3,h4,h5,p,ul,ol,table { margin: 0 0 14px 0; }
	
	#col1 { width: 600px; float:left; padding: 0 90px 0 0;  }
		#col1 img { margin: 0 10px 10px 0; }
		#col1 .cBlock { margin: 50px 0 20px 0; overflow: auto; padding: 0 0 20px 0;}
			#col1 .cBlock img { float: left; }
			#col1 .cBlock div { margin: 0 0 0 60px; }
		#col1 .spacer {  border-bottom: dotted 1px #9c9c9c; }
	
		#col2 { width: 136px; height: 251px; float:right; background: url(images/backgrounds/sidebar.jpg) no-repeat; padding: 17px; }
			#col2 h1#contact { padding: 0 0 0 20px; background: url(images/icons/contact.gif) no-repeat; }

#qLinks { width: 900px; background: #e5f5fc; }
	#qLinks div { padding: 20px;}
	#qLinks img { margin: 0 10px 10px 0; }
	#qLinks .subpage { width:410px; float: left;}
	
#footer { width: 900px; text-align: center; padding: 85px 0;}
	#footer ul { margin: 0 0 6px 0;}
	#footer li { display:inline;}
	
.clearfix {display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
/***************************************************************************************
*  Typography (Text & Colors)
***************************************************************************************/
body { font-family: Verdana, Arial, Helvetica, sans-serif; }
p, ul, ol, blockquote, table { font-size: 10px;line-height: 16px; color: #545454; }
a { color: #00a1e4; text-decoration: underline; }
a:hover { text-decoration: none; }

#header h1 { text-indent: -3000px; }
#header ul { font-size: 13px;}
#header ul a, #breadcrumb a { text-decoration:none; }
#header ul a:hover, #breadcrumb a:hover { text-decoration:underline; }

#col1 p, #col1 ul, #col1 ol, #col1 blockquote, #col1 table { font-size: 12px; }
#col1 h1 { font-size: 20px; color: #545454; font-weight: normal; border-bottom: dotted 1px #9c9c9c; }
#col1 h2 { font-size: 14px; color: #00a1e4; font-weight: normal; text-transform: uppercase; }
#col1 h2 .date { font-size: 10px; color: #545454; }

#col2 h1 { font-size: 16px; font-weight: normal; color:#00a1e4; border-bottom: dotted 1px #00a1e4; }
#col2 p { font-size: 10px; line-height: normal;}

#qLinks h1 { color: #545454; font-weight: normal; font-size: 16px; margin: 0 0 10px 0;}