/*Mass Reset*/
/*http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
html, body, div, span, h1, h2, h3, h4, h5, h6, iframe, blockquote, code, del, dfn, img, ins, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:13px; line-height:1.2em; font-family:Arial,Sans-Serif; vertical-align:baseline }

/* slightly enhanced, universal clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0 }
.clearfix { display:inline-block }
/* start commented backslash hack \*/
* html .clearfix { height:1% }
.clearfix { display:block }
/* close commented backslash hack */
.actionpanel { padding:10px; background-color:#dbdbdb; color:#ccc }

img { -ms-interpolation-mode:bicubic }/* Improves image rendering in IE7+*/
a img { border:0; }

/*** Base Classes ***/
h2 { font-family:Tahoma; font-size:28px; color:#472C1B; margin-bottom:10px; font-weight:normal; }

/*** Logo ***/
#logo, #logoform { display:block; position:absolute; padding:4px; width:274px; margin-left:120px; background-color:#3A4899; text-align:center; text-decoration:none; margin-top:20px; border-bottom:2px solid #111; border-right:2px solid #111; z-index:99 }
#logo span, #logoform span { background-color:#645545; display:block }
#logo h1, #logoform h1 { background-color:#3A4899; font-family:Arial Narrow,Arial,Tahoma,Sans-Serif; font-size:11px; text-transform:uppercase; color:#645545; text-decoration:none; border:0; padding:2px 0 0 0; margin:0 }

/*** Main Elements ***/
body { background-color:#E8F0F0 }

.background_container { width:800px; margin:0 auto; border-left:solid 2px #ccc; border-right:solid 2px #ccc; border-top:none; border-bottom:none }

.page_content { width:800px; background-color:#3A4899; }

/*** Header ***/
.header { background-color:#3A4899; height:60px; overflow:visible }

.header_titleFont { font-size:30pt }

.subSeader_titleFont {   font-size:14pt }
.AboutContact_links, .AboutContact_linksform { text-transform:uppercase; float:right; margin-right:180px; margin-top:25px; font-size:12px }
.AboutContact_linksform { margin-top:6px }
.AboutContact_links a, .AboutContact_linksform a { text-decoration:none }
.AboutContact_links span, .AboutContact_linksform span { color:#6D6458; padding:0px 5px }

.header_image { background: #3A4899 url('../images/mainheader.jpg') no-repeat top center; height:143px; }
.header_image a { display:block; width:200px; height:143px; float:left; }

.header_description { width:400px; font-family:Arial,Times New Roman,Serif; font-size:18px; color:#fff; margin:0px 0 0 100px; font-style:italic; padding-top:60px }

.language_form { width:300px }

.language_dropDown { margin:20px 0px 0px 10px; }

.language_button { font-family:Arial; font-weight:300 }

/*** Menu ***/
#menu, #form_menu_box { float:left; list-style:none; background-color:#dbdbdb; width:200px; height:100%; text-align:left; margin:0 auto; padding:0; color:Black; padding-left:0px }
#menu li, #form_menu_box li { width:180px; padding:5px 0; font-weight:bold; color:black; border-bottom:dotted 1px #999; white-space:normal }
#menu li { padding-left:10px; white-space:normal; padding-right:10px }
#menu a, #form_menu_box a { font-size:12px; text-decoration:none }
#menu a:hover, #form_menu_box a:hover { text-decoration:underline }
#sideColumn { width:200px; float:left; }

/* Here is where the Body Content starts */
.content_text { background-color:#dbdbdb; width:800px; margin:0 auto }

.singleColumn_text { background-color:#f5f5e2; border-style:solid; border-width:4px; border-color:White; padding:15px; width:725px }
.singleColumn_text a { color:#444 }

/* This is where the Footer starts */
.footer_container { margin:0 auto; background-color:#3A4899; background-image:url('../images/mainfooter.jpg'); background-repeat:no-repeat; background-position:top center; padding:20px 0px; color:#fff }

.footer { margin:0 auto; width:780px }

.footer a { font-size:10px; color:#fff }

.footer td { font-size:10px; color:#fff }

.footer #links td { font-size:11px; padding:0px 3px; border-right:1px solid #3D551C; text-align:center }

.footer #byline { text-align:right; padding-top:20px }

.link_box { background-color: #3d3331; height:50px; padding-left:20px }
.link_text { background-color:#3d3331; width:400px; top:0px; position:relative; text-align:left; font-family:Arial; font-size:9pt; color:#ccc }

.footer_textLT { width:780px; margin:0 auto; background-color: #3d3331; height:70px; font-family:Arial; font-size:9pt; padding-left:20px; padding-top:10px; color:#ccc }
.footer_textRT { background-color: #3d3331; float:right; text-align:right; font-family:Arial; font-size:9pt; padding-right:20px; color:#ccc }

/*This is for the form pages */
.form_header_image {   background-image:url('../images/freedom22_headerform.jpg'); background-repeat:no-repeat; background-position:top center; height:100px; width:1000px }
 
.form_header_description { width:400px; position:relative; top:25px; left:100px; font-family:Arial; font-size:13pt; text-align:left; font-weight:500; color:#fff }

 
.form_language_form { width:200px }

.form_menu_box { background-color:#2e2620; height:43px; width:800px; position:absolute; top:168px; left:100px; text-align:center; z-index:14 }

.form_menu_item { display:inline; background-color:#2e2620; font-family:Arial; font-size:12pt; text-align:center; color:#fff; padding-left:30px; padding-right:30px; position:relative; top:10px }

.indexMenuTitle { font-family:Tahoma,Arial,Sans-Serif; background-color:#3A4899; position:relative; padding:0px 10px; font-size:12px; height:24px; line-height:24px; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:1px }

.sectionsTitle { height:30px; padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:11pt; font-weight:bold; color:#fff; text-transform:uppercase }

.sectionsInfo { background-color:#DBDBDB; padding:5px 20px; font-size:9pt; color:#000; font-weight:lighter }

.examBox { margin-left:250px; position:relative; top:-100px; width:520px }

#formMenu, #homecol1{ width:200px; }
#formMenu, #homecol1 { float:left;background-color:#dbdbdb  }
#homecol2 { float:right;background-color:#F5F5E2; width:560px; padding:20px; padding-bottom:100px; min-height:266px;  }
#formMenu, #homecol1 a { color:#000; }
#homecol2 a { color:#3A4899; }
#homecol2 .errMsg a { color:#fff; }
.homecol2Popup {background-color:#F5F5E2; width:560px; padding:20px; text-align:center; padding-bottom:100px;  }

/* messages */
.errMsg { color:#fff; background-Color:#900; padding:5px; border-width:1px; border-style:solid; border-color:#F00; line-height:15px; z-index:20; margin-bottom:10px }
.errMsg a { color:#fff; }

.msg { color:Black; background-Color:HighlightText; padding:5px; border-width:1px; border-style:solid; border-color:WindowFrame; font-weight:lighter; font-size:10pt; line-height:15px; text-align:center; z-index:20 }
.msgInfo { background-color:#FFC; border:1px solid #FC3; padding:5px 10px; margin-top:10px; color:#333; margin-bottom:10px; }
.msgInfo a { color:Navy }

.litMsg { color:Red; padding:5px; background:HighlightText; border-width:1px; border-style:solid; border-color:WindowFrame; font-size:10pt; text-align:left; font-style:italic; z-index:20 }

.litMsg2 { color:Black; font-size:10pt; text-align:left }

/*** Generic ***/
.topmargin { margin-top:10px }
.right { display:block; float:right; margin-left:10px; }
.left { display:block; float:left; margin-right:10px; }