/* Sun Room Designs */
/* Last updated 5/18/05 */


/* Both html and body should have margin and padding set to zero so that they will define the same container block when used with absolute positioning.  Different browsers use html or body as the root element container.*/

html * {margin: 0;}
html {margin: 0; padding: 0;}
body {background-color: #ffffcc; color: #330000; font: 12px Verdana,Arial,sans-serif; margin: 0; padding: 0;}
img {margin: 0; padding: 0; border: 0;}
div {margin: 0; padding: 0;}

a {margin: 0; padding: 0;}
a:link {color: #0000ff;}
a:hover {background-color: #ffff00; text-decoration: none;}
a:visited {color: #330000;}

.bold {font-weight: bold;}
.comment {font-weight: bold; color: red; font-style: italic;}
.caption {font: 11px Verdana,Arial,sans-serif; padding: 2px 0 10px 0; margin:0; text-align:center;}
hr {color: #ffcc00;}
h1 {font-size: 10pt; font-weight:bold; padding:2px 0 3px 10px; margin: 0; background: #ffff00; color: #330000; border-bottom: 1px solid #330000;}
  
.h1red {font-size: 16pt; font-weight:normal; padding:1px 0 1px 10px; margin: 0; background: #ffffff; color: #ff0000;}
h2 {font-size: 12pt; font-weight:bold; margin: .5em 1em .5em 10px; padding: 0; color: #330000;}
h3 {font-size: 10pt; font-weight:bold; margin: 0em 1em 0em 10px; padding: 0; color: #330000;}
ol {margin: 0 0 0 40px; padding: 0;}
ul {margin: .5em .5em 1em 40px; padding: 0;}
ul li {font: 12px Verdana,Arial,sans-serif; padding: 1px 0 1px 0;}
ul#contact {margin: .5em .5em 1em 10px; padding: 0;}
ul#contact li {padding: .5em 0; list-style-type: none;}
p {line-height: 1.25; margin: .5em 1em 1em 10px; padding: 0;}
form {line-height: 1.2; margin: .5em 1em 1em 10px; padding: 0;}
td {padding: 0.25em; font: 12px Verdana,Arial,Helvetica,sans-serif; line-height: 1.25;}

a.thumbnail {padding: 0; margin: 0;}
a.thumbnail:hover {text-decoration: none; background-color: transparent;}
img.thumbnail {padding: 0px; margin: 0px 1px 1px 0px; border: 1px solid #330000;}
img#mainimage {padding: 0px; margin: 2px 4px 2px 0px; border: 1px solid #330000;}

div#rightsidebar {float: right; margin: 0px 10px 10px 1em; text-align:center;}
div#rightsidebar img {margin: 2px 0; border: 1px solid #330000;}
div#slogan {position:absolute; z-index: 10; top: 0px; right: 0px; width: 140px; height: 100px;}
div#top {margin: 0; padding: 0; background: #ffcc00;}

div#contact {position:absolute; z-index: 5; top: 59px; right: 150px; font-size: 8pt;}
div#cat {margin: 0 0 0 120px; padding: 0;}
div#content {margin: 0px 0px 0px 118px; padding: 10px 0px 0px 0px;}
div#footer {clear: both; text-align: center; background-color: #ffcc00;}
div#nav {float: left; font-size: 11px; margin: 0; padding: 0; width: 120px; background: #330000;}

div#nav a:hover {color: #ffcc00; background-color: #330000;}
div#nav a.tier2:hover {color: #ffcc00; background-color: #330000;}

div#nav a {
  display: block; background-color: #ffcc00; color: #330000; width: 116px;
  margin: 1px 1px 1px 1px;  /*this lets the background show thru as an alternative to using a border*/
  padding: 2px 0 2px 2px;
  text-align: left;
  font: bold 11px Verdana, Arial, sans-serif;
  text-decoration: none;
}

div#nav a.tier2 {
  display: block; background-color: #ffcc00; color: #660000; width: 112px;
  margin: 1px 1px 1px 4px;
  padding: 2px 1px 2px 2px;
  text-align: left;
  font: normal 11px Verdana, Arial, sans-serif;
  text-decoration: none;
}


div#nav span#menu {
  display: block; background-color: #cc9900; color: #330000;
  margin: 1px;
  padding: 2px 0 2px 0;
  text-align: center;
  font: bold 10pt Verdana, Arial, sans-serif;
}