@charset "utf-8";
/*
CSS Document created for Web 2.0 and modern browsers

Theme Name: the Porch 
Theme URL: http://www.thePorch.com
Version: 1.0
Author: Benjamin Walker
Email: bwalker@definitiveskill.com
Website: http://www.definitiveskill.com
*/

/* Global Settings
------------------------------------------------------------ */
body {background:#919570 url(../images/bg.png) repeat-x; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131;}
p {margin:10px;}
br {clear:both;}

/* Page Layout (Divisions, Content, Navigations, Footer)
------------------------------------------------------------ */
#wrapper {width:1152px;}

/* Logo */
#logo {width:219px; height:142px; position:absolute; left:85px; top:10px;}
#logo h2 {text-indent:-9999px;}
#logo a {width:219px; height:142px; background:url(../images/logo.png) no-repeat; position:absolute; text-indent:-9999px;}

/* Main Navigation */
#menu {position:absolute; left:380px; top:117px; width:569px;}
#menu li {float:left; height:96px; list-style-type:none;}
#menu a {position:absolute; text-indent:-9999px;}

.contactUs {width:128px; background:url(../images/menu/Contact-us.png) no-repeat;}
.contactUs a {width:80px; height:50px; left:485px; top:28px;}
.membership {width:104px; background:url(../images/menu/Membership.png) no-repeat;}
.membership a {width:80px; height:50px; left:387px; top:25px;}
.support {width:83px; background:url(../images/menu/Support.png) no-repeat;}
.support a {width:70px; height:50px; left:300px; top:22px;}
.staff {width:55px; background:url(../images/menu/Staff.png) no-repeat;}
.staff a {width:45px; height:50px; left:243px; top:20px;}
.programs {width:89px; background:url(../images/menu/Programs.png) no-repeat;}
.programs a {width:75px; height:50px; left:157px; top:18px;}
.history {width:110px; background:url(../images/menu/History.png) no-repeat;}
.history a {width:80px; height:50px; left:68px; top:16px;}

/* Divisions */
#left {width:63px; height:672px; background:url(../images/left.jpg) no-repeat; float:left;}
#right {width:139px; height:672px; background:url(../images/right.jpg) no-repeat; float:left;}
#container {width:950px; background:#eaece3 url(../images/top_left.jpg) no-repeat; float:left;}
#sideBarContainer {margin:auto; width:230px;}
#pictureArea {width:802px; height:225px; float:right;}
#sideBar {width:300px; float:left; background:url(../images/sideBar_top.jpg) no-repeat;}
#content {width:630px; float:left; background:url(../images/content_top.jpg) no-repeat; padding-right:20px;}

/* Footer */
#footer {height:137px; background:url(../images/footer_bg.jpg) repeat-x;}
#partners {width:300px; height:137px; background:url(../images/footer_logo.jpg) no-repeat left center; margin-left:15px; float:left;}
#credits {width:600px; float:right; padding:85px 15px 0 0;}

#footer p {color:#fff; text-align:right; margin:0;}
#footer a {color:#fff;}

/* Home, Staff, Membership, Contact */
#galleryLink {width:596px; height:135px; margin:auto; background:#bbbdb6; border:1px double #aaa;}
.viewGal {position:relative; margin:5px 5px 0 5px; background-color:#393939; width:135px; height:100px; float:left; border:2px solid #999;}
.resize {width:220px; height:auto;}
.clip1 {position:absolute; clip:rect(23px, 197px, 123px, 62px); left:-62px; top:-23px;}
.clip2 {position:absolute; clip:rect(23px, 197px, 123px, 62px); left:-62px; top:-23px;}
.clip3 {position:absolute; clip:rect(23px, 197px, 123px, 62px); left:-62px; top:-23px;}
.clip4 {position:absolute; clip:rect(23px, 197px, 123px, 62px); left:-62px; top:-23px;}
.viewGalBtn {text-align:center; background:url(../images/galBtn.png) no-repeat center; height:36px; padding-top:15px;}
.viewGalBtn a {color:#fff; text-decoration:none;}

.staffPics {margin-left:20px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.staffPics img {float:left;}
.name {font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:20px; color:#003e75; padding-right:5px;}
.position {color:#a0902c; font-weight:bold; font-size:14px;}
.signUp {width:580px; height:170px; margin:auto; background:#bbbdb6;}
.donationPic {width:140px; height:147px; border:1px solid #fff; margin:10px 0 0 10px; float:left;}
.benefits {float:left; display:block; width:370px; margin:0 0 0 10px; padding-left:30px;}
.orderFormBtn {float:left; display:block; width:395px; margin:15px 0 0 15px;}
iframe {border:2px solid #fff;} /* Google Map */
embed {border:2px solid #ddd;}




/* Typography
------------------------------------------------------------ */
h1, h2, h3, h4 {margin:0;}

h1 {font-family:"Times New Roman", Times, serif; color:#003e74; font-size:22px; float:left;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#a28f26; font-size:14px; float:left; padding-left:12px; padding-top:9px;}
h2 a {font-family:Arial, Helvetica, sans-serif; color:#a28f26; text-decoration:none;}
h3 {background:url(../images/bar.png) no-repeat; width:218px; height:36px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; padding: 9px 0 0 20px;}
h4 {font-size:14px; border-bottom:1px solid #999; display:block;}
h5 {display:block; width:400px; float:left; font-size:20px; margin-left:10px; border-bottom:1px solid #999; margin:15px 0 0 10px;}
h6 {display:block; width:395px; float:left; font-size:16px; margin:5px 0 5px 15px;}
a {color:#1d6490; outline:none;}
.bold {font-weight:bold;}


/* Form (Form Styles, Buttons, Boxes)
------------------------------------------------------------ */
label {display:block; width:65px; float:left;}