/****** FILE: themes/cobar/css/layout.css *****/
* {margin: 0;padding: 0;}
html, div, map, dt, isindex, form, header, aside, section, section, article, footer {display: block;} 
body {color: #333;font-size: 12px;margin-bottom: 40px;font-family:Arial, Helvetica, SANS-SERIF;}
html {background: #E6E3D6 url(../images/bg1.png) no-repeat center top;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
.width_full{width:960px;}
.width_half{width:48%;}
.clear{clear:both;}
.h20{height:20px;}
.l{float:left;}
.c{margin: 0px auto;}
.r{float:right;}

/* CONTAINER
----------------------------------------- */
.layout {overflow: hidden;background:#fff;padding:20px;width:920px;}
.bannerImages{margin-bottom:20px;}
    .bannerImage{margin-right:6px;}
.contactForm{width:320px;}
.map{width:570px;}
.facilityDiv{background:#F2DFC0;padding:10px 10px 0px 10px;width:600px;height:135px;}

/* HEADER
----------------------------------------- */
.header {overflow: hidden;margin-top:40px;background:url(../images/headerBG.jpg) no-repeat;height:360px;}
 	.header h1 {text-indent:-6789px;font-size:0px;line-height:0px;}
.nav{background:url(../images/nav_bg.png) repeat-x;height:50px;}
	.nav ul li {list-style: none;height:34px;float: left;padding:16px 20px 0px;border-right:1px solid #adadae;border-left:1px solid #fff;}
		.nav ul li a {text-decoration: none;display:block;font-size: 14px;color: #666;}
		.nav ul li a:hover {color: #B03715;cursor: pointer;}
		.nav ul li a.current, nav ul li a.section, nav ul li a.section:hover, nav ul li a.current:hover {color: #B03715;}
        .navRates{
            background:url(../images/btn_ratesBG.png) no-repeat;
            width:150px;
            height:42px;
            padding:8px 50px 0px;
            text-align:center;
            display:block;
            margin-right:20px;
            color:#fff;
            text-decoration:none;
            font-size:16px;
            text-shadow: 1px 1px 2px #333;
        }
        .navRates:hover{background:url(../images/btn_ratesBG_hover.png) no-repeat;}

/* SIDEBAR
-------------------------------------- */
aside {width: 250px;margin: 10px 0 0 0;padding: 0;float:left;}
	aside ul {margin: 2px 0 5px 3px;}
		aside li {margin: 8px 2px;list-style: none;}

/* FOOTER
----------------------------------------------- */
.footer {width:860px;height:220px;background:#393939 url(../images/footerBG.png) repeat-x top;padding:30px 50px 0px;}
  	.footer .col{width:260px;margin-right:40px;}
    .footer .colLast{width:260px;}
        .footer p{color:#fff;font-size:14px;margin-bottom:10px;line-height:24px;}
            .footer p.headingSize{font-size:18px !important;}
  		.footer a {color: #f93;text-decoration: none;}
			.footer a:hover {color: #fff;text-decoration: underline;}

/****** FILE: themes/cobar/css/typography.css *****/
/* PARAGRAPHS 
-------------------------------------------- */
.typography p {color: #666;line-height: 22px;font-size: 14px;margin: 0 0 18px 0;}
.typography blockquote {margin: 10px;font-size: 1.4em;color: #777;font-style: italic;}	
.typography q {display:block;font-size: 0.8em;margin: 1em 1em;padding: 0.5em;border: 1px #ccc solid;}

/* LINKS 
-------------------------------------------- */
.typography a {text-decoration: none;color: #3E91C4;}
	.typography a:hover {text-decoration: underline;}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"], .typography a[href$=".PDF"], .typography a.pdf {
		padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"], .typography a[href$=".DOC"], .typography a.doc {
		padding: 2px;padding-left: 20px;background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"], .typography a[href$=".XLS"], .typography a.xls {
		padding: 2px;padding-left: 20px;background: url(../images/icons/page_excel.png) no-repeat left center;
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {margin: 0 0 18px 24px;color: #666;}
	.typography li {margin: 5px 10px;font-size: 12px;}
		
/* HEADER STYLES 
-------------------------------------------- */
.typography h2 {color: #333;margin: 0 0 18px 0;font-weight: 300;font-size: 18px; font-family: Arial, Helvetica, SANS-SERIF;}
.typography h3 {
    color: #fff;
    margin: 0px;
    font-weight: 300;
    font-size: 18px;
    width:610px;
    display:block;
    padding:10px 0px 0px 10px;
    height:36px;
}
h3.red{background:#B03715;}
h3.orange{background:#F6891F;}
.typography h4 {font-size: 16px;color: #222;width: 95%;font-weight: 300;line-height: 18px;margin: 0 0 16px 0;}
.typography h5 {font-size: 14px;color: #222;font-weight: 700;margin: 0 0 12px 0;}
.typography h6 {font-size: 13px;color: #555;line-height: 1.4em;margin: 0 0 12px 0;}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {font-family:"Courier New",Courier;display:block;font-size:1.2em;margin:2em 5em;padding:0.5em;border:1px #ccc solid;background:#eee;}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {margin: 0 0 18px 0;font-size: 11px;color: #666;border-collapse:collapse;}
	.typography tr {}
		.typography td {border:1px solid #999;padding:5px;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {text-align: left;}
.typography .center {text-align: center;}
.typography .right {text-align: right;}

/* IMAGES 
-------------------------------------------- */
.typography img {border: none;}
	.typography img.right {float: right;margin-left: 20px;}
	.typography img.left {float: left;}
	.typography img.leftAlone {float: left;margin-right: 100%;}
	.typography img.center {float: none;margin-left: auto;margin-right: auto;display: block;}


/****** FILE: themes/cobar/css/form.css *****/
fieldset {border: 0;}

/* ACTION BUTTONS
---------------------------------------- */
input.action {padding: 2px;font-size: 11px ;font-family: Verdana, Tahoma, Sans-serif;}
input.action:hover, input.action:focus {cursor: pointer;}

/* FIELD FORMATING
---------------------------------------- */
form ul {list-style: none;}
.middleColumn {display: block;margin: 15px 10px 10px 0;background: #E9E9E9;padding: 4px;width: 306px;clear: left;}
	.middleColumn .message {margin: 0;}
	
/* INPUT BOXS
---------------------------------------- */
input.text, textarea, select {padding: 2px;border: 1px solid #A7A7A7;color: #000;font-size: 12px;font-weight: bold;width: 300px;}
textarea {font-family: Verdana, Tahoma, sans-serif; overflow:auto;font-size: 12px;}
input:focus span, textarea:focus span {border: 3px solid #000;}
form .date input.month, form .date input.day, form .date input.year {width: auto;}
form .datetime .clear {clear: both;}
form .datetime .date, form .datetime .time {float: left;clear: none;width: auto;}
	form .datetime .date input,	form .datetime .time input {width: auto;}

/* SELECT DROPDOWN
---------------------------------------- */
select {width: auto;}

/* LABELS
---------------------------------------- */
.typography label {	display: block;margin: 10px 0 -10px 0;color: #777;font-size: 12px;}
label.right {display:inline;}

/* CHECKBOXES
---------------------------------------- */
ul.optionset {margin: 0;overflow: hidden;}
	ul.optionset li {margin: 6px 0;clear: both;}
		ul.optionset li input {float: left;margin: 0 6px;}
		ul.optionset li label {margin: 0;}

