body { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images-css/wisteria.jpg); background-repeat: repeat-y; background-position: 980px top;  }
html, body { height: 100%; }

* {margin: 0; padding: 0; }
#wrap  { background-image: url(images-css/sidebar-bkgd-green.gif); background-repeat: repeat-y; background-position: right 0px; width: 980px; min-height: 100%; }

html { overflow-y: scroll; }/*fixes page shift problem*/
img, img a { border:none; }
p    { font-size: 11px;line-height: 140%; }

.float-right { float:right; }
.float-left { float:left; }

/*start MENU*/
#nav { background-color: #688; width:100%; height: 30px; }
#nav ul { display: block; height: 20px; padding-left: 20px; }
#nav li { font-weight: bold; display: block; float: left; padding-right: 25px; padding-left: 7px; margin-top: 8px; list-style-type: none; border-left: 1px solid black; }
#nav li:first-child   { border-left-style: solid; border-left-width: 1px; border-left-color: #000; }
#nav span, #nav span a  { color:#000; font-size: 10px; display: block; }
#nav li:hover { }
#nav a { color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; display: block; }
#nav a:hover   { color: #505d5c; }
/* end MENU */


#main-content { width: 980px; overflow:auto; padding-bottom: 60px;/* must be same height as the footer */ }  

h1 { color: #903; font-size: 18px; font-family: "Times New Roman", Times, Georgia, serif; font-style: normal; font-weight: normal; text-align: left; text-transform: uppercase; word-spacing: 5px; letter-spacing: 5px; margin-bottom: 20px; padding-top: 200px; padding-bottom: 10px }
h2   { color: #466; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom:5px; }

#column1     { width:680px; float: left; background-image: url(images-css/header-950.gif); background-position: 0 0; background-repeat: no-repeat; padding-right: 35px; padding-bottom: 50px; padding-left: 35px; height: 100%; }
#column1 .dots  { padding-top: 15px; }
#column1 p    { color: #333; font-size: 11px; line-height: 150%; padding-top: 5px; padding-bottom: 5px; }
#column1 p strong   { font-size: 11px; }
#column1 .mouse   { color: black; font-size: 10px; line-height: 15px; margin-bottom: 0; padding-right: 25px; padding-bottom: 20px; padding-left: 0; }
#column1 .index { color: #222; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }

#column1 .photo-right { float:right; margin-left: 8px; }
#column1 .photo-left { float:left; margin-top: 8px; margin-right: 8px; }
#column1 .mouse   { color: black; font-size: 10px; line-height: 15px; margin-bottom: 0; padding-right: 25px; padding-bottom: 20px; padding-left: 0; vertical-align: bottom }

#index { width: 100%; margin-bottom: 20px; }
#index a { color: #222; font-size: 11px; font-weight: bold; }

#index ul { float:left; width: 200px; }
#index li { font-size: 11px; font-weight: bold; list-style-position: outside; list-style-type: disc; margin-left: 12px; padding-left: -5px; padding-bottom:5px; }
#index li a { color: #222; }
#index ul.short { width: 150px; }

#bulletlist    { margin-left: 0; padding-left: 0; list-style: none; font-size: 11px; }
#bulletlist li   { background-image: url("images/bluebullet.gif"); background-repeat: no-repeat; background-position: 0 0.5em; padding-top: 2px; padding-bottom: 7px; padding-left: 17px; line-height: 150%; }

#sidebar      { float: left; width: 230px; min-height: 100%; }
#sidebar h1 { color: #720; font-size: 12px; font-weight: bold; line-height: 13px; text-align: center; padding-top: 20px; padding-bottom: 5px; }

#sidebar-blue { background-image: url(images-css/sidebar-bkgd-blue.gif); background-repeat: repeat-y; background-position: 0px 0px; height: 100%; width: 100%; }
#sidebar-blue p { color:#fff; }
#sidebar p   { font-size: 10px; line-height: 150%; padding: 5px 20px 5px 20px; text-align: center; }

#sidebar p.quote    { font-weight: normal; line-height: 180%; padding-right: 25px; padding-bottom: 0; padding-left: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; }
#sidebar p.quote strong   { font-weight: bold; }

#sidebar p.author { font-size: 10px; font-weight: bold; padding-top: 10px; padding-bottom: 0px; }
#sidebar p.location { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 0px; padding-bottom: 30px; }

#sidebar .award-text { font-size: 10px; font-weight: bold; text-align: center; margin-top: 5px; } 
#sidebar img { margin-right:auto; margin-left:auto; display: block; }
#sidebar img .left { margin: none; display: none; text-align: left; }

#constant-contact { background-color: #97171a; padding-top: 10px; padding-bottom: 10px; text-align: center; }
#constant-contact a:link, #constant-contact a:hover, #constant-contact a:active, #constant-contact a:visited { color: #FFF; font-size: 11px; font-weight: bold; line-height: 150%; }


#footer { background-color: #222; width: 910px; padding: 17px 35px 0 35px; position: relative; margin-top: -60px; /* negative value of footer height */ height: 60px; clear:both; vertical-align: text-top; } 

#footer { color: #FFF; font-size: 10px; font-weight: bold; }
#footer a { color: #FFF; }
#footer a:hover { color: #c85721; }
#footer img { float: right; padding-left: 15px; vertical-align: text-top; }

#credit { margin-top: 5px; }
#credit a { color: #888; font-size: 9px; font-weight: normal; }


.float-left {float:left; }
.photo-right { float:right; padding-left: 5px; padding-top: 8px; padding-bottom: 5px; }

a:link      { color: #000; text-decoration: underline }
a:visited      { color: #000; text-decoration: underline }
a:hover        { color: #688; text-decoration: none }
a:active    { color: #000; text-decoration: none }

.dots       { margin-top: 0; padding-top: 0; border-bottom: 1px dotted #9a3; margin-bottom: 5px; }
.right       { background-image: url("images/wisteria.jpg"); background-repeat: repeat-y; background-position: left top }

.spacer-5 { height:5px;}
.spacer-10 { height:10px;}
.spacer-15 { height:15px;}
.spacer-20 { height:20px;}