/***************************************************************
	UCF style sheet
***************************************************************/

@import url(reset.css);
@import url(typography.css);
@import url(grid.css);

a { outline: none;}

/***************************************************************
	container
***************************************************************/

div#topBox {
	background: #1c1d50 url(/images/tileTop.jpg) repeat-x;
	height:48px; 
	margin-bottom:20px;	
}

h1#hdr_healthquest {
	margin-top: 10px;
	width:166px;
	float:left;
	position: relative;
	height: 27px;
	background: transparent url(/images/btn_1.gif) left top no-repeat;
}

h1#hdr_healthquest a {
	display: block;
	height: 0;
	padding-top: 27px;
	font-size: 1px;
	overflow: hidden;
	background: transparent;
}


#top_btn_right { width:332px; float:right; margin-top: 10px;}

#top_btn_right ul { margin: 0; padding: 0;}

#top_btn_right li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

#top_btn_right li a {
	display: block;
	font-size: 1px;
	height: 0;
	padding-top: 24px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

#top_btn_right li#btn_help { width: 47px; background-image: url(/images/nav1.gif); }
#top_btn_right li#btn_ask { width: 54px; background-image: url(/images/nav2.gif); }
#top_btn_right li#btn_selftests { width: 67px; background-image: url(/images/nav3.gif); }
#top_btn_right li#btn_resources { width: 72px; background-image: url(/images/nav4.gif); }
#top_btn_right li#btn_logout { width: 52px; background-image: url(/images/nav5.gif); margin-right: 0;}

#header { 
	height:66px; 
	border-bottom: 1px solid #1a3979; 
	margin-bottom: 20px;
	position: relative;
}

#logoTop {
	width:767px;
	float:left;		
	height: 0px;
	padding-top: 66px;
	font-size: 1px;
	overflow: hidden;
	background: transparent url(/images/frostburg_logo.jpg) top left no-repeat;
	
}


div#logoBot{ height: 80px; background: transparent url(/images/frostburg_logo.jpg)  center no-repeat; }


div#footer { 
  border-top:#CBCCCD 1px solid;
  margin-top:10px;
  padding-top:10px;
  text-align: center;
  color: #5b6495;
}
	

div#footer ul { margin: 0px; padding: 0px; }
	
div#footer li { display: inline;}

div#footer a { color: #5b6495; text-decoration: none; }

div#footer p { margin-bottom: .5em;}



/***************************************************************
	index page
***************************************************************/

div#category-buttons ul { list-style: none; padding: 0; margin: 0;}

div#category-buttons li {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 250px;
	height: 120px;
}

div#category-buttons li a {
	display: block;
	width: 250px;
	height: 0;
	padding-top: 120px;	
	font-size: 1px;
	overflow: hidden;
	
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

div#category-buttons div#category-2 a { background-image: url(/images/category-relationships.jpg); }
div#category-buttons div#category-3 a { background-image: url(/images/category-mood.jpg); }
div#category-buttons div#category-4 a { background-image: url(/images/category-stress.jpg); }
div#category-buttons div#category-5 a { background-image: url(/images/category-alcohol.jpg); }
div#category-buttons div#category-6 a { background-image: url(/images/category-nutrition.jpg); }
div#category-buttons div#category-7 a { background-image: url(/images/category-anger.jpg); }
div#category-buttons div#category-8 a { background-image: url(/images/category-sexual-health.jpg); }
div#category-buttons div#category-9 a { background-image: url(/images/category-trauma.jpg); }
div#category-buttons div#category-0 a { background-image: url(/images/category-astra.jpg); }

div#category-buttons li#category-2 a { background-image: url(/images/category-relationships.jpg); }
div#category-buttons li#category-3 a { background-image: url(/images/category-mood.jpg); }
div#category-buttons li#category-4 a { background-image: url(/images/category-stress.jpg); }
div#category-buttons li#category-5 a { background-image: url(/images/category-alcohol.jpg); }
div#category-buttons li#category-6 a { background-image: url(/images/category-nutrition.jpg); }
div#category-buttons li#category-7 a { background-image: url(/images/category-anger.jpg); }
div#category-buttons li#category-8 a { background-image: url(/images/category-sexual-health.jpg); }
div#category-buttons li#category-9 a { background-image: url(/images/category-trauma.jpg); }
div#category-buttons li#category-0 a { background-image: url(/images/category-astra.jpg); }



