@charset "utf-8";
/* CSS Document */
body { background:url(/assets/images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto; }

img, div { behavior: url(iepngfix.htc); }

/* specific divs */

.clear { clear:both;}

.line-dotted { clear:both;
border-top:1px dotted #435930;}

/* container */

#container { margin:0 auto 0 auto;
padding:0;
width:980px;}

#container form#login { background-color:#568928;
float:right;
padding:5px 5px 10px 20px;
width:470px;
margin:0 20px 0 0;
position:relative;
z-index:2;}

#container form#login label { color:#fff;
font-weight:bold;
font-size:72%;
display:block;}

#container form#login input { border:1px solid #546e3d;
font-size:70%;
color:#879878;
padding:2px;
background-color:#fff;
width:180px;}

#container form#login input.btn { width:80px;
background:url(../images/btn-bg.jpg) repeat-x;
color:#fff;
font-weight:bold;}

#container #top { margin:0;
padding:0;}

#container #top p { font-size:72%;}

#container img.main-img { margin:43px 0 0 0;
/* margin:-8px 0 0 0;*/
position:relative;
z-index:0;
height:207px;}

/* main - the middle bit */

#container #main { margin:40px 0 0 0;}

/* navigation column */

#container #main #nav { width:140px;
float:left;
font-size:74%;
margin:0px 15px 0 0px;
padding:0 0 20px 0;
_margin:0 8px 0 0;}

#container #main #nav #nav-internal { width:140px;
border-left:1px solid #568928;
border-right:1px solid #568928;
_border-right:none;
margin:0;
padding:0;}

#container #main #nav img.apbc { margin:30px 0 20px 20px;}

#container #main #nav ul { list-style:none;
margin:0px 0 0 0;
padding:0;
width:155px;}

#container #main #nav ul.sub {margin:0 0 0 -20px;
padding:0 0 0 10px;
width:130px;
background:#568928;}

#container #main #nav ul.sub a { color:#fff;
font-weight:normal;}

#container #main #nav ul.sub a:hover { color:#fff;
font-weight:bold;}

#container #main #nav ul li { padding:5px 5px 5px 20px;}

#container #main #nav ul li a { color:#568928;
font-weight:bold;
text-decoration:none;}

#container #main #nav ul li a:hover { color:#25410b;}

#container #main #nav ul li.on { /*background:url(../images/arrow.jpg) no-repeat 100% 0 #568928;*/
background:url(../images/nav-on.jpg) no-repeat 100% 0; }

#container #main #nav ul li.active { text-decoration:underline;
color:#568928;}

#container #main #nav ul li.on a { color:#fff;}

/* middle section */

#container #main #middle { float:left;
width:520px;
margin:0 20px 20px 20px;}

#container #main #middle.full { width:720px;
float:left;}

#container #main #middle h1 { font-size:120%;
color:#435930;
font-weight:bold;
margin:0 0 15px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #435930;}

#container #main #middle h2 { font-size:90%;
color:#435930;
font-weight:bold;}

#container #main #middle h3 { font-size:80%;
color:#435930;
font-weight:bold;}

#container #main #middle img.img { border:1px solid #91a380;
float:right;
margin:5px;}

#container #main #middle .course-box { background-color:#e9f0e4;
float:left;
width:162px;
border:1px solid #4a692f;
margin:0 5px 15px 0;}

#container #main #middle .course-box#last { margin:0;}

#container #main #middle .course-box h2 { font-size:80%;
color:#4a692f;
font-weight:bold;
margin:0;
padding:5px;}

#container #main #middle .course-box p { font-size:70%;
padding:5px;}

#container #main #middle .course-box h2 a { color:#4a692f;
text-decoration:none;}

#container #main #middle .course-box h2 a:hover { color:#263a15;}

#container #main #middle .course-box img { border-top:1px solid #4a692f;
border-bottom:1px solid #4a692f;}

#container #main #middle p { color:#4a692f;
font-size:72%;
padding:5px 0;
margin:0;
line-height:18px;}

#container #main #middle ul { margin:10px 15px 10px 15px;
padding:0;
font-size:72%;
color:#4a692f;
list-style:none;
font-size:72%;}

#container #main #middle ul li { background:url(../images/arrow.gif) no-repeat center left;
padding:5px 0 5px 20px;}

#container #main #middle a { color:#4a692f;
text-decoration:none;
font-weight:bold;}

#container #main #middle a:hover { color:#4a692f;
text-decoration:underline;
font-weight:bold;}

#container #main #middle p.p1 { font-weight:bold;
margin:20px 0 0 0;}

/* right hand column */

#container #right { width:250px;
_width:240px;
float:left;}

#container #right .box { border:1px solid #91a380;
background-color:#f3f7f0;}

#container #right .box p.more { font-weight:bold;
font-size:70%;
color:#545454;
padding:5px 10px;}

#container #right .box p.more a { color:#545454;
text-decoration:none;}

#container #right .box p.more a:hover { color:#2c2929;}

#container #right .box#team { margin:10px 0 0 0;}

#container #right .box .title { background-color:#91a380;
margin:0;
padding:5px 10px;}

#container #right .box .title h2 { margin:00;
padding:0;
font-size:72%;
font-weight:bold;
float:left;
color:#fff;
display:inline;}

#container #right .box .title p { font-size:72%;
color:#c3d1b6;
float:right;
margin:0;
padding:0;}

#container #right .box .title p a { color:#c3d1b6;
text-decoration:none;}

