@charset "utf-8";

/*-----------------------------------------------------------------------------
Version: 0.1.3
Author: Nana
E-Mail old-nana@gmail.com
-----------------------------------------------------------------------------*/

/*
My tags suffix Legend
Frm = Form   Lb = Label   In = Input text   Sel = Select   Btn = Button   Pg = P   Sp = Span   A = Lnk
*/

/*  CSS Filters/Hacks
Browsers:   IE4,   IE5,   IE5.5,   IE5.x/Mac,   IE7 (quirks mode)
Name:   * html ("Star HTML") CSS Hack
Example:   * p.test{color: red;}
---
Browsers:   ONLY IE7 (compatibility mode)
Name:   *:first-child+html CSS Hack
Example:   *:first-child+html p.test {color red;}
---
Browsers:   IE4,   IE5,   IE5.x/Mac,   OP6.x
Name:   *>html ("Star Child HTML") CSS Hack
Example:   * > html p.test{color: red;}
---
Browsers:   ALL EXCEPT:   NN4.x,   IE4,   IE5,   IE5.5
Name:   CSS Simplified Box Model Hack
Example:
p.test {
color: blue;
col\or: red;}
---
Browsers:   IE5.x/Mac,   IE8 b1,   OP5
Name:   IE5/Mac Band Pass (CSS) Filter
Example:
/* \*//*/
p.test {red;}
/* */

/* CSS Normalize */
html{
color:#000;
overflow-y:scroll; /* Always Scroll Only FF IE6 IE7 */
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym {border:0;font-variant:normal}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000}

/* Cross-browser Typographical Normalization */
body {font:13px/1.231 Verdana, Arial, Helvetica, sans-serif;}
table {font-size:inherit}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%}
/*
Always use percentages as the units because they render more consistently than ems, and because they allow user-initiated resizing (unlike pixels)
10px 77%  18px 138.5%
11px 85%  19px 146.5%
12px 93%  20px 153.9%
13px 100%  21px 161.6%
14px 108%  22px 167%
15px 116%  23px 174%
16px 123.1%  24px 182%
17px 131%  25px 189%

Other Font families:
"Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial
*/

/* Hide dotted outlines in Firefox */
*:focus{outline:none;border:none}


/* F.S.C.'s Guide
Default Title: GillSans Bold 20pt #0075bb (blue)
Default Space between Title and Paragraph:
Default Text: Verdana Regular 12pt #333333 (grey)
Default Space Between Paragraph and Paragraph:
Buttons Text:
Default link: Verdana Bold 12pt #e1800a (orange)
Footer Text: Verdana Regular 12pt  #0075bb (blue)
Logo Color: #fff (white)
Background (end) Color: #fff (white)
Image Outside border: -
*/

/* Default Background */
body{
color:#333333;
background:#ffffff url(/images/BodyBg.png) repeat-x top;
}

/* Default DIVs text-alignment  */
div{text-align:left}

/* Default Link (Important! Order: Link, Visited, Hover, Active)  */
a, a:link, a:visited{
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline
}
a:hover, a:active{text-decoration:none}

/* Default Title */
h1{font:138.5% Verdana, Arial, Helvetica, sans-serif;color:#0075bb}

/* Bringing boldness back to headers and the strong element */
h1,h2,h3,h4,h5,h6,strong {font-weight:bold}

/* Default Paragraph */
p{
font:normal 93% Verdana, Arial, Helvetica, sans-serif;
padding-left:11px;
}

/* So things don't run into each other */
p,fieldset,table,pre {margin-bottom:1em}


/* Forms */
/* setting a consistent width, 160px;  */
input[type=text],input[type=password],textarea{width:12.25em}


/* Tables */
/*borders and padding to make the table readable*/
th,td {border:1px solid #000;padding:.5em}

/*distinguishing table headers from data cells*/
th {font-weight:bold;text-align:center}

/* Lists */
/*giving UL's LIs generated disc markers*/
li {list-style:disc outside}


/* = Reusable classes
-----------------------------------------------------------------------------*/
/* use for hidden accessibility hints, for example AJAX-updates */
.HidDv{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* clean paddings */
.clear{clear:both}
/* code */
.unicode{font-family:'Lucida Sans Unicode','Arial Unicode MS'}
.Lf{float:left}
.Rg{float:right}

/* Designing for:
17" 1024x768 = 980px x 690px    14"-15" 800x600 = 760px
*/

/* Centered Container */
div#Container{
position:absolute;
top:0;
left:50%;
margin-left:-491px; /*Web Default 490px */
width:981px; /* Web Default: 980px; */
height:635px;
text-align:center;
background-color:#fff
}

div#Wraper{
float:left;
overflow:hidden;
}

#BorderLf{
float:left;
width:4px;
background:url(/images/BorderLf.gif)
}

