/* CSS Document */
/* #339999; - dark green -///- #CEFFFF; - light green -///- #00619D; - Pantone 301C */
/*    -------------------------- HTML Tag Styles --------------------------    */
* {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
body {
background-color:#CEFFFF;
padding-top:10px;
}
h1 {
color:#00619D;
font-size:200%;
font-weight:bold;
margin-top:0px;
}
h2 {
color:#00619D;
font-size:150%;
font-weight:bold;
}
acronym {
cursor:pointer;
font-weight:bolder;
font-size:14px;
margin-left:5px;
padding: 3px 5px 3px 5px;
background-color:#00619D;
color:#FFFFFF;
}
a:link {
color:#339999;
}
a:visited {
color:#339999;
}
a:hover {
color:#00619D;
}
/*    -------------------------- Div Layout Styles --------------------------    */

#email td {
text-align:left;
padding:5px 5px 5px 5px;
background-color:#F5EAEC;
border:1px solid #339999;
}
#email th {
text-align:center;
background-color:#00619D;
color:#FFFFFF;
border:1px solid #339999;
}
#header {
margin:auto;
}
#main_bg {
background:url(main_bg.gif) repeat-y;
width:970px;
margin:auto;
}
#maincontent {
/* top right bottom left */
padding: 10px 30px 20px 30px;
}
#top_bg {
background:url(top_bg.gif) no-repeat;
width:970px;
margin:auto;
height:40px;
}
#bottom_bg {
background:url(bottom_bg.gif) no-repeat;
width:970px;
margin:auto;
height:60px;
}
/*    -------------------------- General Styles--------------------------    */
.copyright {
color:#00619D;
}
.center {
text-align:center;
}
.title {
color:#00619D;
font-size:200%;
font-weight:bold;
}
.subtitle {
color:#00619D;
font-size:130%;
font-weight:bold;
}
.message {
color:#B80029;
padding:10px 10px 10px 100px;
border:5px solid #B80029;
width:80%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
text-align:center;
background-color: #FFFFFF;
background-repeat:  no-repeat;
background-position:  10px 10px;
background-image: url(information.gif); 
min-height:50px;
font-weight: bold;
}
.boldtext {
color:#00619D;
font-weight:bold;
}
.redtext {
color:red;
font-weight:bold;
}
.terms_and_conditions, #emailllist {
text-align:left;
}
.terms_and_conditions li {
line-height:25px;
display: block;
list-style-type: none;
padding: 3px 5px 3px 25px;
background:url(H.gif) no-repeat;
/* horizontal vertical */
background-position:2px 12px;
}
.plus {
border:none;
margin-left:10px;
}
/*    -------------------------- NavLinks Styles --------------------------    */
.navlinks {
padding: 12px 5px 5px 5px;
}
.navlinks a {
display: inline;
list-style-type: none;
padding: 3px 5px 5px 20px;
border: 1px solid #ffffff;
background:url(H.gif) no-repeat;
/* horizontal vertical */
background-position:5px 6px;
margin-left:2px;
}	
.navlinks a:link, .navlinks a:visited {
color: #00619D;
text-decoration: none;
background-color: #ffffff;
}	
.navlinks a:hover {
border: 1px solid #ffffff;
background-color: #339999;
color: #ffffff;
/* horizontal vertical */
background-position:5px 6px;
margin-left:2px;
}
.navlinks a:active {
border: 1px solid #ffffff;
background-color: #339999;
color: #ffffff;
}
/*    -------------------------- Sortable tables --------------------------    */
table.sortable {
margin:auto;
border:1px solid #00619D;
margin-top:10px;
margin-bottom:10px;
}

table.sortable a.sortheader {
background-color:#00619D;
color:#ffffff;
font-weight: bold;
text-decoration: none;
display: block;
text-align:center;
height: 20px;
}
table.sortable span.sortarrow {
color: White;
text-decoration: none;
}
table.sortable td {
text-align:center;
padding:5px 5px 5px 5px;
background-color:#F5EAEC;
border:1px solid #339999;
}
/*    -------------------------- Email Archive --------------------------    */
#emaillist {
text-align:left;
width: 800px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
border: 2px solid #00619D;
}
#emaillist li {
line-height:25px;
display: block;
list-style-type: none;
padding: 3px 5px 3px 25px;
background:url(H.gif) no-repeat;
/* horizontal vertical */
background-position:2px 12px;
}
.emailsubjectheading, .emailmessageheading {
padding:10px;
margin-bottom:10px;
text-align:left;
}
.emailsubject {
border: 2px solid #00619D;
padding:10px;
margin-bottom:10px;
text-align:left; 
}
#emailmessage td, #emailbody {
text-align:left;
}
#emailcontainer {
text-align:center;
width: 800px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
}
#unsubscribe {
display:none;
}
/* --------------------------- Form Validation -----------------------    */
.submitbutton {
background-color:#00619D;
color:#FFFFFF;
padding:2px 2px 2px 2px;
}
legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
color:#00619D;
}
input {
padding:2px;
}
#validation-advice {
margin: 10px 0;
padding: 5px;
background-color: #00619D;
color : #FFF;
font-weight: bold;
border:1px solid #000000;
}
fieldset {
padding: 1em;
margin:0 auto;
margin-bottom: 0.5em;
border:1px solid #00619D;
text-align:left;
width:90%;
}
label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 130px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
font-weight:bold;
}
.form-row {
clear: both;
padding: 5px;
}
.buttons {
margin: 0 auto;
margin-top:10px;
text-align:right;
width:90%;
}
/* --------------------------- End Form Validation -----------------------    */
#unsubscribe {
display:none;
}
