/* Impress Design, LLC is the home of graphic designer Jack McDaniel. 720.422.0082 - www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
ModX Content Management Framework, but it will work with any site. */

/* Site Colors: Blue #003366, Red #701112, Tan #c5bd99, Dark Grey #424242 */

html,body{margin:0; padding:0; border:0; font-size:14px; font-family: "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; color:#424242;}
html{background:#c5bd99 url(http://centennialairport.com/img/BG.jpg) top left repeat-x}

body{
width:100%; 
margin:0 auto; 
background: #c5bd99 url(http://centennialairport.com/img/BG.jpg) top left repeat-x;
font-family: Helvetica, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; color:#424242;}
*{margin:0; padding:0}

/* General Links */
a {
color: #701112;
text-decoration: none;}

a:hover {
color: #424242;
text-decoration: none;}

#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin: 0 auto; /*Center container on page*/
background: url(http://centennialairport.com/img/content_bg.jpg) top left repeat-y;
}

#topsection{
background: url(http://centennialairport.com/img/header_bg.jpg) top left no-repeat;
height: 210px; /*Height of top section*/
}

#logo{
float: left;
padding-left:15px;}
#innerLogo {display: block; height: 210px; width: 180px;}

/* Header Blended Images */
#rightimage{
height: 210px;
width: 400px;
float:right;
padding-right:24px;}

/* Top Menu */
#menu{
width: 950px;
float: left;
background: #003366 url(http://centennialairport.com/img/menu_bg.jpg) bottom left repeat-y}

#thicktabs{
margin: 0;
padding: 0 15px;
float: left;
font-size: .95em;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: #c5bd99;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
}

#thicktabs li a:visited{
color: #fff;
}

#thicktabs li a:hover{
color: #fff;
}
/* End Horizontal Top Menu */

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 400px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
padding: 10px 10px 10px 30px;
margin-top: 10px;
font-family: Helvetica,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
color:#424242;
text-align: justify;
font-size: .95em;
line-height: 1.4em;
}

#contentcolumn p {
font-family: Helvetica,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
color:#424242;
text-align: justify;
font-size: .95em;
line-height: 1.4em;
padding-bottom: 1.2em;
text-indent: 15px;}

#contentcolumn img {
padding: 5px 5px 5px 0;
float: left;}

#contentcolumn UL {
margin-left:20px;
list-style:none;}

#contentcolumn ul li {
line-height: 1.3em;
font-size: .95em;}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -400px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
background:url(../img/leftcol_bg.jpg) top left repeat-y;
margin-top: 10px;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column in pixels*/
margin-left: -200px; /*Set margin to -RightColumnWidth*/
margin-top: 10px;
background-color: transparent;
}

#footer{
clear: left;
width: 100%;
height: 135px;
background: url(../img/footer_bg.jpg) bottom repeat-x;
color: #701112;
text-decoration: none;
font-size:.95em;
line-height: 1.2em;
margin: 0 auto;
}

#footer a{
color: #003366;
}

#footer a:hover { color: #701112;}

#innerfoot{
width: 950px;
height: 135px;
font-size: .9em;
color: #701112;
background: url(../img/footer_bg.jpg) top left no-repeat;
margin: 0 auto;
text-align: center;
}

#footinfo {
text-align: left;
float: left;
padding: 15px 0 10px 30px;}

#footaddress {
float: right;
padding: 15px 30px 10px 0;
text-align: right;}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#sectionbottom{
clear:left;
background: url(../img/content_bg.jpg) top left repeat-y;
width:950px;}

.clear{ clear: left}

p {
font-family: Helvetica,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
color:#424242;
text-align: justify;
font-size: .95em;
line-height: 1.4em;}

/* Left Column Links */
.block {padding:3px; margin-top: 5px; font-size: .95em;}
.block ul {margin: 0; padding: 0 5px 0 5px; list-style-type: none;}
.block ul li {padding: 3px 2px 3px 2px; display: block; border-bottom: 1px solid #424242; color: #003366; line-height: 1.3em; text-decoration: none;}
.block ul li a:hover {color: #003366;}
.block ul a{text-decoration: none; color:#701112}
.block ul li.active a{color:#003366;}
.sectionbottom{background: url(../img/block_bg.jpg) bottom left no-repeat;height: 35px;}

#calender{
}
/* Right Column */
.righttext{
color:#424242;
font-size: .85em;
text-indent: 0;
line-height: 1.2em}

#weather{
padding: 10px 20px 0 5px;
font-family: Arial,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
}

#newsfeeds{
padding: 10px 20px 0 5px;
font-family: Arial,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
}

#newsfeeds img{ padding: 5px;}

#newsletter{
padding: 10px 20px 0 5px;
font-family: Arial,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
}

#newsletter img{ padding: 5px;}

#localbiz{
padding: 10px 20px 20px 5px;
font-family: Arial,"Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; 
}

#localbiz img{ padding: 2px;}
/* End RightColumn */

