/* ---------------------------------------------
swpainting: (c) 2008 + screen style sheet
------------------------------------------ */
body {
	background: #ccc;
	border-top: 5px solid red;
	color: #111;
	/*font: normal 62.5%/1.4 "Lucida Grande", Geneva, Arial, Verdana, sans-serif;	*/
	font: normal .83em/1.5em "Lucida Grande", Lucida Sans Unicode, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}	
#blank { 
	background: #fff;
	margin: 10px;
}	
/*  =links */	
a:link {color: #005FB5;}
a:visited {color: #005FB5;  }
#searchResults a:visited {color: #5e3b6b; }
a:hover {text-decoration: none;  }
a img { border: 0;}	
/* main content */	
#colA { 
	margin: 0 230px 30px 0;	
	padding: 10px 0 0;	
	position:relative;	
}


#content  { background: url(/images/content-bg.jpg) 50% 0 no-repeat #fefefe;}
#content-index  { background: url(/images/sw-painting-colorado-since-.jpg) 46% 10px no-repeat #fff;}

.pageimage	{
	position:relative;
	top:-130px;
	left:-70px;
	margin-bottom:-130px;
	
}
.svc {
	height:240px;
}
#indexpage{
	margin: 0 auto;
	width: 980px; 
	min-width: 760px;	
	position: relative;
	border-right:1px solid #fefefe;
	border-left:1px solid #fefefe;
}

#page, .home-content {margin: 0 auto;
	width: 980px; 
	min-width: 760px;	
	position: relative;
	padding:15px;
	border-right:1px solid #fefefe;
	border-left:1px solid #fefefe;
}

/* 
border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	background: #fff url(/images/bgContent.gif) 0 27px repeat-x;
	


=mast head items
------------------------------------------------------ */	
#mast { 
background:url(/images/mast-bg.jpg) no-repeat 50% 10px #000;	
border-bottom:1px solid red;
}
.search-tpl #mast {}
#mast-in, #loginform, #boot { 
	margin: 0 auto;
	width: 980px;
	padding: 0 0 0 0;	
}

div#index-image{
	position:relative;
}
img#swlogo{
	position:relative;
	z-index:1000;
	overflow:visible !important;
	position:absolute;
	top:-80px;
	left:40px;
}

#gsearch { 
clear: both; 
color: #555;
min-height:5px;
}	

/* 	=navigation (primary)*/
#nl {
float: left;
margin: 84px 0 0 200px;
padding:0;
position:relative;
}	
.search-tpl #nl { margin-top: 16px;}
#nl ul { list-style:none;
margin: 0;
padding: 0;}
#nl li {display: inline;}	
#nl li a {
color: #fff1ce;
display: block;
float: left;
font-size: 122%;
padding: 5px;	
text-decoration: none;
margin-right:20px; 		
} 
#nl li a:hover b {text-decoration: underline;}
#browse-page #nl li#pg-docs a, #topicsall-page #nl #pg-pages a,
#topic-page #nl #pg-pages a,
#documents-page #nl #pg-docs a, 
#spotlight-page #pg-sl a, #spotlights-page #pg-sl a  {
background: ;
color: #fff1ce; 
border-top: 3px solid #AB4101;
padding-top: 2px; }

/*member info card/sign-in-*/


#signin { 
position: absolute;
top: 0px;
right: 10px; 
text-align: right;
background-color: #333;
border-bottom:1px solid #444;
border-right:1px solid #444;
border-left:1px solid #444;
padding:3px 10px 3px 10px;
font-size:14px;

}	

#signin p {	
margin: 0;	
text-align: left;
}	
#signin a { 
	color: #ddd;
	text-decoration:none;
}	
#signin p.join a, #signin p.sign-in a {font-weight: bold;	
display: block; 
}
#choose-page #signin .join-fn { display: none;}	
#signin .sign-in { text-indent: 14px;
}
.search-tpl #signin .sign-in { width: auto;}	
#signin .join {padding: 0 0 0 1em;width: 40%; }
#signin .sign-in a {
display:inline;
padding: 0;
font:10px;
}	

#signin .sign-in .up {background-position: 0 3px; }


