body { margin: 0px; padding: 0px; padding-bottom: 40px; background-color: rgb(206,215,217); background-image: url('../images/penner_bg_fade.jpg'); background-repeat: repeat-x;}

#h-bar { height: 16px; widht: 100%; background-color: rgb(12,56,94); }


#c-container { width: 960px; height: auto; margin: 0 auto; background-image: url('../images/penner_bg.jpg'); background-repeat: no-repeat; background-position: top center; }
#c-left, #c-right { padding: 24px; border-top: 6px solid rgb(114,0,21); border-bottom: 12px solid rgb(114,0,21); background-color: white; }

#c-left-container { float: left; width: 640px; }

#c-left-top { height: 55px; }


#c-left { width: 592px; }
#c-left img { margin: 10px; }
#c-left-respond { background-color: #eee;  padding: 15px; border-top: 3px solid rgb(127,22,22); margin-top: 60px;}
#c-left-respond div { border-top: 1px dotted silver; clear: left;}	
	
	form label {display:block; font-weight:bold; text-align:right; width: 135px; font-size: 13px; margin: 6px; margin-top: 12px; float:left; text-transform: uppercase; color: #444;}

	form input, form textarea, form select {
		float:left;
		font-size:12px;
		border: solid 1px rgb(235,231,232);
		height: 15px;
		padding: 4px;
		margin: 8px;
		width: 359px;

	}

	form textarea { height: 150px; }
#send { height: 20px;  background-color: white; width: auto; height: 30px; background-color: rgb(12,56,94); color: white; font-weight: bold; text-transform: uppercase;}




#c-right-container { float: left; width: 320px; }


#c-right-top { height: 184px; }
#c-right-title { float: left; width: 166px; padding-left: 10px; padding-bottom: 10px; margin-top: 110px;}
#c-right-title h1 { font-size: 18pt; text-transform: uppercase; font-weight: bold; color: rgb(80,80,80);}
#c-right-title h2 { font-size: 11pt; text-transform: uppercase; font-weight: bold; color: rgb(130,130,130);}

#c-right-headshot { float: right; width: 144px; }
#c-right-headshot img { margin-top: -16px; }

#c-right { width: 296px; padding-left: 0px;  background-color: rgb(250,250,250);}

#c-right-footer { padding: 12px; width: 296px; background-color: rgb(135,157,171); border-bottom: 12px solid rgb(12,56,94); }
#c-right-footer h2 { font-size: 11pt; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0;}
#c-right-footer p { color: white;  text-transform: uppercase; font-size: 9pt;}
#c-right-footer div { float: left; width: 50%; } 


.clear { clear: both; float: none;}


h1 { color: rgb(114,0,21); font: normal normal normal 250%/1 'Myriad Pro', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 26px; margin-bottom: 10px; margin-top: 10px; padding-top: 0px; }
h2 { color: rgb(12,56,94); font: normal normal normal 250%/1 'Myriad Pro', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 10px; margin-top: 10px; padding-top: 0px; text-transform: uppercase; }
h3 { color: rgb(12,56,94); font: normal normal normal 250%/1 'Myriad Pro', Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 10px; margin-top: 10px; padding-top: 0px; font-weight: bold }
p, li, td, blockquote { color: rgb(100,100,100); font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px;}
blockquote { font-style: italic; }

h6 { font-size: 10pt; display: block; width: auto; float: left; padding: 0px 9px 10px 8px; margin: 17px 0px 0px 0px; text-transform: uppercase;  color: white; }
h6 a { color: rgb(70,70,70);  }
h6 a:hover { border-bottom: 2px solid gold; padding-bottom: 4px; }


.special { background-color: #eee; padding: 2px; padding-left: 7px; border-left: 4px solid rgb(12,56,94); margin-bottom: 4px; border-bottom: 1px solid silver;}
.special:hover { border-left: 8px solid rgb(114,0,21); }
.special h1 { font-size: 18px; text-transform: uppercase; margin: 0; padding: 3px; text-decoration: none;}
.special h1 a { text-decoration: none; color: rgb(114,0,21); }
.special h2 { font-size: 12px; margin: 0; padding: 3px; }

.twitter { color: rgb(100,100,100); font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; background-image: url('../images/twitter_footer_bg.png'); background-position: bottom center; background-color: rgb(172,239,253); background-repeat: no-repeat;  padding-bottom: 65px; }
.twitter .date { float: left; width: 90px; padding: 0px 5px 0px 10px; border-right: 1px solid white; font-weight: bold;}
.twitter .message { float: left; width: 180px; padding: 0px 5px;}

#news_photo { color: rgb(120,120,120); font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 20px; border-bottom: 1px solid silver; padding-bottom: 10px; margin-bottom: 10px; width: 594px; }
.news_list { margin: 15px 0px; border-top: 1px solid silver; padding: 10px 0px; }

.photo_list { width: 285px;  float: left; padding: 0px; border-bottom: 1px solid silver; margin: 4px 10px 4px 0px;}
.photo_list img { width: 285px; border: 1px solid silver;}


#news_photo h1 { font-size: 21pt; text-transform: uppercase; }

#homepage_top h1 { margin-top: 0px; }


#homepage_middle { background-color: #efefef; border-top: 2px solid silver; padding: 10px 20px;}
#homepage_middle h1 { font-size: 14pt; font-weight: bold;}
#homepage_middle h2 { font-size: 12pt; }

.pagination { display: inline; padding: 3px; border: 1px solid rgb(80,80,80); font-family: verdana; font-size: 8pt;  }
.pagination a { text-decoration: none; color: rgb(120, 120, 120);}
.current { font-weight: bold; border: 1px solid white; background-color: rgb(12,56,94); }
.current a { color: white; }

#gallery img, #homepage_slideshow img, #homepage_top img { margin: 0px; }