/* =Main Elements
----------------------------------------------- */

body {
background-color: #000000;
margin: 40px 0px;
padding: 0px;
text-align: center;
}

#container {
background-color: #fff;
margin: 0px auto;
padding: 10px;
text-align: left;
width: 860px;
}

#logo {
margin: 15px;
padding: 0px;
width: 300px;
}

.hide {
visibility: hidden;
}




/* =Nav Elements
----------------------------------------------- */

#nav {
clear: left;
float: right;
margin: 10px;
padding: 0px;
text-align: right;
}

#nav ul {
display: inline;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}

#nav ul li {
border-left: 1px solid #999;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 10px 0px 12px;
}

#nav ul li.first {
border-left: none;
font-size: 10px;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 10px 0px 0px;
}

#nav ul li a:link, #nav ul li a:visited, #nav ul li.first a:link, #nav ul li.first a:visited {
color: #999;
text-decoration: none;
}

#nav ul li a:hover, #nav ul li.first a:hover {
color: #333;
text-decoration: none;
}

#loginName {
clear: both;
float: right;
display: inline;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px 10px 10px 0px;
padding: 0px;
}


/* =Menu Elements
----------------------------------------------- */

#menu {
background-color: #666666;
/*
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
*/
margin: 0px;
padding: 8px 0px 8px 10px;
text-align: right;
width: 850px;
}

#menu ul {
display: inline;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}

#menu ul li {
border-left: 1px solid #fff;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 6px 0px 8px;
}

#menu ul li.first {
border-left: none;
font-size: 10px;
display: inline;
list-style: none;
margin: 0px;
padding: 0px 6px 0px 6px;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li.first a:link, #menu ul li.first a:visited {
color: #fff;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li.first a:hover {
color: #ccc;
text-decoration: none;
}




/* =Font Elements
----------------------------------------------- */

p {
color: #666;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

em {
font-style: normal;
font-weight: bold;
}

h2 {
color: #666;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 14px;
margin: 0px 0px 17px 0px;
padding: 0px;
text-align: left;
}

h3 {
border-bottom: 1px solid #dcdcdc;
color: #333;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
width: 784px;
}

h3.custinfo {
border-bottom: 1px solid #dcdcdc;
color: #333;
font-family: arial, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
width: 394px;
}

.error {
color: #cc0000;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
}




/* =Button Elements
----------------------------------------------- */

.button a:link, .button a:visited {
background-color: #bebebe;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #333;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-align: center;
text-decoration: none;
}

.button a:hover {
background-color: #dcdcdc;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #333;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 10px;
padding: 5px;
text-align: center;
text-decoration: none;
}

.buttonSM a:link, .buttonSM a:visited {
background-color: #bebebe;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #333;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 0px;
padding: 3px;
text-align: center;
text-decoration: none;
}

.buttonSM a:hover {
background-color: #dcdcdc;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #333;
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 0px;
padding: 3px;
text-align: center;
text-decoration: none;
}

input.button {
background-color: #bebebe;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #333;
display: block;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 0px 0px 0px;
padding: 5px;
text-align: center;
text-decoration: none;
}

.buttonalt a:link, .buttonalt a:visited {
background-color: #bebebe;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #333;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 10px 0px 0px;
padding: 5px;
text-align: center;
text-decoration: none;
}

.buttonalt a:hover {
background-color: #dcdcdc;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #bebebe;
color: #333;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 10px 0px 0px;
padding: 5px;
text-align: center;
text-decoration: none;
}

input.buttonalt {
background-color: #bebebe;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #999;
color: #333;
display: block;
float: left;
font-family: arial, sans-serif;
font-size: 9px;
line-height: 9px;
margin: 0px 10px 0px 0px;
padding: 4px;
text-align: center;
text-decoration: none;
}










/* =Interior Elements
----------------------------------------------- */

#intQuad {
background-color: #dcdcdc;
background-image: url('images/bg_highlight.png');
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #e9e9e9;
margin: 10px 0px 0px 0px;
padding: 10px;
text-align: left;
width: 840px;
}

#intQuadOuter {
background-color: #fff;
margin: 10px 0px 0px 0px;
padding: 10px;
text-align: left;
width: 820px;
}

#intQuadInner {
background-color: #fff;
border: 1px solid #dcdcdc;
margin: 0px;
padding: 15px;
text-align: left;
width: 788px;
}

table#regtable {
border: 0px;
margin: 0px;
padding: 0px;
width: 650px;
}

table#regtableFull {
border: 0px;
margin: 0px;
padding: 0px;
width: 785px;
}

td.regtable_head {
border-bottom: 1px solid #dcdcdc;
color: #369;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px 20px 4px 0px;
text-align: left;
}

td.regtable_cell {
background: url('images/dotted.gif') repeat-x bottom;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0px;
padding: 4px 20px 4px 0px;
text-align: left;
}

td.regtable_date {
background: url('images/dotted.gif') repeat-x bottom;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0px;
padding: 4px 20px 4px 0px;
text-align: left;
white-space:nowrap;
}

.selectList {
display: block;
float: right;
font-family: arial, sans-serif;
font-size: 9px;
margin: 0px 0px 0px 10px;
padding: 2px;
text-decoration: none;
}

.headerSearch {
float: right;
margin: 0px 0px 0px 20px;
padding: 0px;
}


/* =Form Elements
----------------------------------------------- */

table.formtable {
border: 0px;
margin: 0px;
padding: 0px;
}

form {
display: inline;
margin: 0px;
padding: 0px;
}

input {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
}

input.alt {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 300px;
}

input.alt2 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 15px;
}

textarea.alt {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
width: 300px;
}

.inputLabel {
background: url('images/dotted.gif') repeat-x bottom;
color: #369;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 8px 20px 8px 0px;
width: 150px;
}

.inputLabel_err {
background: url('images/dotted.gif') repeat-x bottom;
color: #c00;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 8px 20px 8px 0px;
width: 150px;
}

.inputField {
background: url('images/dotted.gif') repeat-x bottom;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 8px 20px 8px 0px;
}

.required {
color: #900;
float: left;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

/* =Newsletter Content
------------------------------------------------*/
#intHeader {
background-color: #efefef;
margin: 0px 0px 20px 0px;
padding: 10px;
width: 768px;
}

.fieldLabel {
color: #369;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: left;
width: 150px;
}

.fieldContent {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
width: 310px;
}

.inputContentLabel {
color: #369;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 5px 20px 5px 0px;
width: 150px;
}

.inputContentField {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 5px 20px 5px 0px;
}

.newsData {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}


/* =Links
----------------------------------------------- */

a:link {color: #369;}
a:visited {color: #369;}
a:hover {color: #999;}
a:active {color: #369;}

a.misc:link {color: #369; font-family: arial, sans-serif; font-size: 12px; font-weight: normal;}
a.misc:visited {color: #369; font-family: arial, sans-serif; font-size: 12px; font-weight: normal;}
a.misc:hover {color: #999; font-family: arial, sans-serif; font-size: 12px; font-weight: normal;}
a.misc:active {color: #369; font-family: arial, sans-serif; font-size: 12px; font-weight: normal;}