div#Content{
float:left;
width:973px;
overflow:hidden;
background:#fff
}

#BorderRg{
float:left;
width:4px;
background:url(/images/BorderRg.gif)
}

/* Flux Columns */
#BorderLf, #BorderRg{
/*padding-bottom:32768px;margin-bottom:-32768px;*/
}


div#Footer{
float:left;
width:981px;
height:65px;
background:url(/images/FooterBg.png) no-repeat top;
}

#Footer .FooterMenu{
float:left;
padding-top:20px;
width:981px;
text-align:center;
color:#0075bb
}

/* Order: Link, Visited, Hover, Active)  */
#Footer a, #Footer a:link, #Footer a:visited{
font:bold 100% arial,helvetica,clean,sans-serif;
color:#0075bb;
text-decoration:none
}
#Footer a:hover, #Footer a:active{text-decoration:underline}


div#Header{
float:left;
width:973px;
height:111px;
background:url(/images/HeaderBg.png) no-repeat top
}

#Header .Logo{
float:left;
padding: 10px 23px 0 23px;
width:235px;
height:92px
}


#Header .SubMenu{
float:left;
width:624px;
height:58px;
margin-top:6px;
padding-left:34px;
font-family:Verdana, Helvetica, Arial, sans-serif;
line-height:140%;
color:#fff
}

/* Order: Link, Visited, Hover, Active)  */
#Header .SubMenu a, #Header .SubMenu a:link, #Header .SubMenu a:visited{
font:bold 85% Verdana, Helvetica, Arial, sans-serif;
color:#fff;
text-decoration:none
}
#Header .SubMenu a:hover, #Header .SubMenu a:active{text-decoration:underline}


/*-----------------------------------------------------------------------------
Menu
-----------------------------------------------------------------------------*/
div#Menu{
float:left;
padding-left:27px;
height:47px;
}
#Menu  ul{
margin:0;
padding:0;
list-style:none
}
#Menu ul li{
float:left;
padding:0;
margin:0;
height:47px;
list-style:none;
background-repeat:no-repeat
}
#Menu ul li a, #Menu ul li a:visited{
padding:0;
margin:0;
display:block;
text-decoration:none;
text-indent:-3000px;
height:47px;
background-repeat:no-repeat
}
#Menu ul li {float:left}
#Menu ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

/* 3 state buttons. Use id=current for current page. */
#menu-programs{background-image:url(/images/ProgramsBtn_ov.png); width:123px}
#menu-programs a {background-image:url(/images/ProgramsBtn.png)}
#menu-programs a#current{background-image:url(/images/ProgramsBtn_ov.png); width:123px}

#menu-faq{background-image:url(/images/FAQBtn_ov.png); width:192px}
#menu-faq a {background-image:url(/images/FAQBtn.png)}
#menu-faq a#current{background-image:url(/images/FAQBtn_ov.png); width:192px}

#menu-about{background-image:url(/images/AboutBtn_ov.png); width:177px}
#menu-about a {background-image:url(/images/AboutBtn.png)}
#menu-about a#current{background-image:url(/images/AboutBtn_ov.png); width:177px}

#menu-enroll{background-image:url(/images/EnrollBtn_ov.png); width:162px}
#menu-enroll a {background-image:url(/images/EnrollBtn.png)}
#menu-enroll a#current{background-image:url(/images/EnrollBtn_ov.png); width:162px}

#menu-programs a:hover, #menu-faq a:hover, #menu-about a:hover, #menu-enroll a:hover {background:none;}


div#FlashContent{
float:left;
padding-top:8px;
padding-left:14px;
width:948px;
height:292px
}

#FlashContent .Flash{float:left}

div#News{
float:left;
padding-left:11px;
width:948px;

height:224px
}