div#category-buttons li.last { margin-right: 0; }
div#category-buttons li.top { margin-top: 0;}

div#two-col-wrapper {
	float: left;
	margin-right: 10px;
	width: 510px;
}

div#category-buttons li.featured-category { 
	float: left;
	margin-right: 10px;
	margin-top: 0;
	width: 510px;
	height: auto;
	border-width: 0;
}

div#category-buttons div.adjacent-featured { 
	float: left;
	margin-right: 0;
	margin-top: 10px;
	width: 250px;
	height: 120px;;
}

div#featured-category-image {
	height: 250px;
	width: 510px;
	float: left;
	background:  #336 url(/images/category_healthy_big.jpg) 3px 3px no-repeat;
}

div#category-buttons div#featured-category-image a { 
	display: block;
	height: 0;
	padding-top: 250px;
	width: 510px;
	font-size: 1px;
	overflow: hidden;
	background: transparent;
}

div#category-buttons div#featured-category-blurb h5 a { 
	color: #fff;
	display: inline;
	padding-top: 0;
	height: auto;
	width: auto;
	font-size: 12px;
	background: transparent;
	text-decoration: none;
}

div#category-buttons div#featured-category-blurb {
	width: 250px;
	float: left;
	background-color: #336;
	height: 130px;
	margin-right: 10px;
	color: #ccf;
}

div#category-buttons div#featured-category-blurb p#featured-label { 
	padding: 5px 5px 0 5px; 
	margin: 0;
	text-transform: uppercase;
	font-size: 0.8em;
	
}

div#category-buttons div#featured-category-blurb h5 { padding: 0 5px;}
div#category-buttons div#featured-category-blurb p#featured-blurb { padding: 0 5px; font-size: .9em;}



/***************************************************************
	 body page
	 
***************************************************************/


#body_image {

	width:248px;
	height:137px;	
	padding:0;
	margin-left: 5px;
	border:#999999 1px solid ;
	float:right;	
}
#body_image p { border: 3px solid #fff; width: 242px; height: 131px; overflow: hidden; }

#body_image img { padding: 0; margin: 0; }

/* section page */


div#category-page ul { list-style: none; margin: 0; padding: 0;}

div#category-page li { 
	display: block;
	width: 248px;
	height: 118px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

div#category-page li.last { margin-right: 0;}
 
div#category-page div.article-list-image {
	margin: 3px 0 0 3px;
	width: 242px;
	height: 96px;
	background-repeat: no-repeat;	
}

div#category-page div.article-list-image a {
	display: block;
	width: 242px;
	height: 96px;
}

div#category-page div.article-title {
	font-size: .8em;
	text-transform: uppercase;
}

div#category-page div.article-title a { 
	display: block;
	color: #999; text-decoration: none;
	margin: 3px 0 0 3px;
}


/* directed path stuff */

div#articles-list ul { list-style: none; padding-left: 0; margin-left: 0;}
div#articles-list li { 
	padding-left: 15px; 
	background: transparent url(/images/article-unread.gif) left 3px no-repeat;
}
div#articles-list li a { color: #999;}
div#articles-list li.was_read { background: transparent url(/images/ico_read.gif) left 5px no-repeat;}
div#articles-list li.was_read a { color: #06f; text-decoration: none;}
div#articles-list li.not_read a { cursor: default;}



/***************************************************************
	 section
***************************************************************/



div#category-header {
	background-color: #2e396a;
	color: #ccf;
	margin-bottom: 10px;
	height: 250px;
	overflow: hidden;
}

div#category-header h3 { color: #fff;}

div#category-description { padding-top: 100px; margin-right: 4px;}

div#health-category-image {
	margin: 4px;
	float: left;
	width: 506px;
	height: 242px;
	background: transparent url(/images/category_healthy_big.jpg) left top no-repeat;
}


/***************************************************************
	footer
***************************************************************/


#lineBold {  
margin-bottom:10px; 
  width: 765px;
  border-top:#2E396A 2px solid;  
}

#login-wrapper{
	overflow:hidden;
	width:769px;

}
#login-wrapper p{
	overflow:hidden;
	width:769px;

}
p#disclaimer {
	color: #5b6495; 
	width: 750px; 
	margin: 0 auto; 
	padding: 10px; 
	font-size: 0.9em; 
	line-height: 1.5; 
}

/* standalone survey */

div#standalone-survey div.question { padding-bottom: 15px;}
div#standalone-survey div.label { font-weight: bold;}