
@import "default.css";

body {
 background-color: White;
 color: Black;
 font: 12px/normal "Lucida Sans", Arial, Helvetica, sans-serif;
 text-align: center;
}




/* Generic elements */

a,:link,:visited { 
 color: #ad5353;
 text-decoration: underline;
}
a:hover { 
 color: Black;
 text-decoration: underline;
}
a.important, a.on { 
 text-decoration: underline;
}

p { padding: .3em 0;}
p, li{ line-height:140%}



img.rflt {
 display: inline;
 float: right;
 margin: 0 0 10px 10px;
}
img.lflt {
 display: inline;
 float: left;
 margin: 0 10px 10px 0;
}

ul.classic {
 list-style: disc;
 padding: .5em 0 .5em 2em;
}
ul.classic ul {
 list-style: circle;
 padding: .5em 0 .5em 2em;
}
ol.classic {
 list-style: decimal;
 padding: .5em 0 .5em 2em;
}




/* Headings */

h1 {
 margin: 1em 0;
 font-size: 19px;
 font-weight: normal;
 letter-spacing: -1px;
}
h2 {
 color: #a04444;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
  margin: 10px 0 0 0
}
h2 a, a h2{text-decoration:none}
a:hover h2{color:#000}

h3 {color: #888888;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 margin: 10px 0 0 0}

h3 a{text-decoration:none}



/* Logo */

#logo {
 margin: 0 !important;
 height: 166px;
 padding: 0 0 0 40px !important;
}
#logo img {
 margin-top: 24px;
}




/* Main Layers */

#container {
 width: 740px;
 margin: 0 auto;
 text-align: left;
 background: url(images/bg.gif) top right repeat-y;
}
#content {
 background: url(images/page-top.jpg) top left no-repeat;
}
#wrapper {
 float: left;
 width: 522px;
}
#mainbar {
 float: left;
 width: 317px;
 margin-top: 55px;
 padding-bottom: 15px;
}
#port {
 float: left;
 width: 205px;
 padding-bottom: 15px;
}
#starboard {
 background: url(images/corners/txtbox2-top.png) top left no-repeat;
 float: left;
 width: 169px;
 margin-top: 55px;
}
#article {
 padding: 0 25px;
 font-size: 13px;
 margin: auto;
}
#footer {
 clear: both;
 width: 100%;
 padding-top: 20px;
 background: White url(images/page-bottom.jpg) top left no-repeat;
}
#footer p {
 padding: 25px 40px;
 color: White;
 font-size: 10px;
 text-align: right;
}
#topleftdesign {
 width: 730px;
 margin: 5px auto 0;
 font-size: 11px;
 text-align: right;
}


#starboard .wrap {
 padding: 10px 0;
 background: url(images/corners/txtbox2-bottom.gif) bottom left no-repeat;
}
#starboard p.pic {
 padding: 10px 0;
 text-align: center;
}
img.pic2 {margin: 0 10px 0 50px;}


p.copyprob{color:#ff0000}

/* Navigation */

.nav li a,
.nav li a:visited {
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
}
.nav li a:hover,
.nav li a.on {
 color: #ad5353 !important;
}

#port .nav {
 margin: 25px 25px 0 0;
}
#port .nav li {
 padding: .3em;
 text-align: right;
}
#port .nav li a,
#port .nav li a:visited {
 color: #c1c1c1;
 font-weight: bold;
 text-transform: uppercase;
}
#port .nav li a:hover,
#port .nav ul li a.on {
 color: #ad5353;
}

#starboard .nav {
 margin: 10px 30px;
}
#starboard .nav li {
 padding: .5em 0;
}
#starboard .nav li a,
#starboard .nav li a:visited {
 font-size: 15px;
 color: #888;
 font-weight: bold;
 text-transform: uppercase;
}
#starboard .nav li a:hover,
#starboard .nav li a.on {
 color: #ad5353 !important;
}






/* Textboxes */

.textbox1 {
 float: left;
 width: 311px;
 background: #efb1b0 url(images/corners/txtbox1-top.gif) top left no-repeat;
 color: White;}

.textbox1 .wrap a {color:#fff;text-decoration:underline;}
.textbox1 .wrap a:hover{color:#ad5353;text-decoration:underline;}

.textbox1 .wrap {
 min-height: 100px;
 padding: 10px 25px;
 background: url(images/corners/txtbox1-bottom.gif) bottom left no-repeat;
}
* html .textbox1 .wrap {
 height: 100px;
}


 /* Form styles */
table.contact{width:260px} 
.contact td{ color:#000} 
.contact td input{ font: normal normal 11px verdana,sans-serif;  color:#000; border: 1px solid #ad5353;width:150px }
.contact td input.formbutton{ font: normal normal 12px verdana,sans-serif; color:#000; border: 1px solid #ad5353;width:60px } 
.contact td select{ font: normal normal 11px verdana,sans-serif;  color:#000; width:150px; border: 1px solid #ad5353; }
.contact td textarea{ width:150px; font: normal normal 11px verdana,sans-serif;color:#000; border: 1px solid #ad5353;} 