/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:1em;}

fieldset{padding:0.5em;}

img {
	border: none;
}

.clear {
	clear: both;
}

/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
	background-color:#5d2e74;
	font-size:12px; /* more consistent font sizes */
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
font-size:12px;
}

/*-----HEADINGS-----*/
.componentheading{ font-size:19px; font-weight:normal; line-height:24px; letter-spacing:-0.5px; padding-top: 15px; padding-bottom: 3px;}
.h1 {font-size:16px; color:#ffffff; padding:23px 0px 10px 20px; display:inline;}
h2, .contentheading{font-size:18px; font-weight:normal; line-height:20px; color:#7b4a95;}
h3{font-size:16px; font-weight:bold; }
h4{font-size:14px; font-weight:bold;}
h5{font-size:12px; font-weight:bold;}


/*-----LINK TEXT COLORS-----*/
a {
color:#7b4a95;
}

a:hover{
text-decoration:none;
}
/*-----Lists-----*/
ul{
list-style:none;
}

li{
}
/* tables */

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {}

/* MAIN MENU LINK COLOR */

a.mainlevel{
}
a.mainlevel:hover{
}
blank{
color:#7b4a95;
}
ul#mainlevel-nav{padding:0; margin:0; text-align:right; padding-right:10px;}
ul#mainlevel-nav li{
display:inline;
padding:0;
margin:0;
}
a.mainlevel-nav{
text-decoration:none;
padding:0 10px;
border-right:#a467c3 1px solid;
}
a.mainlevel-nav:hover{
text-decoration:underline;
}
/*layout*/
.wrapper{width:960px; text-align:left;}
#topwrapper{background:#5d2e74 url(./images/topbg.jpg) top left repeat-x;}
#header{padding-top:0px;}
#logo{float:left; padding-bottom:0px;}
div.search{padding-top:6px;}
#pathway{position:relative; height:0px; background-color:#000; font-size:11px; color:#626262; padding:0px 50px 0px 0px;}
#pathway img{vertical-align:middle;}
#midwrapper{background-color:#7b4a95; color:#fff; font-size:11px; border-top:#7b5b8a 1px solid; border-bottom:#a77dba 1px solid;}
#midwrapper .wrapper{background-color:#68427b; color:#fff; }
#midwrapper a{color:#fff;}
#midwrapper a:hover{text-decoration:none;}
#midwrapper ul, #midwrapper li{margin:0; padding:0; list-style:none;}
#mainwrapper ol{
margin-left:12px;
}
#mainwrapper ol li{
padding:3px 0px;
}

#mainwrapper ul{
margin-left:6px;
padding:0;}
#mainwrapper ul li{
background:url(./images/bullet.png) no-repeat;
background-position: 0px 8px;
padding:3px 0px 3px 12px;
margin:0;
}
#mainwrapper{background:url(./images/mainwrapperbg.jpg) top left repeat-x;}
#mainwrapper .wrapper{ background:#fff url(./images/contentbg.jpg) bottom left no-repeat; }
#mainwrapper .wrapper .inside{padding:10px 20px 40px 20px;}
#left, #middle, #right{overflow:hidden;}
#left, #right{width:181px;}
#left, #middle{float:left;}
#middle{width:550px;}
#right{float:right; }
#left h3, #right h3{
background:#a365c2 url(./images/h3bg.png) top left no-repeat; color:#fff; font-size:14px; font-weight:normal; margin-left:-10px; margin-right:-10px; padding:2px 3px;}
#left .module, #right .module, .module_menu, .module_text{
background:url(./images/modulebg-m.jpg) top left repeat-y; margin-top:15px;}
#left .module div, #right .module div, .module_menu div, .module_text div{
background:url(./images/modulebg-b.jpg) bottom left no-repeat;}
#left .module div div, #right .module div div, .module_menu div div, .module_text div div{
background:url(./images/modulebg-t.jpg) top left no-repeat;
padding:0px 5px 10px 5px;}

#left .module div div div, #right .module div div div, .module_menu div div div, .module_text div div div{
background:url(./js/blank.gif) no-repeat;}
#middle .middleinside{padding:0px 15px 10px 20px;}
#footer{font-size:12px; color:#000000; margin-bottom:20px; align:center;}
#footer a{color:#000000; text-decoration:none;}
#footer .wrapper{border-top:#855799 0px solid; padding:5px 0px 00px 0px; clear:both; margin-top:00px;}
#footerleft{float:left; width:100%; display:none;}

/*drop-down menu*/

/*set the z-index for the columns that gets dropped down over*/

#pathway{ 
z-index:20;
}
#midwrapper{
z-index:10;
}

