@charset "UTF-8";



/* Element Styles */


body, html {
background:#e7e5e6;
font-family: "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size:12px;
color:#555555;
margin:0 auto;
padding:0;
text-align: center;
}

/*a {color:#333333; text-decoration:none;}*/
a:hover {text-decoration:underline;}*/
a:active { outline: none;}

:focus
{
  -moz-outline-style: none;
}

h4 {
color:#eb80e0;
}



/* Class and ID Styles */

#header {
background:url(../images/backgrounds/header_bg.jpg) repeat-x; 
height:41px; 
width:100%; 
margin:0;
text-align:center;
}

#header_inner {
width:860px;
height:41px;
margin:0 auto;
text-align:left;
background:url(../images/button_divider.jpg) repeat-y left; 
}

#main {
background:url(../images/backgrounds/main_bg.jpg) repeat-x;
height:500px;
}

#container {
width:860px;
margin:0 auto;
}

#logo {
background:url(../images/logo.jpg);
height:97px;
}

#strapline h1 {
float:left;
margin: 72px 0 0 70px;
font-size:13px;
font-weight:normal;
}

#strapline a {
color:#868484;
text-decoration:none;
}

#login,#login_front {
float:right;
margin-top:80px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}

* + html #login_front { margin-top:65px; }

#login_slider {
float:left;
height:17px;
overflow:hidden;
}

.login_text {float:left; margin:2px; cursor:pointer;}

#login_slider input {
border: 1px solid #CCCCCC;
width:100px;
height:12px;
color:#666666;
font-size:8pt;
}

#frontpanels {
background:url(../images/backgrounds/front_panel.jpg) repeat-x bottom;
height:260px;
}

#frontpanels a {
text-decoration: none;
}

#frontpanelsAlt {
background:url(../images/backgrounds/front_panel.jpg) repeat-x bottom;
}

.front_left {
float:left;
font-size:12pt;
width:400px;
height:260px;
margin:30px 0 0 50px;
text-align:left;
}

.front_left h1 {
font-weight:normal;
font-size:22pt;
color:#eb80e0;
margin-bottom:10px;
}

.front_right {
float:left;
height:260px;
}

#frontoptions {
background:#FFFFFF;
float:left;
width:850px;
text-align:center;
padding-left:10px;
padding-bottom:20px;
}

.frontoptions {
width:220px;
float:left;
padding:10px 30px 0 30px;
text-align:left;
font-size:11px;
}

.frontoptions h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
margin-bottom:0px;
text-align:center;
}

.frontoptions hr {
color:#eae8e8;
background-color:#eae8e8;
height: 1px;
width:220px;
border:0;
}

.frontoptions img {
text-align:center;
margin-left:30px;
}

#footer {
background:url(../images/backgrounds/footer_bg.jpg) repeat-x #3b3b3b;
height:100px;
text-align:center;
}

#footer-inner{
width:860px;
margin: 0 auto;
}

#footer-left {
float:left;
width:380px;
text-align:right;
font-size:10px;
padding: 30px 0 0 0;
}

#footer-left a {
color:#FFFFFF;
text-decoration:none;
}

#footer-middle {
background:url(../images/footer_logo.jpg);
width:60px;
height:80px;
float:left;
margin: 0 10px 0 10px;
}

#footer-right {
float:left;
text-align:left;
font-size:10px;
padding: 30px 0 0 0;
color:#eb80e0;
}

#footer-right a {
color:#FFFFFF;
text-decoration:none;
}

#footer-credit {
clear:both;
font-size:9px;
}


#footer-credit a {
color:#FFFFFF;
text-decoration:none;
}

#navigation {
width:180px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
text-align:right;
margin:20px 5px 0 0;
}

#navigation ul {
margin: 0;
padding: 0;
}

#navigation li {
list-style:none;
}

#navigation li a {
color:#a19f9f;
text-decoration:none;
}

.current {
color:#eb80e0;
}

#main_container {
background:#FFFFFF;
float:left;
min-height:400px;
width:675px;
padding-top:20px;
}

#imagecolumn {
float:left;
width:220px;
text-align:left;
}

#imagecolumn img {
border:1px solid #d4d4d4;
padding:2px;
margin-bottom:15px;
}


#imagecolumn_noborder {
float:left;
width:220px;
text-align:left;
}

#imagecolumn_noborder img {
border:0;
padding:2px;
margin-bottom:15px;
}

#maincolumn {
float:left;
width:450px;
text-align: justify; 
padding-bottom:15px;
}

#maincolumn h1 {
color:#e479d8;
font-weight:normal;
margin-bottom:0;
font-size:22px;
text-align:left;
}

#maincolumn h2 {
font-weight:normal;
margin-top:0;
font-size:16px;
}

