/* 
    CAPL Site CSS 
*/

/* Site Styles */

*{
    margin: 0;
    padding: 0;
}

h2 {
-x-system-font:none;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:24px;
}

h2, h3, h4, h5, h6 {
color:#666;
margin-bottom: .75em;
padding:0;
}

h3 {
font-size:14px;
}

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

.urgenttext {
	color: #900;
}

a:hover{
	text-decoration: underline;
}

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

body {
	background-color: #e1e0e1;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 25px;
}
#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;
}

/* Header */

#header {
    height: 80px;
    padding-top: 20px;
	margin-bottom: 10px;
}
#header img {
	border: 0;
}
#header img#capl-logo {
	float: left;
}
#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 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;
}

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

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

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

#feature-sponsor div.rotator-slide, #rotator {
	height: 100%;
	vertical-align: middle;
}

#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;    
    padding-top: 20px;
    
    float: left;
    width: 100%;
    
    overflow: hidden;
}

#feature{
    background: #c7c7c7;

    padding: 10px;

    width: 200px;

    float: left;
    
//    margin-bottom:-32767px;
//    padding-bottom:32767px;
    
    text-align: center;
}

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

#feature img {
    margin-bottom: 10px;
}

#feature h3{
    font-size: 13px;
    margin-bottom: 10px;
}

#feature p{
    margin-bottom: 10px;
}


#feature a {
    color: #004839;
}


#feature .container{
	margin-top: 20px;
	margin-bottom: 20px;	
}

/* Left bar on inner pages */

#feature-bar{
    background: #c7c7c7;
    padding: 10px;

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

#feature-bar 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 h3, ul{
    padding: 0;
    margin-bottom: 1em;
}

#feature-bar ul{
    margin-left: 20px;
}

#feature-bar ul li{
    list-style: none;
}

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

#content-wrap.front{
    width: 550px;
    margin-left: 25px;
    margin-right: 0;
}

#content-wrap.skinny{
    width: 570px;
}

#content-banner{
    text-align: center;
}

.content{
    padding-top: 20px;
    padding-bottom: 20px;
}

ul.news-items{
	margin-left: 20px;
}

ul.news-items li{
	font-weight: bold;
	font-size: small;
	
	list-style-type: disc;
	list-style-image: url(/i/global/arrow-bullet.gif);
	text-align: left;
	margin-top: .4em;
	margin-bottom: .4em;
}

ul.news-items li h2{
    color: #7e7e7e;
    margin-bottom: 10px;
    font-size: 14px;
}
ul.news-items ul {
	margin-bottom: 0;
	padding-left: 2em;
}

ul.news-items ul li{
	font-weight: normal;
}

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

#widgets {
	margin-left: 25px;
	text-align: center;
}

#manual {
	margin-bottom: 25px;
}
#manual img {
	border: 2px solid #000;
}

/* 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;
}

/* Misc Utility Classes */

.clear{
    clear: both;
}

.left{
    float: left;
}

.right{
    float: right;
}

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

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