*{margin:0;padding:0;list-style:none;}

body {
	
	font:62.5%  Arial, Helvetica, sans-serif;
	background: #333;
	color: #ccc;
	
}





h1 {color: #666; font-size: 2.2em; font-weight:bold; letter-spacing: 0px; padding: 0; margin: 0;}
h2 {color:#666;font-size: 1.8em; font-weight:normal; letter-spacing: 0px; margin: 5px 0 0 0;}
h2 a {color:#333; text-decoration:underline;}
h2 a:hover {color:#666; text-decoration:none;}
h2.toggler {color:#666;font-size: 1.6em; font-weight:normal; letter-spacing: 0px; margin-top: 5px;}
h2.toggler a {color:#666;font-weight:normal; letter-spacing: 0px; margin-top: 10px;}


h3 {color:#333;font-size: 2.6em; font-weight:normal; letter-spacing: 0px; padding-left: 10px; border-left: 12px solid #00B7F1;}

h4 {color:#666;font-size: 1.6em; font-weight:bold; letter-spacing: 0px; padding-bottom: 10px;}
h5 {color:#666;font-size: 1.4em; font-weight:normal; letter-spacing: 0px;}
h5 a {color:#666; text-decoration:underline;}
h5 a:hover {color:#666; text-decoration:none;}


a {color:#666; text-decoration:underline;}
a:hover {color:#666; text-decoration:none;}

.accordion a {color:#FF3232; text-decoration:underline;}
.accordion a:hover {color:#666; text-decoration:none;}

p {color:#333; font-size: 1.2em;font-weight:normal; margin-top: 5px; padding:0; line-height: 1.5em; margin-bottom:10px;}
p.small {clear: both; padding-top: 5px; font-size: 0.8em;}

#left p {color:#666; font-size: 1.4em;font-weight:normal; }
#latestnews p {color:#666; font-size: 1.4em;font-weight:normal; margin:0 0 0 0;}

#left ul{margin-left:20px; padding:2px; list-style: square;}
#left ul li{ font-size: 1.4em; color:#666; line-height: 1.8em; list-style: square;}

#leftm ul{margin-left:10px; padding:2px; list-style: none;}
#leftm ul li{ font-size: 1.4em; color:#666; line-height: 1.8em; list-style: none;}


#homeright ul{margin-left:20px; padding:2px; list-style: square;}
#homeright ul li{ font-size: 1.4em; color:#666; line-height: 1.8em; list-style: square;}
#homeright p {color:#666; font-size: 1.4em;font-weight:normal; }

.clear{clear:both;}

.spacer {height: 10px; border-bottom: 1px dotted #666; margin-bottom: 10px;}

.colour-blue {color: #00B7F1;}
.colour-green {color: #70A332;}
.colour-orange {color: #F06000;}
.colour-grey {color: #333333;}
.colour-red {color: #FF3232;}

img {border: 0;}

#latestnews {width: 280px; margin: 10px 0 10px 0; padding: 10px; border-left: 12px solid #00B7F1;}
.rightblock {margin: 10px 0 10px 0; padding: 10px; border-left: 12px solid #00B7F1;}

.accordion	 { height: 0px; overflow: hidden }

/* Navigation */
#nav {float: left; font-size:1.1em; height: 34px;}

#nav-nav{float: left;}
	
#nav ul {padding-left:3px;padding-top: 10px; padding-bottom: 12px;}
#nav ul li {display:inline; padding: 0 0px 0 5px; }
#nav li.currentpage  a:link, #nav li.currentpage  a:visited, #nav li.currentpage  a:active { padding-bottom: 5px; color: #00B7F1;  }
#nav ul li a {display: inline-block; color:#fff; font-size: 14px; font-weight: bold; padding:5px; text-decoration:none; letter-spacing: 0px; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;} 
#nav ul li a:hover {color: #00B7F1; padding-bottom: 5px;}

#nav ul li#free {display:inline; padding: 0 3px 0 10px; }
#nav ul li#free a {display: inline-block;color:#fff; background:#FF3232; font-size: 15px; font-weight: bold; padding:8px 8px 8px 8px; text-decoration:none; letter-spacing: 0px; border-left: 1px solid #FF3232; border-right: 1px solid #FF3232; border-bottom: 1px solid #FF3232;} 
#nav ul li#free a:hover {color: #333; background:#fff;  padding:8px 8px 8px 8px;  border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

/* Sub Navigation */
#sub {float: left;}
#sub ul{}
#sub ul li{display:inline; padding: 0 5px 0 5px;}
#sub li#green.currentpage  a:link, #sub li#green.currentpage  a:visited, #sub li#green.currentpage  a:active {display: inline-block; color: #fff; background: #333;}
#sub li#blue.currentpage  a:link, #sub li#blue.currentpage  a:visited, #sub li#blue.currentpage  a:active {display: inline-block; color: #fff; background: #333;}
#sub li#orange.currentpage  a:link, #sub li#orange.currentpage  a:visited, #sub li#orange.currentpage  a:active {display: inline-block; color: #fff;  background: #333;}

#sub ul li#green a {display: inline-block;  font-size: 16px;  font-weight: bold;  color:#fff; text-decoration:none; padding: 8px 20px 8px 20px; background: #70A332;}
#sub ul li#blue a {display: inline-block; font-size: 16px;  font-weight: bold; color:#fff; text-decoration:none; padding: 8px 20px 8px 20px; background: #00B7F1;}
#sub ul li#orange a {display: inline-block; font-size: 16px;  font-weight: bold; color:#fff; text-decoration:none; padding: 8px 20px 8px 20px; background: #F06000;}


#sub ul li#green a:hover {display: inline-block; font-size: 16px;  font-weight: bold; background: #333;}
#sub ul li#blue a:hover {display: inline-block; font-size: 16px;  font-weight: bold; background: #333;}
#sub ul li#orange a:hover {display: inline-block; font-size: 16px;  font-weight: bold; background: #333;}


/* Follow Navigation */

#follow {float: left; }
#follow ul{}
#follow ul li{display:inline; padding: 0 0px 0 5px;}
#follow li.currentpage  a:link, #follow li.currentpage  a:visited, #follow li.currentpage  a:active {display: inline-block;  color: #333;}

#follow ul li#white a {display: inline-block;  font-size: 1.6em;  font-weight: bold;  color:#fff; text-decoration:none; padding: 8px 10px 8px 10px; background: #333;}
#follow ul li#fblue a {display: inline-block; font-size: 1.6em;  font-weight: bold; color:#00B7F1; text-decoration:none; padding: 8px 10px 8px 10px; background: #333;}
#follow ul li#fblue2 a {display: inline-block; font-size: 1.6em;  font-weight: bold; color:#00B7F1; text-decoration:none; padding: 8px 10px 8px 10px; background: #333;}
#follow ul li#fblue3 a {display: inline-block; font-size: 1.6em;  font-weight: bold; color:#00B7F1; text-decoration:none; padding: 8px 10px 8px 10px; background: #333;}

#follow ul li a:hover {display: inline-block; font-size: 1.6em;  font-weight: bold; color: #00B7F1;  background: #333;}


/* Occupational Navigation */
#oc {padding-left: 0px;}
#oc ul{padding:0 0 5px 0;}
#oc ul li{font-size: 1.6em; font-weight: bold; border-left: #70A332 solid 12px;  margin-bottom: 5px;  }
* html #oc ul li{font-size: 1.6em; font-weight: bold; border-left: #70A332 solid 12px; height: 30px; margin-bottom: 5px;  }

#oc li.currentpage  a:link, #oc li.currentpage  a:visited, #oc li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#oc ul li a {display: block; color:#fff;  margin-left: 5px; background: #70A332; text-decoration:none; padding:6px 0 6px 20px; }
#oc ul li a:hover {display: block; color: #fff;  background: #333;}

/* dda Navigation */
#dda {padding-left: 0px;}
#dda ul{padding:0 0 5px 0;}
#dda ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px; margin-bottom: 5px;  }

* html #dda ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px;  height: 30px;  margin-bottom: 5px;  }
#dda li.currentpage  a:link, #dda li.currentpage  a:visited, #dda li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#dda ul li a {display: block; color:#fff;  margin-left: 5px; background: #00B7F1; text-decoration:none; padding:6px 0 6px 20px; }
#dda ul li a:hover {display: block; color: #fff;  background: #333;}

/* dda Navigation */
#dda2 {padding-left: 0px;}
#dda2 ul{padding:0 0 5px 0;}
#dda2 ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px; margin-bottom: 5px;  }

* html #dda ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px;  height: 30px;  margin-bottom: 5px;  }
#dda2 li.currentpage  a:link, #dda2 li.currentpage  a:visited, #dda2 li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#dda2 ul li a {display: block; color:#fff;  margin-left: 5px; background: #00B7F1; text-decoration:none; padding:6px 0 6px 20px; }
#dda2 ul li a:hover {display: block; color: #fff;  background: #333;}


/* voc Navigation */
#voc {padding-left: 0px;}
#voc ul{padding:0 0 5px 0;}
#voc ul li{font-size: 1.6em; font-weight: bold; border-left: #F06000 solid 12px; margin-bottom: 5px;  }

* html #voc ul li{font-size: 1.6em; font-weight: bold; border-left: #F06000 solid 12px;  height: 30px; margin-bottom: 5px;  }

#voc li.currentpage  a:link, #voc li.currentpage  a:visited, #voc li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#voc ul li a {display: block; color:#fff;  margin-left: 5px; background: #F06000; text-decoration:none; padding:6px 0 6px 20px; }
#voc ul li a:hover {display: block; color: #fff;  background: #333;}

/* Downloads Navigation */
#down {padding-left: 0px;}
#down ul{padding:0 0 5px 0;}
#down ul li{font-size: 1.6em; font-weight: bold; border-left: #FF3232 solid 12px; margin-bottom: 5px;  }

* html #down ul li{font-size: 1.6em; font-weight: bold; border-left: #FF3232 solid 12px;  height: 30px;  margin-bottom: 5px;  }
#down li.currentpage  a:link, #down li.currentpage  a:visited, #down li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#down ul li a {display: block; color:#fff;  margin-left: 5px; background: #FF3232; text-decoration:none; padding:6px 0 6px 20px; }
#down ul li a:hover {display: block; color: #fff;  background: #333;}


/* DDA Downloads Navigation */
#ddadown {padding-left: 0px;}
#ddadown ul{padding:0 0 5px 0;}
#ddadown ul li{font-size: 1.6em; font-weight: bold; border-left: #FF3232 solid 12px; margin-bottom: 5px;  }

* html #ddadown ul li{font-size: 1.6em; font-weight: bold; border-left: #FF3232 solid 12px;  height: 30px;  margin-bottom: 5px;  }
#ddadown li.currentpage  a:link, #ddadown li.currentpage  a:visited, #ddadown li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#ddadown ul li a {display: block; color:#fff;  margin-left: 5px; background: #FF3232; text-decoration:none; padding:6px 0 6px 20px; }
#ddadown ul li a:hover {display: block; color: #fff;  background: #333;}



/* News Navigation */
#news {padding-left: 0px;}
#news ul{padding:0 0 5px 0;}
#news ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px; margin-bottom: 5px;  }

* html #news ul li{font-size: 1.6em; font-weight: bold; border-left: #00B7F1 solid 12px; margin-bottom: 5px;  }


#news li.currentpage  a:link, #news li.currentpage  a:visited, #news li.currentpage  a:active {display: block; color: #fff;  background: #333;}
#news ul li a {display: block; color:#fff;margin-left: 5px; background: #00B7F1; text-decoration:none; padding:6px 0 6px 20px; }
#news ul li a:hover {display: block; color: #fff;  background: #333;}

#news img {float: left; border: 5px solid #ccc; margin-bottom: 10px; clear: both;}

/* Start Top Container */


#top {float:left; width:100%; height: 115px; background: #333; margin: 0;}

#topcontainer {width:1000px; margin:25px auto 0; height: 95px; background: #333333; overflow:hidden;}

#topleft {float:left; width: 166px;}
#topright {float:left;}

/* End Top Container */

/* Start Middle Container */
#middle {float:left; width:100%; min-height: 400px; background: #fff url(../imgv2/middle-bg.gif) repeat-x left top; margin: 0;}

#main {width:1000px; margin:0px auto 0; overflow:hidden;}

#main-top {width:1000px; height: 90px; margin: 0; padding: 0;}
#main-top-left {float:left; width: 166px; height: 90px; }
#main-top-right {float:left;}

#homeleft {float:left; width:490px; margin-top: 0px;}
.homeleftcontent{padding: 0 50px 0 5px;}

#homeright {float:left; width:490px; margin-top: 0px;}
.homerightcontent{padding: 0 20px 0 20px;;}



#homebutton ul{margin: 0;}
#homebutton ul li{display:inline; padding: 0;}
#homebutton ul li a {display: inline-block; font-size: 16px;  font-weight: bold; color:#fff; text-decoration:none; padding: 8px 60px 8px 60px; background: #00B7F1;}
#homebutton ul li a:hover {display: inline-block; font-size: 16px;  font-weight: bold; color:#333; background: #00B7F1;}

.twitter-share-button {margin-bottom: 10px;}
#left {float:left; width:640px; margin-top: 45px;}

#leftm {float:left; width:640px; margin-top: 45px;}
.leftcontent {padding: 0 50px 0 5px;}
.leftcontent h2 {clear: both;}

.blogger {border-bottom: 1px dotted #333; margin-bottom: 10px;}

#right {float:left; width:340px; margin-top: 45px;}
.rightcontent{padding: 0 20px 0 20px;;}
#right img {border: 1px solid #ccc; padding: 5px; margin-bottom: 10px;}

#birdfeed {float:left; width:100%; background: #fff; height: 41px;  padding: 8px 0 0 0; margin: 0;}
#tweettweet {width:1000px; margin:0px auto 0; height: 41px;  background: #fff url(../imgv2/bird.gif);  overflow:hidden;}

/* End Middle Container */

.blogbox {float:left; width:580px; margin: 10px 0 0px 0; padding: 0 0 10px 0; min-height: 150px; overflow:hidden; border-bottom: 1px dotted #ccc;}

.blogimage {float:left; width:110px; height: 110px; overflow:hidden; border: 5px solid #ccc;}
.blogcopy {float:left; width:440px; min-height: 140px; margin: 0 0 0 10px; overflow:hidden; }
.blogcopy p {color: #333;}

p.readmore { text-align: right; margin: 5px 0 0 0; }
p.readmore a { color: #2ab2e7; }
p.readmore a:hover { color: #333; }


.sub-nav {float: left; width: 300px;}
.sub-nav img {clear: both;}




/* Start Bottom Container */

#bottom {float:left; width:100%; height: 120px; background: #00B7F1; margin: 0;}

#bottomcontainer{width:960px; margin:0px auto 0; padding-right: 40px; height: 120px; background: #00B7F1; overflow:hidden;}

#bottomleft{float:left;}
.bottomleftcontent{}

#bottomright{float:right;}
.bottomrightcontent{text-align: right;}

/* End Bottom Container */

/* Start Footer Container */
#footer {float:left; width:100%; height: 120px; background: #333; margin: 0;}

#footercontainer{width:1000px; margin:10px auto 0; overflow:hidden;}
.footercontent p {color: #ccc;}
.footercontent a {color: #ccc;}

/* End Footer Container */

small {font-size: 1.7em; margin-top: 5px; color: #666;}


/* Begin Structure */


.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}






/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}
	
#achives {height: 40px; width: 100%;}

.alignright {
	font-size: 1.2em;  float: right; 
	}

.alignleft {
	font-size: 1.2em; float: left;
	}

/* End Images */



td {font-size: 1.4em; color: #333;}



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
	
	.navigationass {
		width: 100%;
		height: 30px;
		}
	
	.navigationass a {color: #2ab2e7;}	
	.navigationass a:hover {color: #333;}	
	.alignrighty {
		font-size: 12px;  float: right; margin: 10px 0 0 0;
		}
	
	.alignlefty {
		font-size: 12px; float: left; margin: 10px 0 0 0;
	}