@import "reset.css";

html { background: black /* url(../images/layout/page-bg-repeat.jpg) repeat */; }
body { background: black /* url(../images/layout/page-bg-top.jpg) repeat-x; border-top: solid 1px #d1761b */; letter-spacing:0.2px; }

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.spacer { height: 10px; }
.pagespacer,
.nofeature { height: 50px; }

p img		{ padding: 5px; background: #1d1f27; border: solid 1px #363644; }
p a.left,
p img.left  { float: left; margin: .5em 1.5em 1.5em 0; }
p a.right,
p img.right { float: right; margin: .5em 0 1.5em 1.5em; }
p a:hover img{ background: #2b2e38; }

/* Use this instead of html hr tag */
div.hr { width: 100%; height: 1px; border-top: solid 1px #222; margin-top:8px; }

/* ===== LAYOUT ===== */
#header, #featured,
#content, #footer,
#navigation, #featured-tabs { width: 900px; margin: 0 auto; }



/* === HEADER === */
#header { height: 165px; background: black /* url(../images/layout/page-topshadow.jpg) no-repeat 0 0 */; }
#header .content { height: 88px; border-bottom: solid 1px #2a2d32; padding-top: 25px; }
#header .contact-info { width: 400px; float: right; }
#header .contact-info ul { margin: 0; list-style: none; }

/* MINE */
.logo { width: 81px; height: 70px; display: block;}
.tagline { float: left; margin-left: 0px; padding-top: 4px; font-family: Arial,"Arial Narrow",Arial,Helvetica,sans-serif; }
.name { font-size:18px; margin-bottom:6px; display:block; color:#FFFFFF; font-weight:normal; font-family: Arial,"Arial Narrow",Arial,Helvetica,sans-serif;}
.tag { font-size:15px; line-height:16px; padding:0px; margin:0px; font-weight:normal; font-family: Arial,"Arial Narrow",Arial,Helvetica,sans-serif;}
.contact-info { text-align: right; font-size:12px; line-height:16px; font-weight:normal; margin-top:6px; }

.areas { margin:0px 0px 5px 0px;}

.categorybackground { background-image:url(../_gfx/coursecategory_bg.png); width:140px; height:120px; margin:10px 14px 10px 14px;}
.bannerbackground { background-image:url(../_gfx/banner_bg.png); width:400px; height:90px; margin:0 auto; }
.bannerbackground img { margin:11px;}

.bannerlargebackground { background-image:url(../_gfx/bannerlarge_bg.png); width:820px; height:90px; margin:0 auto; }
.bannerlargebackground img { margin:11px;}

.categorybackground img {margin:11px;}

.coursebackground { background-image:url(../_gfx/coursecategory_bg.png); width:190px; height:120px; margin:10px 10px 0px 10px;}
.coursebackground img {margin:11px;}
.coursedetailsbackground { background:url(../_gfx/coursedetails_bg.png) bottom; width:190px; margin:0px 10px 10px 10px; text-align:center;}
.coursedetailselement {border-bottom:1px solid #666666; text-align:left; margin:0px 10px 0px 10px; padding:3px 0px; display:block; width:170px; font-size:12px; }
.coursedetailselement img {vertical-align:text-bottom; margin:0px 10px;}


.coursebackground2 { background-image:url(../_gfx/coursecategory_bg2.png); width:190px; height:120px; margin:10px 0px 0px 10px;}
.coursebackground3 { background-image:url(../_gfx/coursecategory_bg2.png); width:190px; height:120px; margin:10px 10px 10px 14px;}
.coursebackground3 img {margin:11px;}

.coursebackground2 img {margin:11px;}
.coursedetailsbackground2 { background:url(../_gfx/coursedetails_bg2.png) right; width:190px; height:120px; margin:10px 10px 0px 0px; text-align:left;}
.coursedetailselement2 {border-bottom:1px solid #666666; text-align:left; margin:0px 10px 0px 0px; padding:4px 0px; display:block; width:180px; font-size:12px;}
.coursedetailselement2 img {vertical-align:text-bottom; margin:0px 10px 0px 10px; }
.cdfirst {margin-top: 10px;}
.cdlast { border-bottom:none;}

.description { margin: 0 auto; background: none; text-align: center; height:18px;}
.description p { padding-top:10px; text-align: center;}

.newsticker {list-style-type: none;border: none;background: none;padding: 3px;margin: 0;}
.tutorsarea a { display: inline-block; border:1px solid #666666; padding:3px 6px 3px 6px; margin:0px 0px 10px 0px; }

/* BETA */
.tabbed_area .active { color:#FFFFFF}

#content_1, #content_2, #content_3, #content_4, #content_5, #content_6, #content_7 { border:1px solid #333333; padding:10px; }
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7 { display:none; }
#tab_1, #tab_2, #tab_3, #tab_4, #tab_5, #tab_6, #tab_7 { margin:0px; padding: 6px 10px; line-height:28px; background: transparent url(../_gfx/featured-tabs-divider.png) no-repeat scroll 100% 0; }
#tab_0 {background:transparent url(../_gfx/featured-tabs-divider.png) no-repeat scroll 100% 0;float:left;height:28px;width:1px;}

#contentloc_1, #contentloc_2, #contentloc_3, #contentloc_4, #contentloc_5, #contentloc_6, #contentloc_7, #contentloc_8, #contentloc_9, #contentloc_10 { border:1px solid #333333; padding:10px; }
#contentloc_2, #contentloc_3, #contentloc_4, #contentloc_5, #contentloc_6, #contentloc_7, #contentloc_8, #contentloc_9, #contentloc_10 { display:none; }
#tabloc_1, #tabloc_2, #tabloc_3, #tabloc_4, #tabloc_5, #tabloc_6, #tabloc_7, #tabloc_8, #tabloc_9, #tabloc_10 { margin:0px; padding: 6px 10px; line-height:28px; background: transparent url(../_gfx/featured-tabs-divider.png) no-repeat scroll 100% 0; }
#tabloc_0 {background:transparent url(../_gfx/featured-tabs-divider.png) no-repeat scroll 100% 0;float:left;height:28px;width:1px;}

td { border-color:  #333333;/* padding:8px; border:1px solid #333333 */}

/* END BETA */

/* === NAVIGATION === */
#navigation { height: 50px; position: absolute; background: url(../images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #5b6066; }
#navigation ul { list-style: none; margin:0px 0px 0px 0px; padding-left: 20px; }
#navigation ul li { float: left; display: inline; }
#navigation a { height: 50px; display: block; float: left; padding: 0 18px; font-size:15px; }
#navigation a.active { background: url(../images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }

/* === Featured Content Section === */
#featured { /* height: 299px; */ overflow: hidden; background: url(../images/layout/featured-bg.png) repeat; border: solid 1px #56595d; border-top: solid 1px #70757a; }
#featured .content { /* height: 249px; */ padding: 25px 20px; overflow: hidden; /* background: url(../images/layout/featured-radialgradient.jpg) no-repeat 0 0; */ }

#featured-tabs { height: 30px; margin-bottom: 30px; background: black /*url(../images/layout/featured-tabs-bgshadow.jpg) no-repeat 0 0 */; }
#featured-tabs > div { width: 2px; height: 30px; float: left; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 0 0; }
#featured-tabs ul { list-style: none; margin: 0; }
#featured-tabs ul li { float: left; display: inline; background: url(../images/layout/featured-tabs-divider.gif) no-repeat 100% 0; }
#featured-tabs a { padding: 0 20px; display: block; float: left; height: 29px; margin-top: 1px; }
#featured-tabs a:hover { border-top: solid 1px #d1761b; margin: 0; }
#featured-tabs li.active a { border-top: solid 1px #000000; margin: 0; } 

#featured .image-container { width: 230px; }
#featured .image { margin: 1px 0; height: 233px; }
#featured .image img { margin: 0; }
#featured .topshadow, #featured .bottomshadow { width: 299px; height: 7px; }
#featured .topshadow { background: url(../images/layout/featured-image-topshadow.gif) no-repeat; }
#featured .bottomshadow { background: url(../images/layout/featured-image-bottomshadow.gif) no-repeat; }

#featured .content-container { margin: 5px 0; }
#featured .content-container p { /* width: 650px; */ margin: 0 auto; }
#featured .content-container-right { width: 560px; float: left; margin: 5px 0 5px 30px; }
#featured .content-container-left { width: 500px; float: left; margin: 5px 30px 5px 0; }

#featured ul.horz-gallery { width: 820px; margin: 0 auto; }
#featured ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 12px; }
#featured ul.horz-gallery li.last { margin-right: 0; }
#featured ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #545466; }
#featured ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#featured ul.featured-blocks { list-style: none; margin: 25px 0 0; }
#featured ul.featured-blocks li { float: left; margin-right: 30px; }
#featured ul.featured-blocks li.last { margin-right: 0; }
#featured ul.featured-blocks .image { height: 158px; display: block; }
#featured ul.featured-blocks .bottomshadow { width: 260px; height: 6px; background: url(../images/layout/featured-blockimage-bottomshadow.jpg) no-repeat; }

/* === Learn More links === */
.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { margin: 10px 0; }

.featured-learnmore-lg.center, .featured-learnmore-sm.center,
.content-learnmore-lg.center, .content-learnmore-sm.center { margin: 10px auto; }

.featured-learnmore-lg.fl, .featured-learnmore-sm.fl,
.content-learnmore-lg.fl, .content-learnmore-sm.fl { margin: 0 0 10px 25px; }
.featured-learnmore-lg.fr, .featured-learnmore-sm.fr,
.content-learnmore-lg.fr, .content-learnmore-sm.fr { margin: 0 25px 10px 0; }

.featured-learnmore-lg, .content-learnmore-lg { width: 156px; height: 36px; display: block; }
.featured-learnmore-sm, .content-learnmore-sm { width: 104px; height: 29px; display: block; }

.featured-learnmore-lg { background: url(../images/layout/featured-learnmore-lg.gif); }
.featured-learnmore-lg:hover { background: url(../images/layout/featured-learnmore-lg.gif) 0 -36px; }
.featured-learnmore-sm { background: url(../images/layout/featured-learnmore-sm.gif); }
.featured-learnmore-sm:hover { background: url(../images/layout/featured-learnmore-sm.gif) 0 -29px; }

.content-learnmore-lg { background: url(../images/layout/content-learnmore-lg.gif); }
.content-learnmore-lg:hover { background: url(../images/layout/content-learnmore-lg.gif) 0 -36px; }
.content-learnmore-sm { background: url(../images/layout/content-learnmore-sm.gif); }
.content-learnmore-sm:hover { background: url(../images/layout/content-learnmore-sm.gif) 0 -29px; }

/* === MAIN CONTENT AREA === */
#content { overflow: hidden; }
#contentMain { width: 560px; float: left; line-height:1.5em; }

#content ul.horz-gallery { width: 841px; margin: 0 auto; }
#content ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 15px; }
#content ul.horz-gallery li.last { margin-right: 0; }
#content ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #545466; }
#content ul.horz-gallery li.active img,
#content ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#content .horz-gallery-content { width: 841px; margin: 25px auto 0; }

/* === SIDEBAR === */
#sidebar { width: 300px; float: right; }
#sidebar .news { margin: 0; list-style: none; }
#sidebar .news li {  padding: 2px; border-bottom: solid 1px #1d1f27; }
#sidebar .news p { margin: 0; }

/* === FOOTER === */
#footer { margin-top: 25px; background: url(../images/layout/footer-bg.gif) repeat; border-top: solid 1px #191b22; }
#footer .content { background: url(../images/layout/footer-topshadow.jpg) no-repeat 0 0; border-top: solid 1px #050606; }
#footer .pad { padding: 20px 30px; }
#footer .info { height: 38px; width: 560px; float: left; }
#footer .logo-small { padding-right: 20px; border-right: solid 1px #222222; float: left; }
#footer .logo-small a { margin: 0px 0 8px; display: block; }

#footer .info ul { float: left; padding-left: 12px; list-style: none; margin: 5px 0 0; }
#footer .info ul li { float: left; display: inline; padding: 0 8px; border-right: solid 1px #1e1e1f; }
#footer .info ul li.last { border: none; }

#footer .legal { float: left; margin: 8px 0 0 20px; width: 70%; }

/* === Quick Contact Form === */
#quick-contact { width: 270px; float: right; position: relative; margin-top:5px; margin-bottom:65px; }
#quick-contact .container { margin-top: 16px; }
#quick-contact label, #quick-contact .qmessage { clear: both; }
#quick-contact .qname,
#quick-contact .qemail { width: 131px; }
#quick-contact input { width: 125px; border-bottom: solid 1px #050506; }
#quick-contact input, #quick-contact textarea { margin: 4px 0 0; padding: 3px; background: url(../images/layout/footer-formbg.gif) repeat; border: none; }
#quick-contact textarea { width: 264px; height: 50px; }
#quick-contact .qname, #quick-contact .qemail, #quick-contact .qmessage { border-bottom: solid 1px #111116; margin-bottom: 7px; }
#quick-contact .qmessage { clear: both; }
#qresponse { padding: 0 25px; }
#quicksubmit { text-align: right; }
#quick-contact input.qsubmit { width: 62px; border: solid 1px #111116; }
#quick-contact input.qsubmit:hover { background: url(../images/layout/send-hover.gif) repeat; }
#qshow, #qhide { display: block; position: absolute; top: 0; left: 0; color:#999999; margin:2px 0px; font-size:12px; }

/* Forms */
form { margin: 20px 0 15px; padding: 10px 30px 0; }
form fieldset { margin: 0; padding: 0; position: relative; }
form fieldset legend { display: none; }
form fieldset legend.show { display: inline; white-space: normal; }     
form fieldset br { clear: both; }

#contact-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#contact-form input,
form fieldset input, select {  padding: 4px 6px; vertical-align: middle; margin-top: 1em; width: 50%; }
#contact-form textarea,
form fieldset select,
form fieldset textarea, select { padding: 4px 6px; vertical-align: middle; width: 61%; margin-top: 1em; }

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form button,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button { background: url(../images/layout/footer-bg.gif) repeat; border: solid 1px #1e2028; }
form fieldset select { width: 52.5%; }
form fieldset input[type="radio"],
form fieldset input[type="checkbox"] { width: auto; margin-left: 0; padding: 0; }

form fieldset fieldset { margin: 1.5em 0 0 110px; padding: 0; }
form fieldset fieldset legend span { position: absolute; left: -160px; width: 150px; }    
form fieldset fieldset input[type="radio"],    
form fieldset fieldset input[type="checkbox"] { margin-top: 0; margin-bottom: 5px; }
form fieldset fieldset label { clear: none; float: none; display: inline; margin-right: 0; }
#contact-form button,
form fieldset button { margin: 10px 15px 0 350px; padding: 3px 8px; }
#contact-form button,
form fieldset button:hover { cursor: pointer; }



/* ===== FONTS ===== Default font settings. The font-size percentage is of 16px. (0.825 * 16px = 13.2px) */
body { font-size: 82.5%; color: #9f9f9f; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; }
.nojs { color: #f49331; text-align: center; }

/* === HEADER === */

/* === NAVIGATIN & FEATURED CONTENT TABS === */
#navigation a,
#featured-tabs a { text-decoration: none; font-weight: normal; }

#navigation { font-size: 1.2em; }
#navigation a { line-height: 46px; color: #bbbbbb; }
#navigation a:hover,
#navigation a.active { color: #fff; }

#featured-tabs { font-size: .9em; }
#featured-tabs a { line-height: 28px; color: #9b9a9a; }
#featured-tabs a:hover,
#featured-tabs a.active { color: #bbbbbb; }

#featured .content-container { text-align: center; }

#featured ul.featured-blocks { text-align: center; }

/* Learn More links */
.featured-learnmore-lg, .content-learnmore-lg { font-size: 1.15em; color: #d28335; line-height: 32px; }
.featured-learnmore-sm, .content-learnmore-sm { color: #a6acd0; font-size: .9em; line-height: 24px; }
.featured-learnmore-lg:hover, .content-learnmore-lg:hover { color: #e28f3d; }

.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { text-align: center; font-style: italic; }
.featured-learnmore-lg:hover, .featured-learnmore-sm:hover,
.content-learnmore-lg:hover, .content-learnmore-sm:hover { text-decoration: none; }

/* === SIDEBAR === */
#sidebar .news { font-size: .95em; }
#sidebar .news .date { font-size: .9em; color: #54575f; }

/* === FOOTER === */
#footer, #quick-contact { font-size: 1.05em; }
#footer .info ul li { font-size: .85em; line-height: 10px; }
#footer .info ul li a { color: #999; }
#footer .info ul li a:hover { color: #a6acd0; }

#footer .legal { font-size: .8em; color: #474751; line-height: 12px; }

/* Quick Contact form */
#quick-contact, #quick-contact input.qsubmit { font-size: .9em; color: #7e7e7e; }
#quick-contact .qsuccess { text-align: center; }
#qresponse { color: #9e1a1a; line-height: 1.2em; }
#quick-contact input.qsubmit:hover,
#qshow:hover, #qhide:hover { color: #f49331; cursor: pointer; text-decoration: none; }
#quick-contact input,
#quick-contact textarea { color: #acacac; font: 1em Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing: .05em; }

/* Forms */
form label, form legend { font-family: Arial, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
form fieldset label,
form fieldset fieldset legend { color: #7e7e7e; text-align: right; }
#contact-form button,
#contact-form input,
#contact-form textarea,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button { color: #b2b2b2; }
#contact-form button:hover,
form fieldset button:hover { color: #f49331; }

#response { color: #9e1a1a; line-height: 1.3em; }

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #d1d1d1; }

#featured h1 { color: #cdcfd9; letter-spacing: 0em; }
#footer h5 { font-size: 1.1em; color: #a6acd0; }

h1 { font-size: 2em; margin-bottom: 1.1em; }
h2 { font-size: 1.65em; margin-bottom: 1.1em; }
h3 { font-size: 1.3em; margin-bottom: 7px; }
h4 { font-size: 1.1em; margin-bottom: 1em; }
h5 { font-size: 1em; margin-bottom: .75em; }
h6 { font-size: .95em; margin-bottom: .6em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements */
p           { margin: 0 0 1.5em; font-weight: normal; line-height: 1.5; }
#featured p { color: #babcc5; line-height: 1.5; }

a:focus, 
a:hover     { color: #ffffff; /* text-decoration: underline; */ }
a           { color: #999999; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul, ol, dl	{ font-weight: normal; line-height: 1.65em; margin: 10px 0 1.5em 35px; }
ul ul, ol ol{ font-size: 1em; margin: 0 0 0 25px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: normal; }
dd          { margin-left: 1.5em;}


/* Tables 
table       { margin-bottom: 1.4em; /* width:100%; font-weight: normal; line-height: 1.65em; border: solid 1px #222; }
th          { font-weight: bold; background: #0C0E10; }
th,td       { padding: 4px 10px 4px 5px; border: solid 1px #222; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
*/

/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.aeronlink { color: #474751;}

.opendays {color: #99cc00;}
.lastplaces {color: #99cc00;}