/* CSS Document */
h3.menuheader { display: block; color: #fff; background: #BFDD57; margin: 5px 20px; padding: 5px 0 5px 10px; cursor: pointer; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(../../img/main/bgfra.jpg); }
img { border: 0; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }

/* css for specific sections - large image and background colour */
#homepage h1 { background: #FF339A; }
#homepage div#content { height: 360px; padding: 0; width: 861px; }
#homepage div#content a.right { float: right; display: inline; }
#homepage div#content img { float: left; display: inline; border: 0; }
#homepage div#content-left { border: 20px solid #FF339A; }
#homepage div#content-right h2 { background: #FF339A url(../../img/main/h2-corner.gif) top right no-repeat; }

#about-section div#content-left h1 { background: #FF3334; }
#about-section div#content-left { border: 20px solid #FF3334; }
#about-section div#content-right h2 { background: #FF3334 url(../../img/main/h2-corner.gif) top right no-repeat; }


#courses-section div#content-left h1 { background: #BFDD57; }
#courses-section div#content-left { border: 20px solid #BFDD57; }
#courses-section div#content-right h2 { background: #BFDD57 url(../../img/main/h2-corner.gif) top right no-repeat; }

#academy-section div#content-left h1 { background: #0099CB; }
#academy-section div#content-left { border: 20px solid #0099CB; }
#academy-section div#content-right h2 { background: #0099CB url(../../img/main/h2-corner.gif) top right no-repeat; }

#apply-section div#content-left h1 { background: #FFCC33; }
#apply-section div#content-left { border: 20px solid #FFCC33; }
#apply-section div#content-right h2 { background: #FFCC33 url(../../img/main/h2-corner.gif) top right no-repeat; }

#news-section div#content-left h1 { background: #29CF9F; }
#news-section div#content-left { border: 20px solid #29CF9F; }
#news-section div#content-right h2 { background: #29CF9F url(../../img/main/h2-corner.gif) top right no-repeat; }

#venue-section div#content-left h1 { background: #FF6600; }
#venue-section div#content-left { border: 20px solid #FF6600; }
#venue-section div#content-right h2 { background: #FF6600 url(../../img/main/h2-corner.gif) top right no-repeat; }

#faq-section div#content-left h1 { background: #FF339A; }
#faq-section div#content-left { border: 20px solid #FF339A; }
#faq-section div#content-right h2 { background: #FF339A url(../../img/main/h2-corner.gif) top right no-repeat; }

/* site map UL's CSS */
div#content-left ul#home-ul li a { text-decoration: none; color: #FF339A; }
div#content-left ul#about-ul li a { text-decoration: none; color: #FF3334; }
div#content-left ul#courses-ul  li a { text-decoration: none; color: #BFDD57; }
div#content-left ul#academy-ul  li a { text-decoration: none; color: #0099CB; }
div#content-left ul#apply-ul  li a { text-decoration: none; color: #FFCC33; }
div#content-left ul#news-ul  li a { text-decoration: none; color: #29CF9F; }
div#content-left ul#venue-ul  li a { text-decoration: none; color: #FF6600; }
div#content-left ul#faq-ul  li a { text-decoration: none; color: #FF339A; }


/* main css */
div#wrapper { position: relative; margin: 50px auto; width: 860px; padding: 20px; background: #fff; }

/* header css */
div#header { margin: 0; padding: 130px 0 0 0; }
div#header .FRA-logo { position: absolute; left: 20px; top: 20px; }
div#header .A-logo { position: absolute; right: 20px; top: 20px; }

/* navigation css */
div#nav { position: absolute; top: 90px; left: 20px; width: 860px; }
div#nav a { color: #000; text-decoration: none; }
a#home-nav.current, a#home-nav:hover {  color: #fff!important; background: #FF339A!important; }
a#faq-nav.current, a#faq-nav:hover {  color: #fff!important; background: #FF339A!important; }
.about, .courses, .academy, .apply, .news, .venue{ display:none; }
.about { text-decoration: none; color: #000; }
.about ul { margin: 0; padding: 0; list-style-type: none; }
.about li { display: inline; padding: 2px 1px; margin-right: 0px; }
.about a:hover,.about-current, a#about-nav.current, a#about-nav:hover { color: #fff!important; background: #FF3334!important; }
.courses { text-decoration: none; color: #000; }
.courses ul { margin: 0; padding: 0; list-style-type: none;}
.courses li { display: inline; padding: 2px 1px; margin-right: 0px; }
.courses a:hover, .courses-current, a#courses-nav.current, a#courses-nav:hover { background: #BFDD57!important; color: #fff!important; }
.academy { text-decoration: none; color: #000; }
.academy ul { margin: 0; padding: 0; list-style-type: none;}
.academy li { display: inline; padding: 2px 1px; margin-right: 0px; }
.academy a:hover, .academy-current, a#academy-nav.current, a#academy-nav:hover { background: #0099CB!important; color: #fff!important; }
.apply { text-decoration: none; color: #000; }
.apply ul { margin: 0; padding: 0; list-style-type: none; }
.apply li { display: inline; padding: 2px 1px; margin-right: 0px; }
.apply a:hover, .apply-current, a#apply-nav.current, a#apply-nav:hover { background: #FFCC33!important; color: #fff!important; }
.news { text-decoration: none; color: #000; }
.news ul { margin: 0; padding: 0; list-style-type: none; }
.news li { display: inline; padding: 2px 1px; margin-right: 0px; }
.news a:hover, .news-current, a#news-nav.current, a#news-nav:hover { background: #29CF9F!important; color: #fff!important; }
.venue { text-decoration: none; color: #000; }
.venue ul { margin: 0; padding: 0; list-style-type: none; }
.venue li { display: inline; padding: 2px 1px; margin-right: 0px; }
.venue a:hover, .venue-current, a#venue-nav.current, a#venue-nav:hover { background: #FF6600!important; color: #fff!important; }

/* content css */
div#content { width: 860px; margin: 0; padding: 0; }
div#content-left { width: 540px; display: inline; float: left; margin: 20px 0 0 0; padding: 0 0 20px 0; }
div#content-left img { margin: 10px 0 10px 20px; }
div#content-left h1 { margin: -5px 0 0 0; padding: 0 0 10px 20px; width: 520px; height: 30px; display: block; color: #fff; font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; }
div#content-left p { margin: 10px 20px 5px 20px; }
div#content-right { display: inline; float: right; width: 260px; margin: 20px 0 0 0; padding: 0; color: #fff; font-family: Arial, Helvetica, sans-serif 12px!important; background: #fff; }
div#content-right a { color: #fff; text-decoration: none; }
div#content-right h2 { margin: 0; width: 125px; padding: 5px; font-weight: normal; font-size: 12px; }
img.side-banner { margin: 0 0 20px 0; }



/* ######### CSS for top level tabs ######### */
.main-nav ul { margin: 0 0 5px 0; padding: 0; list-style: none; }
.main-nav li { display: inline; }
.main-nav a { padding: 2px 3px; margin-right: 1px; text-decoration: none; }
.main-nav a:hover { background: #f00; color: #fff; }


/* ######### CSS for sub menu container below ######### */
.tabcontainer { clear: left; width:95%; height:1.5em; font-size: 11px; }
.tabcontainer ul { margin: 0; padding: 0; list-style : none; }
.tabcontainer li a, .tabcontainer li a:hover { display: inline; margin: 0; padding: 1px 2px; }

#smallprint { padding: 15px 0; font-size: 10px; color: #000; }
#smallprint .item { float: left; margin-left: 22px; }
#smallprint .first { margin-left: 0; }
#smallprint #copyright { float: left; width: 235px; margin-left: 23px; }
#smallprint #search { float: left; margin-left: 23px; }
#smallprint #search form { margin: 0; padding: 0; display: inline; }
#smallprint #search #lbl { display: none; }
#smallprint #search #searchfield { border: 0; width: 120px; background-color: #ccc; font-family: Arial,Helvetica,Sans-Serif; font-size: 10px; color: #000; }
#smallprint #search #searchsubmit { border: 0; width: 37px; font-family: Arial,Helvetica,Sans-Serif; font-size: 10px; background-color: #fff; color: #000; text-align: left; margin-left: 5px; }
.lower { text-transform: lowercase; }
#smallprint a { color: #000; }

form { padding: 0; margin: 0 0 0 20px;}
form .formrow { display: block; clear: both; height: 20px;}
form .formrowhigh { display: block; clear: both; height: 57px;}
form span.lbl { display: block; float: left; width: 100px; border: 1px solid #fff; }
form .formrowhigh span.lbl { height: 57px; }
form span.lblwide { display: block; float: left; width: 175px; border: 1px solid #fff; }
form .formrow input, form .formrow select { float: left; width: 120px; background-color: #eee; border: 0; font-family: Arial,Helvetica,Sans-Serif; font-size: 10px; }
form .formrow input.checkbox { width: auto; float: left; }
form .formrowhigh textarea { float: left; width: 120px; height: 50px; background-color: #eee; border: 0; font-family: Arial,Helvetica,Sans-Serif; font-size: 10px; }




/* Tools */
.floatright { float:right }
.floatleft { float:left }
.right { text-align:right }
.left { text-align:left }

pre {overflow:auto;}
.breaker {clear:both;}
.nobreak { white-space:nowrap;}
.vspace10 { padding:5px 0; display:block;}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display:inline-block;}


.handcursor{
cursor:hand;
cursor:pointer;
}