/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 12px; font-family: Arial, san-serif; line-height: 16px; }  /* Default font for all items */
* { -moz-box-sizing:border-box;box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 60px 0px 2px 0px; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: solid; height: 1px; overflow: hidden; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: disc; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Verdana; font-weight: bold; }

h1 { color: #614C28; font-size: 18px; margin: 8px 0px 15px 0px; font-weight: normal; }
h2 { color: #614C28; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #614C28; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { color: #4D4D4D; font-size: 12px; margin: 0px 0px 15px 0px; }
a  { color: #614C28; font: normal 12px Arial, san-serif; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }




/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/


#main { width: 770px; margin: 0px auto; }



#logo { float: left; margin-bottom: 8px; border: none; }
#tagline { float: right; margin-top: 55px; margin-bottom: 8px; }



#bodyContainer { border: 1px solid #CC99CC; }
#bodyInner { height: 291px; }

#bodyContainer * { color: #666666; }

.inside { padding: 30px 30px 30px 30px; overflow: hidden; }


#body { padding: 15px 15px 0px 15px; }

#footer { margin-top: 15px; }
#footerLeft { float: left; width: 180px; }
#footerRight { float: right; width: 570px; text-align: right; color: #F4E8D4; }

#footerRight span { color: #F4E8D4; }

#footerLeft h4 { color: #a65ca4; font-size: 12px; font-weight: normal; margin-bottom: 5px; }
#footerLeft h4 a { color: #a65ca4; font-size: 14px; text-decoration: none; font-weight: bold;; }
#footerLeft img { border: none; }
#footerLeft p { color: #a65ca4; margin-bottom: 0px; }

#footerLeft a { color:#a65ca4; font-weight: normal; text-decoration: none; line-height: 16px; letter-spacing: 0.05em; }
#footerLeft a:hover { text-decoration: none; color: #3a0c38;}



a { color: #a65ca4; text-decoration: none; font-size: 12px; font-weight: normal; font-weight: bold; }
a: hover { font-weight:normal; color: #3a0c38; }


#nav {  }
#nav a { display: block; float: right;  text-decoration: none; font-size: 11px; font-family: Verdana; font-weight: normal; margin-left: 20px; }


#nav a, #featuredRight .inner a { color: #a65ca4; }
#nav a:hover, #featuredRight .inner a:hover, #featuredRight a.highlight, #nav a.highlight { font-weight:normal; color: #3a0c38; }



#featuredLeft { width: 518px; height: 100%; float: left; text-align: center; margin-left: 0px; background: #FFFFFF; }
#featuredRight { float: right; height: 100%; width: 250px; background: #FFFFFF; }
#featuredRight .inner { height: 210px; }

#featuredRight a { font-weight: normal; text-decoration: none; font-size: 12px; }
#featuredRight b { font-size: 12px; }




#featuredRight #next, #featuredRight #prev, #next, #prev { font-weight: bold; text-decoration: none; }
#featuredRight #next:hover, #featuredRight #prev:hover, #next:hover, #prev:hover { text-decoration: underline; }
#next img, #prev img { border: none; }
#next { float: left; margin-left: 0px; }
#prev { float: left; margin-right:15px; }




/* Contact Form */



.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 80px; }
.contactForm td { padding-top: 5px; }
.contactForm tr td input { width: 140px; height: 16px; line-height: 16px; color: #000000; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }