/* 
    CAPL Site CSS 
*/

/* Site Styles */


p{
	margin-bottom: 1em;
}

a, a:hover, a:visited{
    color: #315e52;
    text-decoration: none;
}

body {
	background-color: #e1e0e1;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 25px;
}

h1 {
    color: #315e52;
    font-size: 150%;
    margin-bottom: 1.2em;
}

h2 {
    color: #000;
    font-size: 125%;
    margin-bottom: 1em;
    margin-top: 1em;
}

h3 {
    color: #000;
    font-size: 105%;
    margin-bottom: 1em;
    margin-top: 1em;
}

ul {
	margin-left: 0;
}
ul ul { margin: 0; }

ul.no-bullets {
	list-style-type: none;
}

img.stroke {
	border: 1px solid #888;
}

.urgenttext {
	color: #900;
}

#page-container{
	background-repeat: repeat-y;
	background-image: url(/i/page-border2.jpg);
	width: 904px;
	margin: auto;
	background-color: #ffffff;
}

#page{
    background-color: white;
	width: 810px;	
	margin-top: 25px;
/* 	margin-bottom: 25px */;
	margin-left: auto;
	margin-right: auto;
}

#content-wrap li {
	margin-left: 2em;
}

/* Header */

#header {
    height: 80px;
    padding-top: 20px;
	margin-bottom: 10px;
}
#header img {
	border: 0;
}
#header img#capl-logo {
	float: left;
}

#nav-primary {
	margin-left: 0;		
}
#nav-primary ul {
	margin-left: 0;		
}

#nav-utility {
	text-align: right;
	padding-top: 20px;
}

#nav-utility form {
	padding-left: 18px;
	display:  inline;
	background: url(/i/search-glass.gif) no-repeat; 
}


/* Utility Navigation 
#nav-utility{
    text-transform: lowercase;
}
*/
#nav-utility a {
//	margin-right: 15px;
}
#nav-utility input {
	border: 1px solid #aaa;
}
#user-info {
	margin-right: 15px;
}

/* Main Content */
#top-container {
    clear: both;
    
    width: 100%;
	height: 175px;
	
	margin-bottom: 20px;
}

#banner{
    margin-right: 10px;
    float: left;
}

.block-wrap{
    float: left;
    height: 175px;
    width: 200px;
}

#breadcrumb {
	margin-bottom: 10px;	
}

#feature-sponsor{
    color: #808183;
    text-align: center;
    margin-top: 14px;
    border: 1px solid #c7c7c7;
    height: 158px;
}

#feature-sponsor img{
    padding-top: 25px;
}

#marque {
	background: #A9BEB7;
	padding: 5px;
	margin-bottom: 20px;
}

#marque span.title{
    font-size: 14px;
}

#marque a{
    color: #ffffff;
    font-size: 10px;
}

#content-primary{
    font-size: 11px;    
    float: left;
	overflow: hidden;
}


#feature{
    background: #c7c7c7;

    padding: 10px;

    width: 160px;
    margin-right: 20px;
    float: left;
    
    margin-bottom:-32767px;
    padding-bottom:32767px;
}

#feature h2{
    color: #315e52;
    font-size: 14px;
    margin-bottom: 10px;
}

#feature a {
    color: #004839;
}

/* Main Content on inner pages */

#content-primary div.content ul {
	padding-left: 3em;
}

/* Left bar on inner pages */

.block *{
	margin: 0;
	padding: 0;
	
}

.block {
	border: 1px solid #CCCCCC;
	width: 158px;
	padding-left: 10px;
	padding-right: 10px;
}

.block-title{
	width: 100%;
	font-size: 13px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	
	margin-left: -10px;
	margin-bottom: 10px;
	
	color: #000000;
    background: #A9BEB7;
}

.block .content{
	margin-left: 10px;
	margin-right: 10px;
}

#feature-bar{

    width: 160px;
    margin-right: 20px;
    float: left;
    
}

#feature-bar.full-length{
	background:#C7C7C7 none repeat scroll 0 0;
	float:left;
	margin-bottom:-32767px;
	margin-right:20px;
	padding:10px 10px 32767px;
	width:160px;
}
#feature-bar.admin{
	width:130px;
}

#feature-bar.full-length h2{
    width: 100%;
    font-size: 13px;
    
    margin: -10px;
    margin-bottom: 20px;
    
    padding: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    
    color: #000000;
    background: #A9BEB7;
}

#feature-bar.full-length h3, ul{
    padding: 0;
    margin-bottom: 1em;
}

#feature-bar ul{

}

#feature-bar ul li{
    list-style: none;
    margin-bottom: 5px;
}

.content{
    padding-left: 20px;
}

#content-wrap{
    float: left;
    min-height: 500px;
}

#content-wrap.skinny{
    float: left;
    width: 570px;
}
#content-wrap.admin{
    float: left;
    width: 640px;
    margin-left: 0;
}
#content-banner{
    text-align: center;
    margin-bottom: 20px;
}



.news-block{
    
    float: left;
    
    width: 180px;
    margin-right: 10px;
    padding: 5px;
}

.news-block h2{
    color: #7e7e7e;
    margin-bottom: 10px;
    font-size: 14px;
}

p.more{
    text-align: right;
    text-transform: lowercase;
}

#widget-container{
    padding-top: 20px;
}

.widget{
    width: 180px;
    padding: 5px;
    margin-right: 10px;
    
    float: left;
}

.thumbnail{
    width: 88px;
    height: 88px;
    border: 2px solid #c7c7c7;
    float: left;
    overflow: hidden;
}

.widget .text{
    color: #315e52;
    width: 80px;
    height: 90px;
    padding-left: 5px;
    
    float: left;
    overflow: hidden;
}

/* Member Area */

#browse-members, #browse-companies, #search-members, #search-companies {
	background-color:#F4F4F4;
	border: 1px solid #E5E5E5;
}

#browse-members td, #browse-companies td, #search-members td, #search-companies td {
	padding: .25em;
}

#roster-search-form td {
	padding: .2em;
}

/* Extras */

#gallery img, .gallery img {
	border: 0;
}

address {
	margin-top: 1em;
	margin-bottom: 1em;
}
dl.phones dt {
	width: 4em;
	float: left;
}
dl.phones dd {
	white-space: nowrap
}


/* Footer */

#footer{
    background-repeat: no-repeat;
    background-color: #e4e3e6;
    padding-top: 14px;
    background-image: url(/i/page-bottom2.jpg);
    font-size: 10px;
}

#footer .copyright{
    margin-left: 20px;
    
}

#footer ul{
    display: inline;
}

#footer ul li{
    display: inline;
    margin-right: 20px;
}

img.banner{
	border: 1px solid #888;
	margin-bottom: 20px;
}

/* Misc Utility Classes */

.clear{
    clear: both;
}

.left{
    float: left;
}

.right{
    float: right;
}

.inline{
    display: inline;
    padding: 10px;
}

.center-align{
    text-align: center;
}