/* CSS Document */

html {height:100%;}

body {
	font-family: Helvetica, Verdana, Arial,  sans-serif;
	font-size: 11px;
	color: #999;
	text-align:center;
	height:100%;
	margin-top:0;
}

a:link {color: #999;text-decoration:none; font-weight:bold}
a:visited {text-decoration:none;font-weight:bold;color: #666666;}
a:active {color: #999;text-decoration:none; font-weight:bold}
a:hover {color: #999;text-decoration:none; font-weight:bold; cursor:hand;}

a.dbl:visited {text-decoration:none;font-weight:bold;color: #666666;}

a.nav:link {color: #999;text-decoration:none; font-weight:bold}
a.nav:visited {color: #999;text-decoration:none; font-weight:bold}
a.nav:active {color: #999;text-decoration:none; font-weight:bold}
a.nav:hover {color: #CCC;text-decoration:none; font-weight:bold}

h3 {
	color: #7E69AF;
	font-size: 16px;
	font-weight:bold;
	margin:0px 0px 5px;
}

h4 {
	color: #7E69AF;
	font-size: 14px;
	font-weight:bold;
	margin:5px 0px 5px;
}

h5 {
	color: #7E69AF;
	font-size: 10px;
	font-weight:bold;
	margin:0px;
}

h5.spec {
	color: #7E69BD;
	font-size: 10px;
	font-weight:bold;
	margin:0px;
}


#container {
	width:920px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	text-align:center;
	position:relative; 
	background-image:URL('../images/main/common/shadow_bg.jpg');
	background-repeat: repeat;
	min-height:100%;
}

#main {
	width:830px;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFF;
	min-height:600px;
	padding:27px 27px 27px 30px;
	/*border:1px solid red;*/
	text-align:left;
}

.hr {
	height: 1px;
	background-color: #ccc;
	margin:10px 0;
	clear:both;
}



/*-----------NAVIGATION MAIN STYLES----------------------------*/
ul.rollmenu {list-style-type: none;
    color: #666;
    background-color: #CCC;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #FFF;
    width: 168px;
}

html>body ul.rollmenu {width: 178px}

ul.rollmenu li {
	font-weight: bold;
    margin: 0;
    padding: 0
}

ul.rollmenu ul {list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #FFF;
}

ul.rollmenu a {
	font-weight: bold;
    text-decoration: none;
    color: #666;
    background-color: transparent;
    margin: 0;
    width: 100%;
   	border-bottom: 1px solid #FFF;
    display: block;
	height:14px;
	padding: 5px 0 5px 10px;
}

html>body ul.rollmenu a {width: auto}

ul.rollmenu a:hover {
	color: #FFF;
    background-color: #4D2F91
}

ul.rollmenu li.active  {
	color: #FFF;
    background-color: #4D2F91
}
ul.rollmenu a.active  {
	color: #FFF;
}

/*-----------------------------NAVIGATION SUB 1 STYLES------------------------------------------*/

ul.rollmenu2 {
	list-style-type: none;
	color: #CCCCCC;
	background-color: #A697C8;
	margin: 0;
	padding:0;
	width: 153px;
}

html>body ul.rollmenu2 {width: 178px;color: #666;}

ul.rollmenu2 li {
	font-weight: bold;
    margin: 0;
    padding: 0;
	color: #CCCCCC;
}

ul.rollmenu2 ul {list-style-type: none;
    margin: 0;
    padding: 0;
	color: #CCCCCC;
}

ul.rollmenu2 a {
	font-weight: bold;
    text-decoration: none;
	color: #CCCCCC;
    background-color: transparent;
    margin: 0;
    width: 100%;
    display: block;
	padding:0 0 0 25px;
	border:0;

}

html>body ul.rollmenu2 a {
	width: auto;
	color: #000;
}

ul.rollmenu2 a:hover {
	background-color: #8F8FDA;
	color: #FFF;
}

ul.rollmenu2 a:visited {
	color: #666;
}

/*-------------------Double Line------------------*/

ul.rollmenu2 a.dbl {
	font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    margin: 0px;
    width: 100%;
    display: block;
	padding:0 0 0 45px;
	border:0;
	color: #333333;
	height:28px
}

html>body ul.rollmenu2 a.dbl {width: auto;color: #000;}

ul.rollmenu2 a.dbl:hover {
	background-color: #8F8FDA;
	color: #FFF;
}

ul.rollmenu2 a.dbl:visited {
	color: #666;
}

/*------------------------------NAVIGATION SUB 2 STYLES-------------------------------------------*/

ul.rollmenu3 {
	list-style-type: none;
	color: #CCCCCC;
    background-color: #A697C8;
    margin: 0;
	padding:0;
    width: 133px;
	border:none;
}

html>body ul.rollmenu3 {width: 178px; 	border:none;}

ul.rollmenu3 li {
	font-weight: bold;
    margin: 0;
    padding: 0;
	border:none;
}

ul.rollmenu3 ul {list-style-type: none;
    margin: 0;
    padding: 0;
	border:none;
}

ul.rollmenu3 a {
	font-weight: bold;
    text-decoration: none;
	color: #CCCCCC;
    background-color: transparent;
    margin: 0;
    width: 100%;
    display: block;
	padding: 0 0 0 45px;
	border:none;
}

html>body ul.rollmenu3 a {width: auto; 	border:none;}

ul.rollmenu3 a:hover {
	color: #FFF;
	background-color: #8F8FDA;
	border:none;
}

ul.rollmenu3 a:visited {
	color: #666;
}
/*-------------------Double Line------------------*/

ul.rollmenu3 a.dbl {
	font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    margin: 0px;
    width: 100%;
    display: block;
	padding:0 0 0 45px;
	border:0;
	color: #CCCCCC;
	height:28px
}

html>body ul.rollmenu3 a.dbl {width: auto;color: #000;}

ul.rollmenu3 a.dbl:hover {
	background-color: #8F8FDA;
	color: #FFF;
}

ul.rollmenu3 a.dbl:visited {
	color: #666;
}

/*copy css*/

.copyBold {
	font-size: 14px;
	color: #4D2F91;
}
.copyHghlt {
	color: #666666;
}

/*-------------------Forms------------------
form { position:relative; 
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding:0px;
	margin:0px;		
	}

form input { 
	position:relative; 
	font-size:9px;
	color:#333333;
			
}

form select { 
	position:relative; 
	font-size:9px;
	color:#333333;		
}*/

a.link:link {color: #4E2F91;text-decoration:none; font-weight:bold}
a.link:visited {color: #4E2F91;text-decoration:none; font-weight:bold}
a.link:active {color: #4E2F91;text-decoration:none; font-weight:bold}
h4, h5, a.link:hover {color: #999;text-decoration:none; font-weight:bold;}