@charset "UTF-8";
/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	text-align:center;
	background-color:#383e3a;
	background-position:center;
	background-image:url(../images/background-thang.png);
	background-repeat:repeat-y;
	
}

a {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:400;
	line-height:13px;
	color:#232d8c;
}
a:visited {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:400;
	line-height:13px;
	color:#232d8c;
}
a:hover {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:800;
	line-height:13px;
	color:#232d8c;
}
a:active {
	text-decoration: none;
}

#nav-container a:link {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:400;
	line-height:13px;
	color:#fff;
}
#nav-container a:visited {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:400;
	line-height:13px;
	color:#fff;
}
#nav-container a:hover {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:400;
	line-height:13px;
	color:#7ed6d1;
}

.refreshtext {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.refreshtext:link {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.refreshtext:visited {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.refreshtext:hover {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#99CC33;
	text-decoration: none;
}
.refreshtext:active {
	text-decoration: none;
}

.whitefont {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#fff;
}

.bluefont {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#232d8c;
}

.bodytxt {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	text-decoration: none;
	color:#383e3a;
}

.whitesub {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height:16px;
	text-decoration: none;
	color:#fff;
}


.subhdr {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#383e3a;
}


.greybold {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height:16px;
	text-decoration: none;
	color:#383e3a;
}

.green {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#5faf5d;
}

.red {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#fe002c;
}

.white {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#c3c3c3;
}

.blue {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#0d7cfe;
}

.yellow {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#f4ee00;
}

.violet {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#960196;
}

.orange {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#ff4e10;
}

.grey {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#6A8088;
}

.grey2 {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height:17px;
	text-decoration: none;
	color:#6A8088;
}

.magenta {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#ff0198;
}

.indigo {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#032988;
}

.russet {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#993233;
}

.lime {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#b6ee64;
}

.amber {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#ff8911;
}

.turq {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height:17px;
	text-decoration: none;
	color:#00b2b0;
}

.mainltsmall {
	font:  normal 12px Century Gothic, Georgia, "Courier New", Courier, monospace;
	line-height: 16px;
	color: #e0f5b9;	
}

.erw {
	font:  normal 9px Century Gothic, Georgia, "Courier New", Courier, monospace;
	line-height: 16px;
	color: #e0f5b9;	
}

#hdr {
background-image:url(img/watermark_logo.png);
background-repeat:no-repeat;
width: 734px;
height: 82px;
margin: 10px auto 0 auto;
}

#page-wraptop {
background-color:#00b2b0;
background-position:10px 0px;
background-repeat:no-repeat;
background-image:url(img/watermark_logo.png);
background-position:center;
margin:0 auto;
top:20px;
width:769px;
height:120px;
text-align:left;
position:relative;

}

#page-wrapplain {
margin:0 auto;
background-color:#ffffff;
width:769px;
top:20px;
text-align:left;
position:relative;
}

#welcome {
margin:0 auto;
background-color:#ffffff;
width:500px;
text-align:justify;
position:relative;
}

#welcome a {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height:16px;
	text-decoration: none;
	color:#383e3a;
}

#welcome a:hover {
	font-family: Myriad Pro, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height:16px;
	text-decoration: none;
	color:#5faf5d;
}

#nav-container {
margin:0 auto;
background-color:#232d8c;
width:200px;
height:30px;
top:5px;
left:5px;
text-align:center;
position:absolute;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#orange-container {
margin:0 auto;
background-color:#FF4211;
background-image:url(img/hdr_class-updates.png);
background-repeat:no-repeat;
width:200px;
height:60px;
top:44px;
left:5px;
text-align:left;
position:absolute;
padding-left:5px;
padding-right:5px;
padding-top:5px;
cursor:pointer;
}

#leftnav {
margin:0 auto;
background-color:#7ED6D1;
width:200px;
height:540px;
top:113px;
left:5px;
text-align:left;
position:absolute;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

#rosetrigger {
font-size:13px;
color:#FF3399;
cursor:pointer;
line-height:20px;
}

#rosebody {
	display:none;
	}	
	
.rose {
font-size:12px;
color:#FF3399;
}	

#zerotrigger {
font-size:13px;
color:#383e3a;
cursor:pointer;
line-height:20px;
}
	
#zerobody {
	display:none;
	}
	
#scarlettrigger {
font-size:13px;
color:#CC0000;
cursor:pointer;
line-height:20px;
}

#scarletbody {
	display:none;
	}	
	
