/*(main.css) Bottle Green Style :: Alastair Reid, Easyspace Premium Design */
 
/*Type*/
body { font-family:"Trebuchet MS", Verdana, Arial;}
/*Paragraph Text*/
p {font-size:75%; text-align:justify; line-height:1.5; margin:10px 25px 10px 25px; color:#333;}
/*--------------*/

/*Heading Text*/
h1,h2,h3,h4,h5,h6 { color:#063; }
.footertext { margin-left:5px;font-size:9px; } .footerlink { text-decoration:none; color:#FFFFFF;}

.about_us { background-image:url(img/about_us.gif); width:178px; height:51px; background-repeat:no-repeat; text-indent:-9999px; margin:50px 0 0 675px; padding:0;}

.our_staff { background-image:url(img/our_staff.gif); width:200px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 680px;}

.assessor { background-image:url(img/assessor.gif); width:450px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 450px;}

.course { background-image:url(img/course_details.gif);width:300px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 550px;}

.contact_us { background-image:url(img/contact_us.gif); width:230px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 640px;}

.k_and_u { background-image:url(img/k_n_a_title.gif); width:500px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 350px;}

.guide { background-image:url(img/guide_title.gif); width:500px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 85px;}

.vnac { background-image:url(img/vnac_title.gif); width:292px; height:51px; background-repeat:no-repeat; text-indent:-9999px; padding:0;  margin:50px 0 0 530px;}

/*--------------*/
 
/*Layout*/
html,body{text-align:center;background:#063;margin:0;padding:0; color:#000; background-image:url(img/stripe_bg.gif); background-repeat:repeat-x; background-position:top;}
#pagewidth{width:900px;text-align:left;margin-left:auto;margin-right:auto; background:#105A09; border:1px solid #030; }
#spacer{position:relative;height:25px;width:100%; text-align:center;}
#header{position:relative;height:108px;color:#fff;background-color:#1C1010;width:100%;}

.maincol{background:tranparent;float:right;display:inline;position:relative;width:900px; background-image:url(img/repeat_main.gif); background-repeat:repeat-y; background-position:center top; z-index:1; }

.maincol_top{background:tranparent;float:right;display:inline;position:relative;width:900px; height:120px; background-image:url(img/top_main.gif); background-repeat:no-repeat; background-position:center top; }

.right{background-color:#FFF;float:right;display:inline;position:relative;width:450px;}
.left{background-color:#FFF;float:left;display:inline;position:relative;width:450px;}
#footer{height:15px;background-color:#030;color:#fff;clear:both;}

.big_box { width:99%; min-height:300px; margin:35px auto;  }
.big_box p { margin:6px 50px 0 0px; width:500px; float:right; line-height:1.6;}

.med_box { width:580px;   margin:0 30px 30px 0;float:right;}

.content { width:85%; margin:20px auto;}
.content ol { font-size:0.8em; margin:0 0 0 45px;}
.content ul { font-size:0.8em; margin:0 0 0 45px;}
.content a { color:#063; font-weight:700;}


.home_content { width:600px; float:right}
.home_content p { margin:0 60px 20px 0px;}

.left_col { width:220px;  float:left; margin:10px 0 0 30px; min-height:500px; height:auto !important; height:500px;}
.left_col img { margin:0 15px 0px 15px; clear:both;}

.box {  width:400px;  display:inline-block; margin:0 0 30px 30px;}
.box img { float:left; margin:5px 15px 0 0 ;}
.box h3 { float:right;}
.box a { text-decoration:none; color:#063; font-weight:bold;}
.box a:hover {  color:#093; }

* html .box { display:inline; margin:0 0 30px 40px;}
*:first-child+html .box { display:inline; } 

/*Fixes*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
img, div { behavior: url(iepngfix.htc) } /*PNG Transparency Fix*/
img { border:0;}

/*Form*/
form {margin:45px; padding:20px; border:2px solid #000000; width:300px; }
label  {display:block; margin-top:15px; font-size:12px; font-weight:bold; color:#000;}
.textinput { border:2px solid #000000;}

/*Navigation*/
#h-nav{position:relative;background-color:#030;height:35px;width:100%; background-image:url(img/nav_bg.gif); background-repeat:repeat-x; border-top:4px solid #030;}
#h-nav ul { margin:0 0px 0 50px; border:0;}
#h-nav li { list-style:none; display:inline; line-height:1.8; margin:0; padding:0;}
#h-nav a { text-decoration:none; margin-left:20px; font-weight:bold; color:#FFF; font-size:0.9em;}
#h-nav a:hover { color:#093;}

/*Table styles for CMS*/
.staff { margin:0 0 50px 30px; padding:0;  }
td { margin:10px; vertical-align:top;}
td.info { width:700px; border:1px solid #CCC; height:130px;}
td.photo { width:100px; height:133px; border:1px solid #000;}

.staff img {width:100px; height:133px;}
.contact_table p, h3{ margin:20px;}
.contact_table { width:850px; margin:0 auto;}


.top_images { position:relative; z-index:100;  width:469px; height:126px; margin:-60px 0 0 50px;}
* html .top_images { height:auto;}