/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #9400D3;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	background:  url(images/gradient_content.jpg) repeat scroll left top;
}

/* ---------------Links ---------- */
a:hover {
	color: #F0F;
}
a:visited {
	color: blue;
}
/* ---------------Text Styles ---------- */

h1 {
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 4em;
}
h1.main {
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 0em;
}
h2 {
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 2em;
}

h3 {
	font-size: 1em;
	text-align: left;
}

p {
	line-height: 130%;
	text-align: justify;
	padding: 5px;
}

p.italics {
	font-style: italic;
	color: #BA55D3;
}

p.centred {
	font-style: italic;
	text-align: center;
}

#Script p {
	font-style: italic;
	color: #BA55D3;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
}

strong {
	font-style: bold;
}

em {
	font-style: italic;
}
.mumara a {
	font-size: 80%;
	color: #9400D3;
	text-decoration: none;
}
.mumara a:hover {
	color: #F0F;
}
.lightlan {
	color: #ba55d3;
	font-size: 100%;
	line-height: 100%;
	font-family: Courier New, Courier, Monaco }
/* --------------- Lists ---------- */
/*  << info list >>  */
ul.info {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}

#info li {
	background-image: url(images/info.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.5em;
	margin: 1em 0em;
}

#info a {
	color: #DC405D;
	text-decoration: none;
}

#info em {
	font-style: italic;
	font-size: .8em;
}

/*  << standard list >>  */
ul.normal {
	list-style-type: disc;
	padding: 0 1em;
	margin-left: 1em;
}

#normal li {
	padding-left: 0em;
	margin: .2em 0em;
}

#normal h2 {
	color: #F0F;
}

#normal h3 {
	font-size: 1em;
	text-align: left;
	color: #BA55D3;
	margin-left: 1em;
}

#normal em {
	font-style: italic;
	font-size: .8em;
	color: #9400D3;
}
/*  << FAQ list >>  */
#faq_list ul {
	list-style-type: none;
	padding: 0 1em;
	margin-left: 1em;
	font-size: 80%;
	text-align: center;
	line-height: 130%;
}
.faq_h2 {
	text-align: center;
}

/* ---------------Extra Text FX ---------- */
#DeepPink.Grace {
	color: #DC405D;
}

#Magenta {
	color: #FF00FF;
	list-style-position: inside;
}

#DeepPink {
	color: #DC405D;
}

.Blue {
	color: #1E90FF;
}

#RedPink {
	color: #FF1493;
}

#SoftViolet {
	color: #BA55D3;
}

.Violet {
	color: #9400D3;
}

/* --------------- Logo ---------- */
#LogoContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 224px;
	z-index: 100;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* --------------- Main Contents ---------- */

#MainContainer {
	position: static;
	width: 100%;
	height: 100%;
	z-index: 200;
}

#ContentNavContainer {
	position: absolute;
	left: 200px;
	top: 224px;
	width: 80%;
	z-index: inherit;
}

#Content {
	z-index: inherit;
	width: 70%;
	position: absolute;
}

/* -------------- Popup Window ----    */

#ProductContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 600px;
	height: 100%;
	z-index: 100;
	padding: 20px;
}

/* --------------- Menu ---------- */
/* << Navigation >> */

#Nav {
	float: right;
	width: 25%;
	z-index: inherit;
	font-size: 14px;
}

ul.NavList {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
	font-size: 11px;
}

ul.NavListL2 {
	
}

#L1 a {
	color: blue;
	line-height: 160%;
}

#L2 a {
	margin-left: 1.5em;
	color: blue;
	line-height: 140%;
}

#L3 a {
	margin-left: 4em;
	color: blue;
	line-height: 140%;
	font-style: italic;
}

/* << Main Menu >> */
#MenuMain {
	position: absolute;
	left: 10px;
	top: 270px;
	width: 120px;
	height: 206px;
	z-index: 50;
	background-image: url(images/menu/menu_bgrnd.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.login {
	position: absolute;
	left: 17px;
	top: 280px;
	width: 144px;
	height: 37px;
	z-index: 100;
}

.faq {
	position: absolute;
	left: 17px;
	top: 327px;
	width: 144px;
	height: 37px;
	z-index: 100;
}

.reg {
	position: absolute;
	left: 17px;
	top: 374px;
	width: 144px;
	height: 37px;
	z-index: 100;
}

.contact {
	position: absolute;
	left: 17px;
	top: 421px;
	width: 144px;
	height: 37px;
	z-index: 100;
}

/* << Gaia Menu >> */
#MenuGaia {
	position: absolute;
	left: 10px;
	top: 508px;
	width: 120px;
	height: 156px;
	z-index: 50;
	background-image: url(images/menu/menu_gaia.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.MenuGaiaItems {
	position: absolute;
	left: 8px;
	top: 560px;
	width: 120px;
	height: 156px;
	z-index: 200;
	text-align: center;
	line-height: 130%;
	font-size: 11px;
	color: #1E90FF;
	margin-top: 15px;
	margin-left: 0px;
}

.MenuGaiaItems a {
	color: #9400D3;
}

.MenuGaiaItems a:hover {
	color: #F0F;
}

/* --------------- Login ---------- */
.StudentLogin {
	background-image: none;
	position: relative;
	width: 100%;
	z-index: 200;
	top: 10px;
	left: 0px;
}