#News img{
display:block;
float:left;
width:143px;
height:130px
}

#News p{
display:block;
float:left;
padding-left:17px;
padding-right:10px;
width:280px;
height:143px;
line-height:116%
}

#News .blue{color:#3391c9}


#News a{color:#e1800a}

div#NewsBoxLf{
padding-left:19px;
background: url(/images/NewsBgLf.png) no-repeat top
}

div#NewsBoxRg{
padding-left:18px;
background: url(/images/NewsBgRg.png) no-repeat top
}

#NewsBoxLf, #NewsBoxRg{
float:left;
height:163px;
padding-top:17px
}


#NewLf{
float:left;
width:470px
}

#NewRg{
float:right;
width:470px
}


.NewsTitle{
float:left;
padding: 16px 17px 13px 17px;
letter-spacing:6px;
width:435px;
height:22px
}

#NewRg .NewsTitle{padding: 16px 12px 13px 12px}


/* = Subsection
-----------------------------------------------------------------------------*/

div#Inside{
float:left;
padding-top:15px;
padding-left:15px
}



div#InsideMenu{
float:left;
width:224px;
height:268px;
background: url(/images/InsideMenuBg.png) no-repeat top
}

div#InsideContent{
float:left;
margin-left:15px;
padding: 16px 15px 0 15px;
width:678px; /* 708px */
background: url(/images/InsideContentBg.png) no-repeat top
}

div#InsideContent h1{
padding: 0 11px 15px 11px;
font-size:108%
}

div#InsideContent .FotoRg{

float:right;
padding: 3px 7px 10px 22px
}

div#InsideContent p {line-height:123.1%}
div#InsideContent ul{margin-bottom:0}
div#InsideContent li {padding-bottom:12px}


/*-----------------------------------------------------------------------------
InsideMenu
-----------------------------------------------------------------------------*/
div#InsideMenu{
float:left;
padding: 22px 19px 0 19px;
width:186px /* 224px */
}

div#InsideMenu .orange{
font-size:116%;
color:#f7941e
}

#InsideMenu  ul{
margin:0;
padding:0;
list-style:none
}
#InsideMenu ul li{
padding:0;
margin:0;
height:38px;
list-style:none
}

/* Order: Link, Visited, Hover, Active)  */
#InsideMenu ul li a, #InsideMenu ul li a:link, #InsideMenu ul li a:visited{
padding:0;
margin:0;
display:block;
color:#0075bb;
text-decoration:none;
height:20px
}

#InsideMenu ul li a:hover, #InsideMenu ul li a:active{
text-decoration:underline
}

.blue{color:#0075bb}
.blue a{color:#0075bb;text-decoration:none}
.orange{color:#f7941e}
#leftMenu{float:left;}
#leftbox{background:url(/images/leftbox_bg.gif) repeat-x;width:215px;min-height:125px;border-left:1px solid #d0cfcf;border-right:1px solid #d0cfcf;}
#leftbox ul{margin:0;padding:15px;list-style:none;}
#leftbox ul li{padding:0;margin:0;height:30px;list-style:none}
#leftbox ul li a:hover, #InsideMenu ul li a:active{
text-decoration:underline}
#leftbox ul li a, #InsideMenu ul li a:link, #InsideMenu ul li a:visited{
padding:0;
margin:0;
display:block;
color:#0075bb;
text-decoration:none;
height:20px}
#bluebox_a b a{text-decoration:none;color:#b3d6eb}
#bluebox_a a{text-decoration:none;color:#0075bb}
#center_bg_top{background:url(/images/center_bg_top.gif) no-repeat;width:900px;min-height:260px;padding:20px 15px 0 15px}

.form-row .content textarea{width:90%;height:200px;margin:10px}
.blue1 a{font:bold 100% Verdana, Arial, Helvetica, sans-serif;color:#0075bb;text-decoration:none;}
#InsideContent a{color:#f7941e;text-decoration:underline}
#InsideContent strong{color:#333}


table.form td, table.form th{border:0}

ul.checkout_steps li{list-style-type:none;float:left;padding:0 10px;color:#aaa}
ul.checkout_steps li.act{color:#f33;font-weight:bold}
.pad10{padding:10px}
.pad05{padding:5px}
.form_error{color:red}
.bold{font-weight:bold}