/*
Site: Lamar Chamber - Lamar, CO
CSS Only: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairweb.com  
July 22, 2011
*/


/* ---- Reset CSS ---- */

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  Lamar Chamber - CSS  */
@font-face {
    font-family: 'BlackJackRegular';
    src: url('../fonts/blackjack-webfont.eot');
    src: url('../fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blackjack-webfont.woff') format('woff'),
         url('../fonts/blackjack-webfont.ttf') format('truetype'),
         url('../fonts/blackjack-webfont.svg#BlackJackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p 				{ padding:0; margin:0 0 20px 0; font: 16px/22px Tahoma, Geneva, Verdana, sans-serif; color:#221F1F; }
.completesite 	{ font: 16px/22px Tahoma, Geneva, Verdana, sans-serif; color:#221F1F; }

h1, h2, h3, h4, h5, h1.completesite, h2.completesite { color:#336633; font-weight:normal; font-family: 'BlackJackRegular', Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; }
h1, h1.completesite { margin: 0 0 20px 0; font-size: 36px; line-height:42px; display:block; }
h2, h2.completesite { margin: 0 0 10px 0; font-size: 26px; line-height:32px; }
h3 { margin: 0; font-size: 22px; line-height:28px; }
h4 { margin: 0; font-size: 18px; line-height:22px; }

#sidebar .completesite { font-size:13px; color:#FFF; }

/*  Layout  */
body {
	margin: 0;
	background:#EEEDDD;
	font: 16px/22px Tahoma, Geneva, Verdana, sans-serif;
	color:#221F1F; text-align:left;
}

#container	{ width:940px; margin:0 auto; background:#CFD5BC url(../images/container-bg.png) 0 0 repeat-y; padding:0 10px; zoom:1; position:relative; }
#banner		{  }
#divider	{ height:30px; background:url(../images/yellow-divider.png) 0 0 repeat-x; }
#content	{ background:url(../images/content-bg.jpg) 0 0 repeat; position:relative; }
  #reminders{ padding:30px 0 0 0; height:62px; width:175px; background:url(../images/reminders.png) 0 0 no-repeat; position:absolute; right:47px; top:28px;  }
  #nav		{ padding:30px 10px 10px 20px; text-align:right; color:#FFF; }
  #main		{ padding:30px 20px 30px; }
  #sidebar	{ margin:80px 0 0 0; font-size:14px; background-color:#0054A5; padding:10px; }
    #fleuron{ margin-top:10px; }
#footer		{ background-color:#0054A5; height:30px; padding:10px 15px; font-size:11px; color:#FFF; }
  #copy		{ float:left; width:250px; }
  #footerNav{ float:right; text-align:right; width:650px; }

  
/*  links  */
a { white-space:normal; }

a:link, a:visited, a:active, a:hover { color: #8C6C1A; font-weight: bold; text-decoration: none; } 
a:hover   { color: #110D0A; text-decoration:underline; }

a.mainNav:link, a.mainNav:active, a.mainNav:visited, a.mainNav:hover {
	color:#FFF;
	text-transform:uppercase;
	padding:0;
	font-size:14px;
	line-height:25px;
	}
a.mainNav:hover {
	text-decoration:none;
	color:#DDD;
}

a.footerNav:link, a.footerNav:active, a.footerNav:visited, a.footerNav:hover {
	text-decoration:none;
	font-size:10px;
	color:#F6D821;
	font-weight:bold;
}
a.footerNav:hover {
	color:#FFF;
}


/* Lists */

ul { padding:0; margin:0; }
li { padding:0; margin:0 0 0 20px; border:0; }

#footer ul { margin:0; padding:0; list-style:none; }
#footer li { margin:0; padding:0 0 0 11px; display:inline; }


/* form elements */

input[type="text"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}

input[type="text"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }

input [type="image"] { border:none; }


/* random */

.center	{ text-align:center; }
.space	{ padding:0 4px; }
.pipe	{ margin:0 0 0 10px; color:#666; font-size:12px; }