body {
    font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #000;
}

html, body, #wrapper, h1 {
    margin: 0;
    padding: 0;
}

body, th, td {
    font-size: 11px;
}

img { border: 0; }

a {
    color: #525d8c;
}

#wrapper {
    margin: auto;
    text-align: left;
    width: 800px;
    position: relative;
}

h1, h2, h3 {
    font-size: 14px;
}

p {
    font-size: 12px;
}

h1 {
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

h3 {
    padding: 4px 0 0 0;
}

.block {
    display: block;
}

.clear {
    clear: both;
    height: 20px;
}

.left {
    float: left;
    margin: -1px 5px 0px 0px;
}

.readmore {
    text-align: right;
    padding-bottom:40px;
}

#nav {
  /*background: red;*/
  position: absolute;
  top: 47px;
  left: 448px;
  width: 106px;
  height: 261px;
  background: #8dc445 url(../images/wyd_img/menu_bg.gif) repeat-y; 
}

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #8dc445 url(../images/wyd_img/menu_bg.gif) repeat-y;
}

#nav li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
}

#nav li ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
}

#nav a {
    color: #333; /* #387009 */
    text-decoration: none;
    display: block;
    padding: 6px 0 6px 20px;
}

* html #nav a {
    width: 100%;
    w\idth: 76px;
    padding: 5px 0 5px 30px;
    padd\ing: 6px 0 6px 30px;
}

#nav a:hover {
    background: #5b8c29;
    color: white;
}

#nav a.active {
    background: #5b8c29;
    color: white;
    font-weight: bold;
}

#nav a.activebronze a:hover, #nav a.activebronze {
    background: #8c7853;
    color: white;
    font-weight: normal;
    padding-left: 10px;
}

#nav a.activesilver:hover, #nav a.activesilver {
    background: #c0c0c0;
    color: white;
    font-weight: normal;
    padding-left: 10px;
}

#nav a.activegold:hover, #nav a.activegold {
    background: #ba9f35;
    color: white;
    font-weight: normal;
    padding-left: 10px;
}

#news {
    position: absolute;
    top: 0;
    left: 555px;
    width: 245px;
    height: 308px;
    background: #1ab0e7;
    padding: 0;
}

#news h2 {
    background: #27a2ce;
    background: url(../images/wyd_img/paw-th.gif) no-repeat;
    color: #0c4366;
    border-bottom: 1px solid white;
    padding: 5px 35px;
}

#news h2 {
    background: #27a2ce;
    background: url(../images/wyd_img/paw-th.gif) no-repeat;
    color: #0c4366;
    border-bottom: 1px solid white;
    padding: 5px 35px;
}

#news .jtype {
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

#news form {
    margin: 1.5em 0 0.5em 1.5em;
    padding: 0;
}

#news td, #news th {
    text-align: left;
    padding-right: 7px;
    padding-bottom: 10px;
    color: #0c4366;
}

#news .text {
    width: 90px;
    border: 1px solid #0c8dbd;
}

#news .submit {
    border: 1px solid #0a5f7e;
    background: #177da2;
    color: white;
    font-weight: bold;
    font-size: 11px;
}

#news .advanced {
    margin-top: 3px;
    margin-left: 20px;
}

#news,
#news a {
    color: #0c4366;
    text-decoration: none;
    font-weight: normal;
}

#news img {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
}

#main {
    padding-top: 390px;
    width: 446px;
    position: relative;
    float: left;
}

#main .inner {
    position: relative;
    margin: 0 0 0 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

#main .inner a.readon:link, a.readon:visited {
	float: right;
	margin-top:10px;
	padding: 1px 5px 1px 16px;
	display: block;
	background:#B95F00;
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
}

#main .inner a.readon:hover {
	color: #2C2C2C;
	background:#B95F00;
	text-decoration:underline;
}

#activitiesheader {
    position: absolute;
    top: 309px;
    height: 23px;
    width: 352px;
    background: url(../images/wyd_img/title_activities.gif) no-repeat;
    left: 448px;
    padding: 3px 3px;
}

#activities {
    float: right;
    clear: both;
    width: 315px;
    padding-top: 280px;
    margin-top: 6em;
    margin-right: 18px;
    line-height: 1.3;
}

* html #activities {
    margin-right: 8px;
}

#activities h2 {
    margin-left: 0px;
}

#activities .moduletable {
        border-top: 1px solid #ccc;
	margin-bottom: 20px;
}
#activities h3 {
	font-weight: bold;
}

#activities .bronzen, #main .bronzen {
    color: #8c7853;
    background: url(../images/wyd_img/bronze.gif) no-repeat;
    padding: 5px 0 3px 30px;
}

#activities .golden, #main .golden {
    color: #ba9f35;
    background: url(../images/wyd_img/gold.gif) no-repeat;
    padding: 5px 0 3px 30px;
}

#activities .silveren, #main .silveren {
    color: #b4b4b4;
    background: url(../images/wyd_img/silver.gif) no-repeat;
    padding: 5px 0 3px 30px;
}

#activities .readmore {
    padding: 5px 0 3px 30px;
}

#activities a.gold_readon:link, a.gold_readon:visited {
	float: right;
	padding: 1px 5px 1px 16px;
	display: block;
	background: #ba9f35;
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
        font-weight: bold;
}