.scarlet {
font-size:13px;
color:#CC0000;
}

#ebluetrigger {
font-size:13px;
color:#0000FF;
cursor:pointer;
line-height:20px;
}

#ebluebody {
	display:none;
	}	
	
.eblue {
font-size:12px;
color:#0000FF;
}

#minttrigger {
font-size:13px;
color:#33CC66;
cursor:pointer;
line-height:20px;
}

#mintbody {
	display:none;
	}	
	
.mint {
font-size:12px;
color:#33CC66;
}

#appletrigger {
font-size:13px;
color:#66CC33;
cursor:pointer;
line-height:20px;
}

#applebody {
	display:none;
	}	
	
.apple {
font-size:12px;
color:#66CC33;
}

#sepiatrigger {
font-size:13px;
color:#996600;
cursor:pointer;
line-height:20px;
}

#sepiabody {
	display:none;
	}	
	
.sepia {
font-size:12px;
color:#996600;
}

#mplustrigger {
font-size:13px;
color:#383e3a;
cursor:pointer;
line-height:20px;
}

#mplusbody {
	display:none;
	}	
	
.mplus {
font-size:12px;
color:#383e3a;
}

#crimsontrigger {
font-size:13px;
color:#CC0033;
cursor:pointer;
line-height:20px;
}

#crimsonbody {
	display:none;
	}	
	
.crimson {
font-size:12px;
color:#CC0033;
}

#cftrigger {
font-size:13px;
color:#3366FF;
cursor:pointer;
line-height:20px;
}

#cfbody {
	display:none;
	}	
	
.cornflower {
font-size:12px;
color:#3366FF;
}

#ochretrigger {
font-size:13px;
color:#CC3300;
cursor:pointer;
line-height:20px;
}

#ochrebody {
	display:none;
	}	
	
.ochre {
font-size:12px;
color:#CC3300;
}

#fgtrigger {
font-size:13px;
color:#FF9900;
cursor:pointer;
line-height:20px;
}

#fgbody {
	display:none;
	}	
	
.firegold {
font-size:12px;
color:#FF9900;
}

#peachtrigger {
font-size:13px;
color:#FF6633;
cursor:pointer;
line-height:20px;
}

#peachbody {
	display:none;
	}	
	
.peach {
font-size:12px;
color:#FF6633;
}

#purpletrigger {
font-size:13px;
color:#660099;
cursor:pointer;
line-height:20px;
}

#purplebody {
	display:none;
	}	
	
.purple {
font-size:12px;
color:#660099;
}

#eggplanttrigger {
font-size:13px;
color:#660033;
cursor:pointer;
line-height:20px;
}

#epbody {
	display:none;
	}	
	
.eggplant {
font-size:12px;
color:#660033;
}

#olivetrigger {
font-size:13px;
color:#666600;
cursor:pointer;
line-height:20px;
}

#olivebody {
	display:none;
	}	
	
.olive {
font-size:12px;
color:#666600;
}

#greentrigger {
cursor:pointer;
line-height:20px;
}

#greenbody {
	display:none;
	}
	
#redtrigger {
cursor:pointer;
line-height:20px;
}

#redbody {
	display:none;
	}	
	
#whitetrigger {
cursor:pointer;
line-height:20px;
}

#whitebody {
	display:none;
	}	

#bluetrigger {
cursor:pointer;
line-height:20px;
}

#bluebody {
	display:none;
	}
	
#yellowtrigger {
cursor:pointer;
line-height:20px;
}

#yellowbody {
	display:none;
	}			
	
#violettrigger {
cursor:pointer;
line-height:20px;
}

#violetbody {
	display:none;
	}
	
#orangetrigger {
cursor:pointer;
line-height:20px;
}

#orangebody {
	display:none;
	}
	
#magentatrigger {
cursor:pointer;
line-height:20px;
}

#magentabody {
	display:none;
	}	

#indigotrigger {
cursor:pointer;
line-height:20px;
}

#indigobody {
	display:none;
	}
	
#russettrigger {
cursor:pointer;
line-height:20px;
}

#russetbody {
	display:none;
	}
	
#limetrigger {
cursor:pointer;
line-height:20px;
}

#limebody {
	display:none;
	}
	
#ambertrigger {
cursor:pointer;
line-height:20px;
}

#amberbody {
	display:none;
	}
	
#turqtrigger {
cursor:pointer;
line-height:20px;
}

#turqbody {
	display:none;
	}