#maincolumn h3 {
margin-bottom:0;
font-size:11pt;
color: #eb80e0;
}

#maincolumn b {
color: #eb80e0;
font-size:11pt;
text-align:left;
}

#maincolumn span b {
color: #000000;
font-size:9pt;
}

#maincolumn span strong {
color: #000000;
font-size:9pt;
}


#maincolumn strong {
color: #eb80e0;
font-size:11pt;
text-align:left;
}

#maincolumn img {
border:1px solid #999999;
padding:4px;
}

#maincolumn ul {
list-style-type:none;
}

#maincolumn ul li {
list-style-type:none;
background:url(../images/bulletpoint.jpg) no-repeat 0 2px;
padding-left:15px;
}

#maincolumn li {
list-style-type:none;
background:url(../images/bulletpoint.jpg) no-repeat 0 2px;
padding-left:15px;
}

.navlistsitemap ul li {
background:none;
list-style-image:url(../images/bulletpoint.jpg);
display:list-item;
}

.navlistsitemap ul {
list-style-type:none;
}

.navlistsitemap li {
background:none;
list-style-image:url(../images/bulletpoint.jpg);
}


#maincolumn_products {
float:left;
width:640px;
text-align:left;
padding:0 15px 15px 15px;
}

#maincolumn_products h1 {
color:#e479d8;
font-weight:normal;
margin:0;
font-size:22px;
}

#maincolumn_products h2 {
font-weight:normal;
margin-top:0;
font-size:16px;
}

#maincolumn_products h3 {
margin-bottom:0;
font-size:13px;
}

#maincolumn_sitemap {
float:left;
width:450px;
text-align: justify; 
padding-bottom:15px;
padding-left:200px;
}

#maincolumn_sitemap h1 {
color:#e479d8;
font-weight:normal;
margin-bottom:0;
font-size:22px;
text-align:left;
}

#maincolumn_sitemap h2 {
font-weight:normal;
margin-top:0;
font-size:16px;
}

#gallery li {
list-style:none;
text-align:left;
}

#notice_error {
	color:#990000;
	font-weight:bold;
	}
	
/* Accordian3 JQuery script */

.accordion3 {
width:620px;
margin-top:10px;
}
.accordion3 h3 {
	padding: 7px 15px;
	margin: 0;
	cursor: pointer;
	color:#e479d8;
}
.accordion3 h3:hover {
	background-color: #EEEEEE;
}
.accordion3 h3.active {
	background-position: right 5px;
	background-color: rgb(251, 239, 251);
	
}
.accordion3 .acdiv {
	
	padding:5px;
	background:url(../images/backgrounds/book_panel.jpg) repeat-x;
	display: none;
}

.accordion3 .acdiv div{
	display:block;
	margin:0;
	padding:0;
}

.coursebox {
margin-bottom:2px;
padding:5px;
background: #f6f6f6;
}

.coursebox:hover {
cursor:pointer;
background: #e1e1e1;

/*
.nav {
float:left;
height:41px;
background:url(../images/button_divider.jpg) repeat-y right; 
}

.nav a {
display:block;
height:26px;
padding:15px 33px 0 35px;
color:#CCCCCC;
text-decoration:none;
font-size:12px;
}

.nav a:hover {
background:url(../images/button_bg.jpg);
}

.top_current {
background:url(../images/button_bg.jpg);
color:#FFFFFF;
}
*/

}

/* JS Menu Styles */
#jsddm {
	margin:0;
	padding:0;
	}
	
#jsddm li {	
	float:left;
	height:41px;
	background:url(../images/button_divider.jpg) repeat-y right; 		
	list-style: none;
	}

#jsddm li a {
	display:block;
	height:26px;
	padding:15px 33px 0 35px;
	color:#CCCCCC;
	text-decoration:none;
	font-size:11px;
	}
	
#jsddm li.current {
	background:url(../images/button_bg.jpg);
	color:#FFFFFF;
	}

#jsddm li a:hover {	
	background:url(../images/button_bg.jpg);	
	}
		
#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index:10;
	}
		
#jsddm li ul li {
	float: none;
	display: inline;
	margin: 0;
	padding: 0;	
	z-index:10;
	}
		
#jsddm li ul li a {	
	width: auto;
	/* Width for IE makes website fluid width between 740 and 1100 px */
	width:expression(document.body.clientWidth < 220? "230px" : document.body.clientWidth > 230? "230px" : "auto");
	
	background: #3e3e3e;
	color:#CCCCCC;
	/*border-top:1px solid #333333; */
	height:20px;
	padding:5px 15px 0 15px;

	z-index:10;
	}
		
#jsddm li ul li a:hover {
	background: #333333;
	color:#eb80e0;
	}

#maincolumn table tbody tr td p img {
border:0;
}