#activities a.gold_readon:hover {
	color: #2C2C2C;
	background: #ba9f35;
	text-decoration:underline;
}
#activities a.silver_readon:link, a.silver_readon:visited {
	float: right;
	padding: 1px 5px 1px 16px;
	display: block;
	background: #b4b4b4;
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
        font-weight: bold;
}

#activities a.silver_readon:hover {
	color: #2C2C2C;
	background: #b4b4b4;
	text-decoration:underline;
}

#activities a.bronze_readon:link, a.bronze_readon:visited {
	float: right;
	padding: 1px 5px 1px 16px;
	display: block;
	background: #8c7853;
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
        font-weight: bold;
}

#activities a.bronze_readon:hover {
	color: #2C2C2C;
	background: #8c7853;
	text-decoration:underline;
}

#special {
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;
    text-align: center;
}

#logo {
    position: absolute;
    top: 48px;
    left: 0;
    width: 447px;
    height: 298px;
    background: #fff;
    padding: 0;
}

#pathway {
    position: absolute;
    top: 347px;
    left: 0;
    width: 447px;
    height: 24px;
    background: #fff;
    padding: 0;
}

#breadcrumb {
    display: block;
    text-align: left;
}

#footer {
    clear: both;
    background: #333;
    color: white;
    padding: 7px 15px;
}

.blue {
    color: #4165af;
}

.green {
    margin-top: 6em;
    color: #598e1e;
}

/* Minima styles */

#content {
	float: left;
}

h2.contentheading, h2.componentheading {
	margin-bottom: 20px;
	font-size:18px;
        margin-top: 25px;
}

h2.contentheading a, h2.componentheading a {
text-decoration:none;
}

h2.componentheading {
	font-size:18px;
}

.author, .createdate, .modifydate {
	font-size:11px;
	color:#999999;
	font-style:italic;
}

.button {
	background: #27a2ce;
	border: solid 1px #000;
	color: #000;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
input {
	background: #FFFFCC;
	border: solid 1px #ccc;
	color: #666;
	font-size: 11px;
}

#mainmenu {
	float: right;
	border-right: solid 1px #1B1312;
}

#mainmenu ul, #mainmenu li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	margin: 0;
}

#mainmenu ul {
	float: right;
}

#mainmenu ul li {
	float: left;
	height: 40px;
	line-height:40px;
	font-size: 16px;
	color: #939393;
	font-weight: normal;
	text-transform: lowercase;
	padding-left: 30px;
	padding-right: 30px;
	border-left: solid 1px #1B1312;
}

#mainmenu a, #mainmenu a:link, #mainmenu a:visited {
	color: #939393;
	text-transform: lowercase;
	text-decoration: none;
}

#mainmenu li.active, #mainmenu li:hover {
	background-color: #222222;
}

#mainmenu ul li ul {
	display:none;
}

#mainmenu ul li {
	position:relative;
}

.buttons {
	float:right;
	width:85px;
}
.buttons .buttonheading {
	float:left;
}
.buttons img {
	border: 0;
}
.poll-radio {
	padding:0;
	float:left;
	clear:left;
	text-align:left;
}
.poll-option {
	float:left;
	padding-bottom:6px;
	padding-top: 3px;
	width:85%;
	margin-left: 2px;
}
.poll h3 {
	border:none;
}
fieldset {
	border: none;
}


/* Module styles */


/*******TYPOGRAPHY********/
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-right: 5px solid #C37007;
	border-top: 5px solid #C37007;
	font: 1em/1.5 "Courier News", monospace;
	background: #F0F0F0;
}

blockquote {
	padding: 15px 40px 15px 60px;
	background: url(../images/typ/quote.jpg) 20px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}

.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #C37007;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding: 5px 5px 5px 25px;
	color: #CC0000;
	background: url(../images/typ/error.gif) no-repeat center left;
}

.message {
	padding: 5px 5px 5px 25px;
	color: #006699;
	background: url(../images/typ/info.gif) no-repeat center left;
}

.tips {
	padding: 5px 5px 5px 25px;
	color: #FF5A00;
	background: url(../images/typ/tips.gif) no-repeat center left;
}

.highlight {
	border-bottom: 1px dotted #888888;
	padding: 0 5px;
	background: #FEFAE1;
	font-weight: bold;
}

p.sticky {
	color: #FFFFFF;
	padding: 10px 20px 10px 60px;
	margin-top:10px;
	margin-bottom:10px;
	background: #A25706 url(../images/typ/sticky.jpg) no-repeat center left;
	border:3px solid #F0F0F0;
}

p.pin {
	color: #000;
	padding: 10px 20px 10px 60px;
	margin-top:10px;
	margin-bottom:10px;
	background: #FBC887 url(../images/typ/pin.jpg) no-repeat center left;
	border:3px solid #F0F0F0;
}

p.clip {
	color: #FFFFFF;
	padding: 10px 20px 10px 60px;
	background: #397BAF url(../images/typ/clip.jpg) no-repeat center left;
	border:3px solid #F0F0F0;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

.bignumber {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 0 2px;
	display: block;
	color: #C37007;
	font: 30px/normal Arial, sans-serif;
	font-weight: bold;
}