/* -----------------------------------
	reset
-----------------------------------	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, dl, dt { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent; }
body { line-height: 1; font: 400 1em/1.3 Verdana, Geneva, sans-serif; color: #010635 ; background: #BEC8E1 url(../assets/img_background.gif); }
ol, ul { list-style: none; }
:focus { outline: 0; }
a { text-decoration: none; color: #690; }
a { font-size: 11px; color: #999999; }
a:link { text-decoration: none; color: #FFCC00; }
a:visited { text-decoration: none; color: #FFCC00; }
a:hover { text-decoration: none; color: #FFFFFF; }
a:active { text-decoration: none; color: #FFCC00; }
h1 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #FFCC00; text-decoration: none; background-image: url(../assets/bullet01.gif); background-repeat: no-repeat; padding-left: 15px; vertical-align: middle; 	margin-bottom: 25px; }
a img { border: none; }
p { width: 100%; margin: 5px auto; }


#container { width: 856px; margin: 0 auto; }
#top { width: 100%; margin: 0 auto; height: 48px; text-align: center; }
#top a img { border: none; }
#content { width: 816px; margin: 0 auto; background: #8894a9; padding: 20px; list-style-position: outside; list-style-image: url(../assets/bullet01.gif); }
#footer { width: 816px; margin: 0 auto; background: #8894a9 url(../assets/bg_bottom.gif) no-repeat 0 bottom; padding: 20px; color: #cff; }
#footer-left { width: 300px; float: left; }
#footer-right { width: 380px; float: right; text-align: right; }

#dvd { width: 195px; height: 141px; position: absolute; }
#dvd_container { width: 640px; height: 480px; margin: 20px auto; }
.select { width : 360px; }
.main { font-family: Verdana; font-size: 11px; font-weight: normal; color: #010635; text-decoration: none; background-color: #8894A9; text-align: left; vertical-align: top; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; list-style-position: outside; list-style-image: url(../assets/pic_yellow_arrow_dot.gif); background-image: url(../assets/bg_bottom.gif); background-repeat: no-repeat; background-position: bottom; width: 836px; }
.textarea { width : 350px; }
.textarea01 { width: 533px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; text-align: left; vertical-align: top; }
.textnote { color: white; font-size: 11px; line-height: 13px; font-family: Verdana; }
.textblue { color: #010635; font-size: 11px; line-height: 13px; font-family: Verdana; }
.textfooter { color: #bec8e1; font-size: 10px; font-family: Verdana; }
.textpic { color: #45556f; font-size: 10px; font-family: Verdana; }
.titleyellow { color: #fff000; font-weight: bold; font-size: 11px; line-height: 13px; font-family: Verdana; }
.texteyellow { color: #fff000; font-size: 11px; line-height: 13px; font-family: Verdana; }
.texteyellowliens { color: #fff000; font-size: 11px; text-decoration: underline; }
.texteyellowliens:active { color: #fff000; text-decoration: underline; }
.texteyellowliens:hover { color: #fff000; text-decoration: underline; }
.texteyellowliens:visited { color: #fff000; text-decoration: underline; }

/* -----------------------------------
horizontal navigation
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
-----------------------------------	*/

