/* CSS Document */

body 
{
	background: #7eae48;
	/*background: #a3b66c url(../images/back3.gif) repeat-x;*/
	margin: 0px; 
	padding: 0px;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1.0em;
}

/*** HTML Elements ***/
p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:20px;
	color:#ffffff; 
	margin: 0px 0px 0px 0px; padding: 5px 10px 10px 10px;
}

#links {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#links h2 {color:#ffffff; margin: 0px 10px 5px 10px; padding: 0px 0px 5px 0px; border-bottom: solid 1px #ff9933;}
#links p {color:#ffffff; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 10px 10px 10px;}
#links a {font-weight:bold; text-decoration:underline;}
#links a:hover {font-weight:bold; text-decoration:underline;}

p.crumbs {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	color:#ffff00; 
	margin: 0px 0px 5px 0px; padding: 4px 10px 5px 10px;
	font-weight:bold;
	border-bottom: solid 1px #cccccc;
}


p.crumbs a {font-weight:bold; text-decoration:underline; color:#ffffff;}
p.crumbs a:hover {font-weight:bold; text-decoration:none; color:#ffff00;}
p.home {
	width:590px;
}
p.course-title {
	margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;
}
p.course-summary {
	margin: 0px 10px 10px 10px; padding: 0px 0px 8px 0px;
	border-bottom: 2px dotted #ffff00;
}
p.course-title a {
	font-weight:bold; color:#ffff00; text-decoration:underline;
}
p.course-title a:hover {
	font-weight:bold; color:#ffffff; text-decoration:underline;
}

#right-green-subnavbox p.course-title {
	margin: 0px 0px 0px 0px; padding: 3px 10px 5px 20px; color:#ffff00; font-size:0.7em; line-height:16px; border-bottom: solid 1px #6B933D; font-weight:bold; 
}
#right-green-subnavbox p.course-title a {
	color:#ffffff; text-decoration:underline;
}
#right-green-subnavbox p.course-title a:hover {
	color:#ffff00; text-decoration:none;
}

h1 {
	font-family:"Arial Black";
	font-size:1.2em; font-weight:normal; font-style:italic;
	color:#ffff00; 
	margin: 0px 0px 0px 0px; padding: 5px 10px 7px 10px;
}
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1.0em; font-weight:bold;
	color:#ffffff; 
	margin: 0px 0px 0px 0px; padding: 0px 10px 7px 10px;
}

#green-box h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style:italic; font-size:0.95em; font-weight:bold;
	margin: 0px 0px 0px 0px; padding: 3px 5px 5px 10px;
}
h3 {
	display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em; font-weight:bold;
	color:#ffffff; 
	margin: 10px 10px 10px 10px; padding: 2px 5px 2px 5px;
}
#right-green-subnavbox h4{
	position: relative;
	display: block;
	margin: 0px 0px 2px 5px;
	padding: 2px 5px 2px 5px;
	width:170px;
	color:#ffffff;
	background-color:#4c5c73;
	border-left: solid 10px #ff9933;
	font-style:italic;
}
a {color:#ffff00; font-weight:bold; text-decoration:underline;}
a:hover {color:#ff9933; font-weight:bold; text-decoration:none;}

#content-left ul {
	margin: 0px 10px 10px 25px;
	padding: 0px 0px 0px 0px;
	color:#FFFF00;
	font-size:0.8em;
}
#content-left ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	list-style-type:square;
}
#content-left ul li a {
	color:#ffff00; text-decoration:underline; font-weight:bold; font-style:italic;
}
#content-left ul li a:hover {
	color:#ffffff; text-decoration:none; font-weight:bold; font-style:italic;
}
#content-left ul.pdf {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 2px 0px;
	list-style-type:none;
	font-size:0.8em;
}
#content-left ul.pdf li {
	list-style-type:none;
	background: url(../images/icon-pdf-small.gif) no-repeat top left;
	margin: 0px 0px 0px 0px; padding:0px 0px 3px 20px;
}
img.getacro {
	margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px;
}