/* Headers */
h1 {
color:#003366;
font-size: 1.4em;
line-height: 1.7em;
font-family: "Trebuchet MS",Arial,"sans serif";
}
h2{
color:#701112;
font-size: 1.2em;
margin: 10px 0 10px 0;
font-family: "Trebuchet MS",Arial,"sans serif";
}
h3{color:#701112; /* This is the Main Menu / Left Column Header */
font-size: 1.1em;
font-family: "Trebuchet MS",Arial,"sans serif";
}
#leftcolumn h3 {
background: #701112 url(../img/head_bg.jpg) top left no-repeat;
color: #FFF;
padding: 10px 0 5px 15px;
font-size: 1em;
font-family: "Trebuchet MS",Arial,"sans serif";
}
h4{
font-size: .95em;
font-family: "Trebuchet MS",Arial,"sans serif";
color: #701112;
text-transform:uppercase;
border-bottom: 1px solid #424242;
margin-bottom: 5px;
}
h5 {
font-size: 1.25em;
font-family: "Trebuchet MS",Arial,"sans serif";
color: #FFF;
border-bottom: 1px solid #c5bd99;
margin-bottom: 5px;}
/* End Headers */

#sitesearch{
float: right;
padding: 4px 20px 4px 0;}

/* News Section for Frontpage */
#news {
background: url(http://centennialairport.com/img/news_bg.jpg) bottom left repeat-y;
background-color:#424242;
padding: 5px 5px 10px 5px;}

#news p {
font-size: 1em;
line-height: 1.2em;
text-indent: 0;
color: #c5bd99;
padding-bottom: 1.2em;}

#news a {
color: #FFF;}

#news a:hover {
color: #c5bd99;}

#innernews {
margin: 5px;}

#latestnews {
float: left;
margin-top: 10px;
margin-left: 25px;
width: 280px;
background-color: transparent;
color:#c5bd99;
font-size: .95em;
line-height: 1.2em;}

#latestnews a {
color: #FFF;}

#latestnews a:hover {
color: #c5bd99;}

#noiseabatenews {
float: left;
margin-top: 10px;
margin-left: 20px;
width: 280px;
background-color: transparent;
color:#c5bd99;
font-size: .95em;
line-height: 1.2em;}

#noiseabatenews a {
color: #FFF;}

#noiseabatenews a:hover {
color: #c5bd99;}

#currentconditions {
float: left;
margin-top: 10px;
margin-left: 20px;
width: 260px;
background-color: transparent;
color:#c5bd99;
font-size: .95em;
line-height: 1.2em;}

#currentinner {
margin-left: 10px;
padding: 5px;
background-color: #202020;}
/* End Frontpage News Section */

/* Content Blocks to present three pieces of info side by side */
.contentblock {
float: left;
padding: 3px;
width: 155px;}

/***Content Block to present two pieces of info side by side ***/
.contentblock2 {
float: left;
padding: 3px;
margin-right: 5px;
margin-top: 5px;
background-color:#eae6d1;
border: 1px solid #424242;
width: 230px;
text-align: left;}

/***Large PDF Link Boxes ***/
.pdf {
float: left;
text-align: left;
width: 200px;
background-color:#c5bd99;
border: 1px solid #424242;
margin-right: 5px;
padding: 3px;}


/* Sidebar Login for Frontpage */
#sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}

#sidebarlogin label {
color: #444444;
}

#sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin label {
display: block;
margin-top: 5px !important;
width: 100px;
}

#sidebarlogin input {
width: 150px;
}

#sidebarlogin #checkbox_1 {	width: 15px; height: 15px; border: 0 !important;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin #forgotpsswd {
	font-size: .9em;
	display: block;}
	
/*********************************************
Ajaxsearch
*********************************************/
#ajaxSearch_input {
	width: 150px;
}
#ajaxSearch_submit {
	width: 35px;
}
#ajaxSearch_intro {
	display: none;
}
#ajaxSearch_output{
	text-align: left;
	margin: 8px 0 20px 15px;
}
div.AS_ajax_result {
	line-height: 1.3em;
	border-bottom: 1px solid #eee;
	display: block;
	margin-bottom: 5px;
}
div.AS_ajax_more {
	line-height: 1.3em;
	border-bottom: 1px solid #eee;
	display: block;
}

/* Blog Date Format */
.ditto_info {
font-size: .9em;
font-style: italic;}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
	font-size:.95em
}
#EmailForm.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}
#cfContact{
padding: 3px;
background: url(../img/input-bg.gif) top left repeat-x;
color: #FFF;
}

/*******************MAP Image *********************/
#map {
float: right;
padding: 3px;
text-align: center;}

/*****************Ditto Pagination ********************/
/* Ditto Pagination */
.ditto_currentpage{ padding: 0 4px; border: 1px solid #000; background: url(../img/input-bg.gif) top left repeat-x; color:#FFF;}
.ditto_page{ padding: 3px 4px; border-right: 1px solid #424242;}