/*
*************************************************

THE POSSE FOUNDATION
General Screen Styles

Created by the wacky troop at Happy Cog
http://www.happycog.com/

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.4; font-style: normal; font-weight: normal; }
body { color: #5f6364; font: 11pt Georgia, 'Times New Roman', serif; }


/* block level */

h1 { font-size: 15pt; color: #9b9da0; font-family: Arial Narrow, Arial, sans-serif; line-height: 1; text-transform: uppercase; margin: 0 0 20px; }
h1.profile-name { color: #333; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: none; margin-bottom: 35px; float: right; width: 100%; position: relative; left: 160px; }
h2 { font-size: 13pt; color: #333; font-family: Arial, sans-serif;  margin: 0 0 15px; border-bottom: 1px solid #d2e0e0; padding: 0 0 7px; text-transform: uppercase; }
	h2 a { font-size: 18px; text-decoration: none; }
	h2 a.adjunct { display: none; }
h3 { font-size: 14pt; /*color: #693;*/ margin: 0 0 6px; line-height: 1.2; }
	h3 a { text-decoration: none; line-height: 1.2; }
h4 { color: #373737; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 8px; clear: both; }
h5 { font-size: 13px; color: #333; margin: 0 0 10px; }
h6 { /*font-size: 11px; color: #333; margin: 0 0 0.8em;*/ }

p, ul, dl, ol { /* font-size: 13px;  */margin: 0 0 1.5em; }


p { line-height: 1.6; }
#main p { margin-bottom: 1.7em; }

ul li { list-style-type: none; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 center; padding-left: 8px; }
ul li.blank { background-image: url(/i/screen/list-marker-empty.gif); margin-left: -1px; padding-left: 9px; }

ul.basic li, fieldset li, ul.suffice li { background: none; padding-left: 0; }
ul.suffice li { padding: 0 0 8px; }

dd { /*margin: 0 0 0 15px;*/ }

blockquote { /*margin: 0 0 1.2em;*/ }

table { /*margin: 0 0 1em; font-size: 12px;*/ }
	th { /*background-color: #e6e3d7; text-align: left;*/ }
	th, td { /*border-bottom: 1px solid #dbd5c5; padding: 3px 5px;*/ }
	
fieldset { border: none;/*  border-top: 1px solid #d2e0e0;  */}
/* fieldset.first { border: none; } */

form li { margin-bottom: 10px; clear: both; }
form li.inline { clear: none; float: left; margin: 0 0 10px 12px; }
form li.first { margin-left: 0; }
	form li * { vertical-align: middle; }

legend { display: block; padding: 0 0 20px; }

label { color: #313435; display: block; margin-bottom: 2px; }
ul.inline { margin-bottom: 1.8em; }
	ul.inline label { display: inline; }

input, textarea { background: #f3f7f7; }
/* input[type="text"], textarea { width: 75%; } */
form li input, form li textarea { width: 75%; }
/* .with-sub #main input[type="text"] { width: 45%; min-height: 15px; } */
.with-sub #main form li input { width: 293px; min-height: 16px; }
.with-sub #main form li textarea { width: 445px; }
.with-sub #main form li.inline input { width: 113px; }
.with-sub #main form li.inline select { width: 168px; margin-top: 2px; }
.with-sub #main input[type="password"] { width: 183px; }
#content form li.submit input, #content ul.inline li input { width: auto; background: transparent; min-height: 1px; }


input, textarea { font: 12px Georgia, 'Times New Roman', serif; }
select [value=""] { color: #7f8385; font-style: italic; } 


/* inline */

em { font-style: italic; }
strong { font-weight: bold; }

a { color: #1c7676; }

.more a, a.more, ul.adjunct li a, .callout a, .welcome a, .profile-img a, h2 a.adjunct { color: #e85a3a; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; }



img { display: block; }
div.feature img { float: left; margin: 0 18px 14px 0; }

a img { border: none; }



code { /*font: 12px/1 'Courier New', Courier, monospace;*/ }

sub, sup { line-height: 0; }

.main-data, span.sub-data { color: #373737; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 3px; }
.main-data + span.sub-data { margin-top: -5px; }
	.main-data span { font-weight: bold; display: block; }
p.sub-data { color: #313435; font-size: 13px; margin-bottom: 4px; }
	p.sub-data span { display: block; }
span.sub-data { font-weight: normal; margin-bottom: 4px; }
	.sub-data a { font-style: italic; }

#content p.subhead { font-family: Arial, Verdana, sans-serif; text-transform: uppercase; margin-bottom: 4px; clear: both; }
#content .feature p.subhead { clear: none; }

#intro ul.adjunct { clear: both; }
.adjunct, ul.adjunct li { border-left: 1px solid #cfd7d7; padding-left: 6px; margin-left: 4px; }
.alt #main .adjunct, .alt #main ul.adjunct li { border-color: #8c9595; } 

p + ul.adjunct, p + ul.basic { margin-top: -0.7em; }
ul.adjunct { border: none; padding: 0; margin-right: 0; margin-left: 0; }
	ul.adjunct li { background: none; display: inline; }
	.intro ul.adjunct li { font-size: 11px; text-transform: uppercase; }
	ul.adjunct li.first { padding: 0; border: none; margin: 0; }
li.sign-up a { margin-right: 10px; }

a.pdf { background: transparent url(/i/screen/pdf.png) no-repeat 0 0; padding: 3px 0 3px 18px; }
a.adjunct.pdf {background-position: 5px 0; padding-left: 24px; }

.image-list li { background: none; padding-left: 0; float: left; clear: both; margin: 0 0 2px; width: 100%; }
	.image-list p { color: #333; font-family: Arial, Verdana, sans-serif; }
	.image-list img { float: left; margin: 0 20px 10px 0; }

.link-list li { background: none; padding-left: 0; margin-bottom: 15px; }

form .suffice li { margin-bottom: 10px; }
form .suffice li input { margin-right: 3px; }
.suffice label, .suffice a { color: #373737; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; }
.suffice a { color: #e85a3a; text-decoration: none; }

.optional { color: #5f6364; font-style: italic; vertical-align: top; }

#content .popup { display: none; }

/*-------------------------------------------    
    Global combinations
-------------------------------------------*/

#main-search label, .hide { position: absolute; left: -9999px; }

#content:after, #sub .callout:after, #intro:after, h2.our-university-partners span:after, div.feature:after, .image-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#header-wrap { margin: 10px 0; }
#content-wrap { clear: both;  }

	#header, #intro, #content, #footer { width: 978px; margin: 0 auto; }
	
	#header {  }

	#content { clear: both; }
	
	.home #content {}

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header * { margin: 0; }

#mast { }
.home #mast { background-image: url(/i/header/header-home.jpg); background-position: right bottom; height: 100%; }

#mast h1 { display: none; }

#header li { background: none; padding-left: 0; }

#local-nav { display: none; }
	
#utility-nav { display: none; }
	
#main-nav { display: none; }	


#main-search { display: none; }
	#content #results-search #searchtext { width: 341px; padding-left: 2px; display: inline; }


/*-------------------------------------------    
    Intro
-------------------------------------------*/
#intro { /* margin-bottom: 30px; */ margin-bottom: 10px; }
.profile #intro { margin-bottom: 1px; }
.with-sub #intro {  }
.home #intro { margin-bottom: 10px; }
#content div.intro { padding: 10px 0 0; background: #fff; padding-bottom: 10px; }
.home #content div.intro { padding: 0 0 20px; border-bottom: 3px solid #000; }


#intro h1 { width: 675px; position: relative; text-indent: -36px; padding-left: 36px;}
.home #intro h1 {  width: 605px; text-indent: -76px; margin: 0 auto; padding-left: 80px; }
	#intro h1 a { color: #e85a3a; font-weight: bold; text-decoration: none; }
	#intro h1 strong { color: #1b1b1b; }


.home h1 { margin: 0 auto 22px; }

#intro p, #content .intro p { color: #1a1a1a; font-family: Arial, Verdana, sans-serif; line-height: 1.6; margin: -3px 0 10px; }
#content .intro p { float: none; width: auto; margin-bottom: 10px; }
	#intro p:first-line, .home .intro p:first-line { font-weight: bold; }

#sub-nav { display: none; }
		
#intro form h1, #intro form h1 label { color: #7e8383; font-size: 12pt; font-family: Georgia, serif; text-transform: none; display: inline; text-indent: 0; padding: 0; margin-bottom: 0; vertical-align: middle; }
#intro form { margin-bottom: 5px; }
	#intro form h1 strong { color: #1b1b1b; }
#results-search label { display: inline; }
#results-search input { min-height: 26px; color: #000000; background-color: #f3f7f7; font-family: Georgia, serif; font-style: italic; margin-left: 9px; vertical-align: middle; }

		
.intro ul { margin: 0; }


/*-------------------------------------------    
    Content
-------------------------------------------*/
#main { border-bottom: 5px solid #d2e0e0; padding-bottom: 15px; border-top: 5px solid #d2e0e0; padding-top: 20px; margin-bottom: 10px; }

.alt #main {}

.with-sub #main { }

.home #main { border-top: none; padding-top: 10px; }



	#main div, .alt #sub div { padding: 20px 10px 1px; }
	.profile #main div { padding: 10px 15px 15px; }
		#main div div, .alt #sub div div, .alt #main div, .profile #main div div { padding: 0; } 
		
	
	.callout { float: left; width: 186px; border: 10px solid #fff; margin: 0 15px 10px 0; position: relative; }
	.callout a span { font-weight: bold; }
	.button { display: none; }
	.alt-image { width: 153px; }
	.home .alt-image { width: 162px; } 
	.with-sub .callout { margin-left: -70px; }
	.profile #sub .button { margin-left: -80px; }
	.home #main .callout {  }

	.with-image { float: none; width: 370px; }
		#content .callout p { color: #acacac; font-family: Arial, Verdana, sans-serif; text-transform: uppercase; line-height: 1.2; margin: 0 0 2px; }
			.callout p a { line-height: 1; }
		#content .with-image p { color: #5f6364; font-family: Georgia, serif; text-transform: none; line-height: 1.6; }
		.callout img { margin-bottom: 8px; }
		.with-image img { float: right; margin-bottom: 0; }	
		
	.distinct { padding: 0 10px 10px 10px; }


	.distinct h2 { border-bottom: 1px solid #d2e0e0; padding: 0 0 12px; }

#sub { padding: 10px; clear: both; }
.alt #sub {}
.with-sub #sub {  }
.home #sub { }

#content .pages { padding: 8px 0 10px; margin: 0 0 20px; border-top: 1px solid #d3dbdb; border-bottom: 1px solid #d3dbdb; text-align: right; }
#content .pages * { font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 0; line-height: 1; }
	.pages p { color: #000; float: left; width: 200px; text-align: left; }
		.pages li { color: #000; list-style-type: none; display: inline; margin: 0 0 0 -1px; }
		.pages li.first, .pages li.last { color: #b5b9b9; margin: 0 12px 0 0; }
		.pages li.last {  margin: 0 0 0 12px; }
		.pages li.first span, .pages li.last span { position: static; }
		.pages li.first span { background: transparent url(/i/screen/previous-off.gif) no-repeat 0 center; padding-left: 10px; }
		.pages li.last span { background: transparent url(/i/screen/next-off.gif) no-repeat right center; padding-right: 10px; }
			.pages li a { color: #fff; background: #e85a3a; padding: 1px 4px; }
			.pages li.first a, .pages li.last a { color: #e85a3a; }
			.pages li.first a { background: transparent url(/i/screen/previous-on.gif) no-repeat 0 center; padding-left: 10px; }
			.pages li.last a { background: transparent url(/i/screen/next-on.gif) no-repeat right center; padding: 0 10px 0 0; }
			.pages li a { font-weight: bold; text-decoration: none; }
			.pages li span { position: absolute; left: -9999px; }
			
.roll { clear: both; margin-bottom: 2.2em; }
	.roll li { background: none; padding: 0; border-top: 1px solid #e9eded; padding-top: 13px; padding-right: 20px; }
	.roll li.first { border-top: 0; padding-top: 0; }
		.roll h3 { margin-bottom: 3px; }
		.roll .main-data, .roll .sub-data { display: inline; margin-bottom: 4px; }
		#content .roll p { margin-bottom: 13px; }
		
#sub h2 { padding-top: 35px; }
#sub div h2 { padding-top: 0; }
#sub h2.first { padding-top: 0; }

/*-------------------------------------------    
    Profile
-------------------------------------------*/
#content .welcome { display: none; }

.profile-img { text-align: right; z-index: 100; width: 164px; }
	.profile-img img { }
	.profile-img a { display: none; }


#content #main .posse-members { margin: 0 0 15px; padding: 14px 17px; float: left; width: 100%; }
.posse-members h2 { line-height: 1.2; margin-bottom: 7px; }
	.posse-members span.first { display: block; }
	span.posse-photo-link { background: transparent url(/i/screen/photo-link.gif) no-repeat right center; padding-right: 30px;  }}
	.posse-members ul { float: left; width: 178px; margin: 0 19px 0 0; font-size: 14px; }
		.posse-members ul li { margin-bottom: 2px; }

	
.search-alt { display: none; }
		#content #main .boxed { border: 1px solid #8eb3b3; background: #8eb3b3 url(/i/screen/boxed-bg.jpg) repeat-x 0 0; padding: 18px; }
		.boxed * { vertical-align: middle; }
				
.with-list { color: #7ba3a3; font-size: 13px; font-family: Arial Narrow, Arial, Verdana, sans-serif; text-transform: uppercase; margin: 0 4px 0 0; float: left; }
.inline-list li { display: inline; background: none; padding-left: 0; margin-left: 3px; }
	.inline-list a { color: #5f6364; font-style: italic; background: transparent url(/i/screen/inline-list-marker.gif) no-repeat 0 center; padding-left: 8px; }



/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer-wrap { clear: both; }
	#footer { padding-top: 10px; border-top: 5px solid #000; }
#footer ul { display: none; }


/*-------------------------------------------    
    Image Replaced Text
-------------------------------------------*/
a.rss { display: none; }

span.link { display: none; }	

.callout .hide {  position: static; font-size: 20px; color: #000; font-weight: bold; }