/* =BOOT and {if $bodyid == 'blank'} target="_blank"{/if}
------------------------------------ */
#footer { 
padding: 0 0 20px;	
background:url(/images/gradient-back.jpg) 0 0 repeat-x;
border-top:3px solid #fff;
}
#tag {	
display: block;
float: left;	
height: 18px;
margin-right:4px;
overflow: hidden;
width: 16px;

}
#tag img { width: auto;
height:auto;}	
#footer .smallf { 
border: 0 none!important;
max-width: 980px; 
margin: 0 auto!important;
min-width: 760px;	
padding-top: 10px!important;
}
.smallf a { color: #555; }	
/* #subscribe-page #footer  {
font-size: 92%;
margin: 0;
padding: 15px 5px;}	 */
#boot {
color: #444;
margin: 0 auto;
max-width: 946px;
min-width: 720px;
padding:  18px 17px 5px;
position:relative;
z-index:1;
}
#boot h3 {font: normal 114% "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; 
color: #5f2500;
margin: 0 15px .5em 0;		
}
#boot a { color: #333;
	font-size:12px;
	margin-right:20px
}
#boot a:hover { color: #fff;
background-color: #333;
text-decoration:none;}	
#boot p {margin-right: 15px;}		
#boot ul { margin:  5px 0;
padding: 0;
list-style: none;}	
#boot li {margin: 7px 0;}		
#cr {border-top: 1px solid #ddd7c6;
clear: both; 
font-size: 85%;
margin: 5px auto;
padding: 12px 0;}	
#breadcrumbs {border-bottom: 1px solid #ddd7c6;
color: #5f2500;
font-size: 85%;
margin: 0 0 15px;
padding: 0 0 8px; }	
.bootbox { 
background: ;
float: left;
font-size: 85%;
padding: 0 0 15px 0;
width: 25%;
}	
.b1 {width: 16%; }
#home-page .b1, #about-page .b1, #contact-page .b1, #missing-page .b1, #partner-page .b1, #bucket-page .b1, #ebook-page .b1 { width: 24%;}	
.b2 {width: 48%; }
.b3 {background: none;
width: 25%;}
.b3 img { border: 1px solid #b4ab95;
float: left;
margin: 0 10px 5px 0;
}
#boot .blog {list-style: disc;
padding: 0 0 0 1em; }	

/* =Misc styles */
.fl { float: left;}
.fr {float: right; }	

hr, .hid {display: none; }	

/*clears and resets------------------------*/
.reset {clear: both;font-size: 1px; margin: 0;padding: 0;line-height: 1px; height: 1px; }
.comment:after, #mast:after, 
.topicBody:after, #loginform:after,
#mbin:after, #boot:after, 
#inside:after, #headerBox:after,
#gallery:after, .desc_block:after,
.addDocument:after, #mast-in:after,
.subdoc dd:after, #galleryAdd:after,
.browse-page:after, .home-content:after, #sensem:after,
.source:after, .popular:after, #source:after, #colwrap:after, 
.titles-list li:after, .clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* section menu*/
#colTab {	
	float: right;
	border-left:1px solid #ccc;
	margin: 10px 0 20px 15px;
	padding: 0 0 0 15px;
	position:relative;
	width: 40%;
	z-index:10;
	}
#colTab ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	}
#colTab li { margin: 0 10px;}
* html 	#colTab li { height: 1%;}	
#colTab li 	a {color: #222;
	border-bottom: 1px solid #d9cbc3;
	display: block;
	padding: 5px 15px;
	text-decoration:none; 
	 }
#colTab li 	a:hover { text-decoration: underline;}	 
#colTab li.p a {border-bottom: 0 none;}	 	

/* Area pages / index page lists */
.area_page {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	font-size:.85em;
	height:203px;
	width:480px;
	background:url(/images/block-back.png) 0 0 no-repeat;
}
.area_page ul{
	float:left;
	display:inline;
}
.area_page li{
	list-style-type:none;	
}
.full ul{
	margin:15px;
	min-height:80px;
	padding:5px 10px 5px 30px;
	background:;
}
.third ul{
	width:42%;
	margin:5px;
	padding:5px 10px 5px 10px;
	background:;
	
}
.half ul{
	width:150px;
	margin:5px;
	padding:5px 10px 5px 10px;
	background:;
	
}
.area_page ul li{
	list-style:none outside;
	margin:0;
	padding:0;
	line-height:1.6em;
}
.area_page ul li h2{
	font-size: 16px;
	margin:0;
	padding:0;
	width:100%;
	border-bottom:1px solid #550e00;
}
.area_page ul xli form {
	position:;
	right:-20px;
	bottom:-5px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	text-align:right;
	border-top: 1px solid #550e00;
	width:80%;
	verticle-align:baseline
}
.area_page ul li form input{
	margin:10px 0 0 0;
	padding:0;
	float:right;
}
.area_page ul li ul{
	margin:0 0 0 -10px;
	padding:0;
}
.area_page ul li ul li{
	list-style:square outside;
	margin:0 0 0 0;
	padding:0;
}

#edu{
	background:#eee;
	width:453px;
}
#school{
	background:#eee;
	width:453px;
}
#meet{
	background:#eee;
	width:453px;
}
#shortage{background:#eee;}


.answer {
	margin:0px;
	border-left:3px solid #ccc;
	padding-left:20px !important;
}


#contentnav ul li.page_item{
	list-style-type:square;
	color:#fff;
	margin-left:-10px;
}

#contentnav ul li.page_item ul li{
	margin-left:-15px;
}

div.brush {
	display:block;
	height:58px;
	background:url(/images/hr2.jpg) 0 0;

}

.form form {
 background-color:#eee;
}
.form form input {
	margin:0 10px 0 10px;
}