/*** COLOUR SCHEMES - Classes ***/
.blue {color:#4c5c73;}
.green {color:#7eae48;}
.yellow {color:#ffff00;}
.orange {color:#ff9933;}
.gray {color:#cccccc;}
.black {color:#000000;}
.white {color:#ffffff;}

.blue-block {background-color:#4c5c73;}
.green-block {background-color:#7eae48;}
.yellow-block {background-color:#ffff00;}
.orange-block {background-color:#ff9933;}
.gray-block {background-color:#cccccc;}
.black-block {background-color:#000000;}
.white-block {background-color:#ffffff;}

.blue-line {border-bottom: solid 1px #4c5c73; padding-left:0px; margin-bottom:0px;}
.green-line {border-bottom: solid 1px #7eae48; padding-left:0px; margin-bottom:0px;}
.yellow-line {border-bottom: solid 1px #ffff00; padding-left:0px; margin-bottom:0px;}
.orange-line {border-bottom: solid 1px #ff9933; padding-left:0px; margin-bottom:0px;}
.gray-line {border-bottom: solid 1px #cccccc; padding-left:0px; margin-bottom:0px;}
.black-line {border-bottom: solid 1px #000000; padding-left:0px; margin-bottom:0px;}
.white-line {border-bottom: solid 1px #ffffff; padding-left:0px; margin-bottom:0px;}

/*** Clearing DIV --- used for divs that float next to each other ***/
.clear { clear:both; }

/*** TRIMS ***/
.orange-trim {
	margin: 0px 0px 5px 5px; padding: 0px 0px 0px 0px;
	text-align:right;
	width: 600px; height:25px;
	background-color:#ff9933;
}
div.left-trim {
	width:130px; height:10px;
	background-color:#7eae48;
	border-top: solid 5px #ffffff;
}



#container {
	background: url(../images/back-greenbluestrip.gif) repeat-y;
	/*background-color:#00FF00;*/
	position: relative;
	display: block;
	width: 750px;
	margin: 0px auto 0 auto; 
}
#header {
	background: #FFFFFF url(../images/back-3stripe.gif) repeat-y;
	width: 750px; height:126px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
#logo {
	background-color:#ffffff;
	width: 120px; height:116px;
	margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; 
	border-right: 10px solid #7eae48;
	border-bottom: 10px solid #7eae48;
	float:left;
}
#logo img {margin: 2px 10px 0px 10px; padding: 0px 0px 0px 0px;}
#header-text {
	background-color:#ffffff;
	width: 590px; height:116px;
	margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; 
	border-left: 10px solid #7eae48;
	border-bottom: 10px solid #7eae48;
	float:right; clear:right;
}

#left-container {
	background-color:#ffffff;
	width: 130px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	float:left;
}
#right-container {
	background-color:#ffffff;
	width: 615px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	float:right; clear:right;
}

#top-image {
	background-color:#ffffff;
	width: 605px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	border-left: 10px solid #cccccc;
	border-bottom: 10px solid #cccccc;
}
#top-image img {
	margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; 
}
#header-image img {
	background-color:#ffffff;
	width: 600px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	border-left: 5px solid #ffffff;
	border-top: 5px solid #ffffff;
}

/*** NAVIGATION STYLES ***/
#navigation {
	width:130px;
	background-color:#ffffff;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

#navigation ul { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	width:130px; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	list-style-type:none; 
	background-color:#ffffff; 
}

/*** top navigation ***/
#navigation ul li.subnav0 { 
	display:inline;/*fix for whitespace on friggin ie*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	list-style-type:none; 
	background-color:#ffffff;
	font-size:0.7em;
}
#navigation ul li.subnav0 a {
	display:block; 
	width: 110px; 
	background: #4c5c73 url(../images/button-back-off.gif) repeat-y; 
	margin: 0px 0px 0px 0px; 
	padding: 6px 5px 6px 15px;
	border-top: solid 5px #ffffff; 
	font-weight:bold; 
	text-decoration:none; 
	color:#ffffff;
}
#navigation ul li.subnav0 a:hover {
	display:block; 
	width: 110px; 
	background: #4c5c73 url(../images/button-back-on.gif) repeat-y;
	margin: 0px 0px 0px 0px; 
	padding: 6px 5px 6px 15px;
	border-top: solid 5px #ffffff;
	font-weight:bold; 
	text-decoration:none; 
	color:#FFFF00; 
}
#navigation ul li.subnav0 #subnavsel {
	background: #4c5c73 url(../images/button-back-on.gif) repeat-y;
	color:#FFFF00;  
}
/*** sub01 navigation ***/
#navigation ul li.subnav1 { 
	display:inline;/*fix for whitespace on friggin ie*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
	list-style-type:none; 
	background-color:#ffffff;
	font-size:0.6em;
}
#navigation ul li.subnav1 a {
	display:block; 
	width: 110px; 
	background-color: #7eae48; 
	/*background: #4c5c73 url(../images/button-back-off.gif) repeat-y;*/
	margin: 0px 0px 0px 10px; 
	padding: 5px 5px 5px 5px;
	border-bottom: solid 1px #ffffff; 
	font-weight:bold;
	text-decoration:none; 
	color:#ffffff;
}
#navigation ul li.subnav1 a:hover {
	display:block; 
	width: 110px; 
	background-color: #BED6A3;
	margin: 0px 0px 0px 10px; 
	padding: 5px 5px 5px 5px;
	border-bottom: solid 1px #ffffff;
	font-weight:bold; 
	text-decoration:none; 
	color:#ffffff; 
}
#navigation ul li.subnav1 #subnavsel {
	background-color: #7eae48;
	color:#FFFF00;  
}
#navigation ul li.subnav1 #subnavsel {
	background-color: #BED6A3;
	color:#ffffff;  
}


/**** NAVIGATION STYLE ENDS ***/

#content {
	width:615px;
	display:block;
	margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;
	background-color:#4c5c73;
}
#content-left {
	width:405px;
	display:block;
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px;
	background-color:#4c5c73;
	float:left;
}
#content-right {
	width:210px;
	display:block;
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px;
	background-color:#4c5c73;
	float:right; clear:right;
}
/*#right-image-container{ 
	width:190px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	background-color:#ffffff;
	text-align:center;
}

#right-image-container img{ 
	width:190px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}*/
#right-image-container{ 
	width:200px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#4c5c73;
	text-align:center;
}

#right-image-container img{ 
	width:190px; 
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 5px #ffffff;
}
#right-green-subnavbox{ 
	width:200px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background-color:#7eae48;
}

#news img{ 
	width:190px; 
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border: solid 5px #ffffff;
}

/*** Image holders ***/
#home-box{
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
}
#image-holder-01 {
	position: relative;
	display: block;
	width: 585px;
	margin: 10px 0px 0px 12px;
	padding: 5px 0px 5px 5px;
	background-color:#ffffff; 
}
#image-holder-01 img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*** GREEN BOX -- on homepage ***/
#green-box {
	position: relative;
	display: block;
	width: 590px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	background: #7eae48 url(../images/grad-greenblue2.jpg) repeat-x;
	/*background-color:#7eae48;*/
}

