body {padding:0; margin:0;background-color:#000000;height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:13px; line-height:1.2em;}
#title {font-size:150%; text-align:center; border-bottom:2px solid; background-image:url(/images/header7.png); background-repeat: no-repeat; height:200px; background-color:#9caf9c;}
/** columns **/
#content {margin:0 auto;   }
#leftc, .porttext {float:left; width:550px;}
#rightc {float:right; width:350px;}
#fullc {width:100%;}
/** contact us form CSS **/
form, label, input { font-size : 1em; }
fieldset {margin:20px; padding-bottom:30px; }
label {position : relative;  }
label input { display: inline; left : 100%; margin-bottom:10px;  width:200px;background-color:#FFFFCC; border:1px solid #C5C5C5;}
#formbutton{text-align:center; padding-top:15px;}
br { clear: both; } 
.msgbox {float:right; width:450px; padding-top:25px;}
textarea {margin-top:10px; background-color:#FFFFCC; border:1px solid #C5C5C5;}
.formleft {float:left; width:400px; text-align:right; }
.formblurb {text-align:left;}
/** formatting items **/
a.email, a.email:hover {font-variant:normal;}
a.plainlink, a.plainlink:hover {border:none;}
h1 {font-size:15px; margin-left:15px; font-variant:small-caps; color:#336600; }
.semihr {margin:0 10px; color:#C5C5C5;}
ul {line-height:2em;}
img {border:none; }
a {text-decoration:none; border-bottom: 1px dotted #000066; color:#003300; font-variant:small-caps;}
a:hover {color:#000000; font-variant:small-caps; border-bottom:1px solid;}
a img {border:none;}
.errortitle {font-size:15px; color:#336600; display:block; margin:30px 0 0 15px; }
/** promotional items css **/
.promobox {width:320px;margin:20px 10px 25px 5px; border:2px solid #C5C5C5; border-bottom:3px solid #C5C5C5; background-color:#F1F1F1; }
.promobox p {padding:5px;}
.promohead {height:auto;width:100%; background-color:#FFFFCC;text-align:center;border-bottom:1px solid #C5C5C5;padding:5px 0;}
#emailimg {float:right; padding:5px;}
.promotitle {font-size:14px; padding:10px 5px; font-weight:bold; font-variant:small-caps;}
.promotext {padding:10px;}
.promofooter {clear:both;}
/** changing pictures css - with text indents. **/
.changepicr {float:right; }
.changepicl {float:left; padding:0 10px 10px 0; }
.changepicr a, .changepicl a {overflow:hidden; display:block; background-repeat:no-repeat;}
#cpemail a, #cpemail a:hover  {height:72px; width:100px;}
#cpemail a:hover {text-indent:-100px;}
#cpcharity a, #cpcharity a:hover {height:70px; width:75px;}
#cpcharity a:hover {text-indent:-75px;}
/** portfolio stylings **/
.portfolio {margin-top:10px;}
.portfolio img {padding:5px; border:1px solid #C5C5C5;float:right; margin:5px 10px;}
.porttext {margin: 0 15px 15px; }
.portfolio ul {line-height:1.6em;}
.portfolio h1 {font-size:16px; background-color:#FFFFCC; padding:10px 0 10px 10px; margin-right:10px; color:#000000; border:1px solid #C5C5C5;}
.portfolio hr {background-color:#E4E4E4; border:none; height:2px; margin: 0 10px 0 15px;}
/** promotree on about us page **/
.promotree {margin: 10px 20% 10px 20%;}
.promohead {}
.pttext {text-align:center;padding:5px; border:1px solid #C5C5C5; background-color:#FFFFCC; width:150px; margin:10px 0 0 28px;}
/** curvy div **/
.curvy {position:relative; width:950px; background:#FFFFFF; color:#000; margin:1em auto; }
#curvyhome {background-image:url(/images/spiderb.png); background-position: bottom right; background-repeat:no-repeat;}
.curvy p {position:relative; z-index:100; padding:10px 15px; }
/** footer stylings **/
#footer {clear:both; height:40px; background-color:#000000;}
#footcontent {float:right;background-color:#F1F1F1;  width:942px; height:40px;border: 4px solid #C5C5C5; text-align:right; margin-top:10px; }
#copy {margin:10px 15px;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.topnav{padding:0;width: 800px;background: transparent;voice-family: "\"}\"";voice-family: inherit;}
.topnav ul{margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;list-style: none;}
.topnav li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
.topnav a{float: left;display: block;font: 14px Arial;color: black; border:none;
text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;}
.topnav a:hover{background-color: #A0522D; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;}
.topnav .current a{ /** currently selected menu item **/
background-color: #A0522D; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;}