#nav { width: 100%; height: 30px; float: left; background: #a5aebd; font: 700 1.15em/1.3 Arial, Helvetica, sans-serif; padding: 8px 0; margin-bottom: 40px; border-bottom: solid 4px #808b9e; }
#nav ul, #nav ul li { width: 236px; }
#nav ul ul { margin: 0 0 0 236px; }
#nav ul { border-bottom: 5px solid #e2e1e1; background: #8894a9; }
#nav li a { padding: 6px 15px; font: 700 1em/1.3 Arial, Helvetica, sans-serif; text-decoration: none; background: #a5aebd; color: #3f4d63; }
#nav ul li a { padding: 6px 15px; font-size: .85em; }
#nav li a:hover, #nav li a:focus { color: #b6d1ff; background: #333333; }
#nav span.sf-arrow { top: 12px; right: 2px; background-image: url(../assets/images/arrows-black.png); }
#nav ul span.sf-arrow { right: 12px; top: 12px; }
.sf-menu ,.sf-menu * { margin: 0; padding: 0; }
.sf-menu { display: block; position: relative; }
.sf-menu li { display: block; list-style: none; float: left; position: relative; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu a { display: block; position: relative; }
.sf-menu ul { position: absolute; left: 0; width: 150px; top: auto; left: -999999px; }
.sf-menu ul a { zoom: 1; /* IE6/7 fix */ }
.sf-menu ul li { float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width: 150px; }
.sf-menu ul ul { top: 0; margin: 0 0 0 150px }
.sf-menu li:hover ul,.sf-menu li:focus ul,.sf-menu li.sf-hover ul { /*first level*/ left: auto; } 
.sf-menu li:hover ul ul,.sf-menu li:focus ul ul,.sf-menu li.sf-hover ul ul { left: -999999px; }
.sf-menu ul li:hover ul,.sf-menu ul li:focus ul,.sf-menu ul li.sf-hover ul {/*second level*/ left: auto; }
.sf-menu ul li:hover ul ul,.sf-menu ul li:focus ul ul,.sf-menu ul li.sf-hover ul ul { left: -999999px; }
.sf-menu ul ul li:hover ul,.sf-menu ul ul li:focus ul,.sf-menu ul ul li.sf-hover ul {/*third level*/ left: auto; }
.sf-menu ul ul li:hover ul ul,.sf-menu ul ul li:focus ul ul,.sf-menu ul ul li.sf-hover ul ul { left: -999999px; }
.sf-menu ul ul ul li:hover ul,.sf-menu ul ul ul li:focus ul,.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/ left: auto; }
.sf-menu ul ul ul li:hover ul ul,.sf-menu ul ul ul li:focus ul ul,.sf-menu ul ul ul li.sf-hover ul ul { left: -999999px; }
span.sf-arrow { width: 7px; height: 7px; position: absolute; top: 8px; right: 0; display: block; background: url(../assets/images/arrows-black.png) no-repeat 0 0; overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */ font-size: 1px; }
ul ul span.sf-arrow { right: 12px; top: 7px; background-position: 0 100%; }

/*.menu { height: 90px; background-color: #8894A9; }*/
.textblue2 { color: #45556f; font-size: 10px; line-height: 12px; font-family: Verdana; }
.textblock-spacer { padding-top: 15px; padding-right: 15px; }
.quote { font-style: italic; color: #010635; }
.bookLeft { float: left; width: 400px; padding-right: 15px; }
.bookRight { float: right; width: 390px; }
#bottomLeft { height: 20px; width: 350px; float: left; padding-left: 0px; margin-top: 35px; color: #CCFFFF; vertical-align: top; }
.frame { border: 1px solid #000000; }
#mainBottom { clear: both; float: none; width: 816px; }
#bottomRight { height: 20px; width: 380px; float: right; margin-top: 35px; text-align: right; padding-right: 0px; color: #CCFFFF; vertical-align: top; }
#leftColumn { float: right; width: 180px; text-align: right; margin-left: 4px; margin-bottom: 20px; padding-bottom: 15px; margin-top: 70px; }
#linksLeft { float: left; width: 400px; padding-right: 15px; }
#linksRight { float: right; width: 390px; }
#linksLeft A:link { color: #010635; text-decoration: none; }
#linksLeft A:hover { color: #FFCC00; }
#linksLeft A:active { color: #010635; }
#linksLeft A:visited { color: #010635; }
#linksRight { float: right; width: 390px; }
#linksRight A:link { color: #010635; text-decoration: none; }
#linksRight A:hover { color: #FFCC00; }
#linksRight A:active { color: #010635; }
#linksRight A:visited { color: #010635; }
.box01 { width: 100%; margin: 0 auto; clear: both; display: table; }
#application_return { width: 500px; margin: 50px auto; border: 4px solid #069; font: 700 1.2em/1.6 Arial, sans-serif; color: #9C0; padding: 20px; background: #fff; }
#application_return_error { width: 500px; margin: 50px auto; border: 4px solid #C00; font: 700 1.2em/1.6 Arial, sans-serif; color: #c00; padding: 20px; background: #fff; }

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }