html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/* START CSS */
body {color: #615E5E; margin:0; padding: 0; background: #F68427 url(../images/bg.jpg) top center repeat-y; text-align: center;}

.orange {color: #f68427}
.green {color: #cfc16b}
.ltgreen {color: #e6dfb2}
.red {color: #f15261}
.gray {color: #615e5e}

.clearboth {clear:both;}
.space2 {clear:both; height:2px; width:2px}
.space5 {clear:both; height:5px; width:5px}
.space10 {clear:both; height:10px; width:10px}
.space15 {clear:both; height:15px; width:15px}
.space20 {clear:both; height:20px; width:20px}
.space30 {clear:both; height:30px; width:30px}
.space40 {clear:both; height:40px; width:40px}

.nospace {margin: 0px}

img {border:0;}
td {vertical-align: top}

html, body {margin:0; height: 100%}
* { -webkit-text-size-adjust:none;}


/* FONT-FACE */
@font-face {
	font-family: 'BellGothic';
	src: url('../fonts/BellGothicBT.eot');
	src: local('BellGothic'), url('../fonts/BellGothicBT.ttf') format('truetype');
}

@font-face {
	font-family: 'BellGothicBold';
	src: url('../fonts/BellGothicBoldBT.eot');
	src: local('BellGothicBold'), url('../fonts/BellGothicBoldBT.ttf') format('truetype');
}

@font-face {
	font-family: 'BellGothicBlack';
	src: url('../fonts/BellGothicBlackBT.eot');
	src: local('BellGothicBlack'), url('../fonts/BellGothicBlackBT.ttf') format('truetype');
}



/* WRAPPERS */
#wrapper {width: 630px; margin: 0 auto; padding: 0; text-align: left;}
#col1 {float: left; width: 450px; margin: 0 35px 0 0; padding: 0;}
#col2 {float: right; width: 145px; margin: 0; padding: 0}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#flashTop {margin: 0; padding: 0; width: 450px; height: 237px; vertical-align: top; background:  url(../images/bgGradient.jpg) bottom repeat-x}
#flashLogo {margin: 0; padding: 0; width: 145px; height: 257px; vertical-align: top;}

#col1 #content {margin: 0; padding: 10px;}
#col1 .box {margin: 0 0 20px 0; padding: 5px; border: 1px solid #cfc16b; background: #fff}

#col1 p {margin: 0 0 20px 0; font: 12px/18px verdana; color: #615e5e; }
#col1 a {text-decoration: none; color: #F68427; font-weight: bold}
#col1 a:hover {text-decoration: none; color: #F9A764;  font-weight: bold}

#col1 h1, #col1 h2, #col1 h3 {margin: 0 0 15px 0; padding: 0; text-align: left; letter-spacing: 0; text-transform: lowercase;}
#col1 h1 {font: 24px/24px 'BellGothicBold', arial, sans serif; color: #f15261;}
#col1 h2 {font: 18px/18px 'BellGothicBold', arial, sans serif; color: #615e5e;}
#col1 h3 {font: 14px/14px 'BellGothicBlack', arial, sans serif; color: #615e5e;}

#col1 .footnote {margin: 0 0 20px 0; font: 9px/14px verdana;}

#col1 ul {list-style: none; margin: 0 0 30px 0}
#col1 ul li {margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #615e5e; font: 12px/18px verdana; color: #615e5e }

#col1 ol {list-style: decimal; margin: 0 0 20px 0}
#col1 ol li {margin: 0 0 5px 20px; padding-bottom: 10px; font: 12px/18px verdana; color: #615e5e }

.top {margin: 0 0 30px 0; padding: 10px 0 0 0; text-align: center; font: 10px/18px verdana; border-top: 3px solid #cfc16b}


.subnav ul {font: 13px/13px 'BellGothicBold', arial, sans serif; text-align: left; list-style: none; margin: 0px;  padding: 0; }
.subnav li {display: block; margin: 0; padding: 0; border-bottom: 1px solid #ffffff;}
.subnav a span, .subnav a:hover span, .subnav #current a span, .subnav #current a:hover span {padding: 10px; letter-spacing: 0;  }
.subnav a {text-decoration: none;}
.subnav a span {display: block; color: #615e5e; background: #e6dfb2; float:none;}
.subnav a:hover, .subnav a:hover span {text-decoration: none; color: #2a2a2a; background: #cfba6a}
.subnav #current a, .subnav #current a span {text-decoration: none; color: #2a2a2a; background: #cfba6a}
.subnav #current a:hover, .subnav #current a:hover span {color: #2a2a2a; background: #cfba6a}

.subnav2 ul {font: 13px/13px 'BellGothicBold', arial, sans serif; text-align: left; list-style: none; margin: 0px;  padding: 0; }
.subnav2 li {display: block; margin: 0; padding: 0; border-bottom: 1px dotted #615e5e;}
.subnav2 a span, .subnav2 a:hover span, .subnav2 #current a span, .subnav2 #current a:hover span {padding: 10px; letter-spacing: 0;  }
.subnav2 a {text-decoration: none;}
.subnav2 a span {display: block; color: #615e5e; background: #fff; float:none;}
.subnav2 a:hover, .subnav2 a:hover span {text-decoration: none; color: #2a2a2a; background: #cfba6a}
.subnav2 #current a, .subnav2 #current a span {text-decoration: none; color: #f15261; background: #fff}
.subnav2 #current a:hover, .subnav2 #current a:hover span {color: #2a2a2a; background: #cfba6a}


.one-column-emphasis {font: 12px/18px verdana; color: #615e5e; margin: 0; width: 430px; text-align: left; border-collapse: collapse;}
.one-column-emphasis th {font-size: 12px; font-weight: normal; padding: 12px 15px; color: #615e5e;}
.one-column-emphasis td {padding: 10px 15px; color: #615e5e; border-top: 1px dotted #615e5e;}
.oce-first {background: #E6DFB2; border-right: 10px solid transparent; border-left: 10px solid transparent;}
.one-column-emphasis tr:hover td {color: #615e5e; background: #cfba6a;}


form {margin: 0; padding: 0; font: 12px/14px verdana; color: #615e5e}
form label {display: block; width: 100px; float: left; margin: 8px 0 0 0; text-align: left; padding: 0;}
input, textarea {padding: 10px; width: 200px; border: none; font: 12px/18px arial; color: #615e5e; 
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4); box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
background: -webkit-gradient(linear, left top, left bottom, from(#f5dfbb), to(#ffffff));
background: -moz-linear-gradient(top,  #f5dfbb,  #ffffff);}
input.btn {width: 100px; color: #615e5e; font-weight: bold; cursor: pointer;
-webkit-box-shadow: -1px -1px 0px #4bc824, 1px 1px 0px #615e5e;
background: -webkit-gradient(linear, left top, left bottom, from(#e6dfb2), to(#cfba6a));
background: -moz-linear-gradient(top,  #e6dfb2,  #cfba6a);}


input.btn {background-color: #e6dfb2\9; color: #615e5e\9}


.error {font: bold 11px/14px verdana; color: #C90D4F; text-decoration: none; text-align: left; background-color: #FFFFFF;}


#footerwrapper {width: 630px; margin: 0 auto; padding: 50px 0 0 0; text-align: left; background: url(../images/bgGradientBot.png) top repeat-x}
#footer {margin: 0; padding: 10px; background: #fff; font: 10px/14px verdana; color: #615e5e;}

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}