/*set the position and z-index for the menu moduletable */
#nav{ 
position:relative;
z-index:100;
width:960px;
}

/* style for the mainlevel's ul and sublevel's ul */
#nav ul.menu,#nav ul.menu ul{
float:left;
list-style:none;
margin:0;
padding:0;
}

/*style for the mainlevel links*/
#nav ul.menu a{
display:block;
}
/* mainlevel's li */
#nav ul.menu li{
float:left;
padding:0;
background:none;
margin:0;
margin-right:3px; /*edited 10:17 03012008*/
}
/*sublevel's ul */
#nav ul.menu li ul{
clear:both;
position:absolute;
left:-999em;
top:40px; /* equals to mainlevel's menu link's height */
height:auto;
width:180px;
margin:0;
padding-top:3px;
padding-bottom:6px;
background-color:#7b4993;
}
#nav ul.menu li.active_menu-rounded ul{
background-color:#000; /*background colour of the active menu link's sublevel panel */
}


/*sub sub level's ul */
#nav ul.menu li ul ul{
position:absolute;
left:-999em;
top:auto;
margin:0;
margin-left:180px;/* equals to sublevel's menu link's width */
margin-top:0; /* equals to sublevel's menu link's height */
padding:0;
}
#nav ul.menu li ul ul a{
font-size:12px;
font-weight:normal;
}
/*sublevel's li*/
#nav ul.menu li li{
width:180px;
margin:2px 0px;
}

/*sublevel's menu links */
#nav ul.menu li ul a{
color:#fff;
font-size:13px;
font-weight:bold;
text-decoration:none;
display:block;
padding:3px 10px;
margin:0px 3px;
}
#nav ul.menu li.active_menu-rounded ul a{
color:#fff;
}
/* for hiding the sub menus */
#nav ul.menu li:hover ul ul,#nav ul.menu li:hover ul ul ul,#nav ul.menu li.sfhover ul ul,#nav ul.menu li.sfhover ul ul ul{
left:-999em;
}
/* for showing the sub menus */
#nav ul.menu li:hover ul,#nav ul.menu li li:hover ul,#nav ul.menu li li li:hover ul,#nav ul.menu li.sfhover ul,#nav ul.menu li li.sfhover ul,#nav ul.menu li li li.sfhover ul{
left:auto;
z-index:6000;
}
#nav ul.menu li li:hover,#nav ul.menu li li.sfhover{
 background:#814f98; /*sublevel's li's background when hovering */
}

#nav ul.menu li.active_menu-rounded li:hover, 
#nav ul.menu li.active_menu-rounded li.sfhover{
 background:#222; 
}

/** mountaintop-corners */
#nav ul.menu li a{
font-size:15px;
font-weight:bold;
text-decoration:none;
background:url(./images/mainlevel-l.png) top left no-repeat;
float:left;
padding:9px 0px 8px 6px;
margin-top:5px;
color:#000;
}
#nav ul.menu li a span{
background:url(./images/mainlevel-r.png) top right no-repeat;
padding:9px 14px 8px 8px;
}

/*hover*/

#nav ul.menu li:hover a, #nav ul.menu li.sfhover a{
background:url(./images/mainlevel-l.png) no-repeat;
background-position:0px -35px;
padding:9px 0px 8px 6px;
float:left;
color:#fff;
}
#nav ul.menu li:hover a span, #nav ul.menu li.sfhover a span{
background:url(./images/mainlevel-r.png) no-repeat;
background-position:100% -35px;
padding:9px 14px 8px 8px;
}
#nav ul.menu li:hover ul a, #nav ul.menu li.sfhover ul a, #nav ul.menu li:hover ul a span, #nav ul.menu li.sfhover ul a span{
background:none;
padding:0;
}
#nav ul.menu li:hover ul a, #nav ul.menu li.sfhover ul a{
padding:4px 8px;
}

/*active */
#nav ul.menu li.active a{
color:#fff;
}
#nav ul.menu li.active a{
background:url(./images/active-l.png) top left no-repeat;
padding:10px 0px 12px 6px;
float:left;
margin-top:0px;
}
#nav ul.menu li.active a span{
background:url(./images/active-r.png) top right no-repeat;
padding:10px 16px 12px 10px;
}
#nav ul.menu li.active ul a, #nav ul.menu li.active ul a span{
background:none;
padding:0;
}
#nav ul.menu li.active ul a{
padding:4px 0;
}
#nav a span span span span span {
padding:0;
	/*padding: 6px;
	padding-top: 3px;
	padding-bottom: 3px;*/
}
ul.menu li span span span span span span {
	display: inline;
}

a:hover{
cursor:pointer;
}