#container #right .box .title p a:hover { color:#fff;}

#container #right .box ul { margin:10px 15px 10px 15px;
padding:0;
font-size:70%;
list-style:none;
font-size:72%;}

#container #right .box ul li { background:url(../images/arrow.gif) no-repeat center left;
padding:5px 0 5px 20px;
border-bottom:1px dotted #435930;}

#container #right .box ul li a { color:#545454;
text-decoration:none;
font-weight:bold;}

#container #right .box ul li a:hover { color:#2c2929;}

#container #right.pics { _width:230px;
_overflow:hidden;}

#container #right img.img { border:1px solid #91a380;
margin:0;
padding:0; }

#container #right p.caption { font-size:72%;
font-weight:bold;
background:#91a380;
color:#fff;
margin:-2px 0 5px 0;
padding:5px;
width:97%;}

#container #right p.caption a { color:#fff;
text-decoration:none;}

#container #right p.caption a:hover { text-decoration:underline;}

.side-logo { width:250px;
text-align:center;
margin:20px 0 0 0;}

.side-logo.second { margin:15px 0 0 0;}

/* errors */

#container #right .box ul.errors { color:#ff0101;
font-weight:bold;}

#container #right .box ul.errors li { background:url(../images/error.jpg) no-repeat center left;
border-bottom:1px dotted #ff0101;}

#container #right .box .article { 
padding:5px 10px;
margin:5px 0 10px 0;
_margin:5px 0;}

#container #right .box .article h3 { margin:5px 0 0 0;
padding:0;
font-size:70%;
color:#545454;}

#container #right .box .article h3 a { text-decoration:none;
color:#545454;}

#container #right .box .article h3 a:hover { color:#2c2929;}

#container #right .box .article p { margin:0;
padding:0;
font-size:70%;
color:#545454;}

#container #right .box .article p a { color:#545454;
text-decoration:none;}

#container #right .box .article p a:hover { color:#2c2929;}

#container #right .box .article img { border:1px solid #91a380;
float:right;
margin:0 0 0 5px;}

/* right contact form */

#container #right .box form { margin:10px;
width:230px;
_width:200px;}

#container #right .box form label { float:left;
width:80px;
font-size:72%;
margin:3px 0;
padding:2px 0;
color:#545454;}

#container #right .box form input { border:1px solid #546e3d;
font-size:70%;
color:#879878;
padding:2px;
margin:3px 0;
background-color:#fff;
width:140px;
_width:110px;}

#container #right .box form textarea { border:1px solid #546e3d;
font-size:100%;
color:#879878;
padding:2px;
margin:3px 0;
background-color:#fff;
width:140px;
_width:110px;}

#container #right .box form input.btn { width:146px;
_width:116px;
background:url(../images/btn-bg.jpg) repeat-x #86a56a;
color:#fff;
font-weight:bold;}

/* footer */

#container #footer { background-color:#48761f;
margin:20px 0 0 0;
padding:5px 0;}

#container #footer ul.details { float:left;
width:720px;
_width:700px;
margin:0 20px;
color:#fff;}

#container #footer ul.details li {border-right:1px solid #fff;
padding:0 5px;}
#container #footer ul.details li a { border:none;
padding:0;}

#container #footer ul { list-style:none;
margin:0 10px 0 0;
padding:0;}

#container #footer ul li { display:inline;
font-size:70%;
margin:0;
padding:0;}

#container #footer ul li a { color:#fff;
text-decoration:none;
border-right:1px solid #fff;
padding:0 5px;}

#container #footer ul li a:hover { text-decoration:underline;}

#container #footer ul li a.last { border:none;}

/* news page article setup */

#container #main #middle .article { border-bottom:1px dotted #435930;
margin:0 0 10px 0;
padding:0 0 5px 0;}

#container #main #middle .article p { margin:5px 0;
padding:0;}

#container #main #middle .article h3 { margin:5px 0 0 0px;
padding:0;
color:#545454;
font-size:80%;}

#container #main #middle .article h3 a { text-decoration:none;
color:#3f671a;}

#container #main #middle .article h3 a:hover { color:#568928;}

#container #main #middle .article img { border:1px solid #91a380;
float:right;
margin:0 5px 0 5px;}

#container #main #middle .article p.more { font-weight:bold;
background:url(../images/arrow.gif) no-repeat center left;
padding:0 10px;
margin:10px 0;}

#container #main #middle .article p.more a { color:#3f671a;
text-decoration:none;
padding:0 0 0 10px;}

#container #main #middle .article p.more a:hover { color:#568928;}

#container #main #middle #pages { font-size:72%;
text-align:right;
color:#435930;}

#container #main #middle #pages a { text-decoration: none;
padding: 0 5px;
border: 1px solid #ddd9d8;
color:#48761f;
margin-left: 3px;}

#container #main #middle #pages a.on { background: #48761f;
color:#fff;}

#container #main #middle #pages a:hover.on { background: #48761f;
color:#fff;}

#container #main #middle #pages a:hover { color: #f3f7f0;
background-color: #91a380;}


#container #main #middle p.back { background:url(../images/arrow.gif) no-repeat 0 85%;
padding:10px 0 0 20px;
margin:20px 0 0 0;
border-top:1px solid #568928;}

.examples { float:left; margin:0 20px 0 0;}

.location { width:165px;
float:left;}

.location a { background:url(../images/arrow.gif) no-repeat 0 85%;
padding:0 0 0 10px;}