#greenbox-left
{
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 5px;
	width:190px;
	float:left; clear:both;
}
#greenbox-middle
{
	position: relative;
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width:190px; 
	float:left; clear:right;

}
#greenbox-right
{
	position: relative;
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width:190px;
	float:left; clear:right;
}
.title-box{
	position: relative;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:180px;
	background-color:#4c5c73;
	border-left: solid 10px #ff9933;
}
#green-box .title-box p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	font-size:0.95em; font-weight:bold; font-style:italic;
	color:#ffffff;
}

#green-box ul {
	margin: 5px 10px 10px 25px;
	padding: 0px 0px 0px 0px;
	color:#FFFF00;
	font-size:0.8em;
}
#green-box ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	list-style-type:square;
}
#green-box ul li a {
	color:#ffff00; text-decoration:underline; font-weight:bold; font-style:italic;
}
#green-box ul li a:hover {
	color:#ffffff; text-decoration:underline; font-weight:bold; font-style:italic;
}


#header-text img.logo-sandy {
	margin:0px 10px 0px 90px;
	padding: 8px 0px 0px 0px;
}
#header-text img.logo-bmg {
	margin:0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}





/*** FOOTER DIV'S & Styles ***/
#footer
{
	position: relative;
	display: block;
	width: 750px; height: 60px;
	margin: 0px auto 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#ffffff; 
}
#footer div.white-trim {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	width: 750px; height:5px;
	background-color:#ffffff;
}
#footer div.gray-trim {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	width: 750px; height:10px;
	background-color:#cccccc;
}
#footer-text
{
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	width: 750px;
	background-color:#ffffff;
	text-align:center;
}
#footer-text ul
{
	margin: 7px 0px 7px 0px; padding: 0px 0px 0px 0px;
	list-style-type:none;
	font-size:0.7em;
	background-color:#ffffff; color:#4c5c73;
}
#footer-text li.footer-address
{
	margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;
	display:inline; list-style-type:none;
	background-color:#ffffff; color:#4c5c73;
}



