@import url("reset.css");
@import url("menu.css");

body {
	background-color: #2a2f4c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #5c5c5c;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 0 0px 0;
	background-image:url(../images/backgrnd.jpg);
	background-repeat:repeat-x;
}

.clear {
	clear: both;
}


a:link, a:visited, a:active {
	color: #2d3250;
	font-weight: bold;
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;	
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

a.icons:link, a.icons:visited, a.icons:active {
	color: #2d3250;
	text-decoration: none;
}

a.icons:hover {
	text-decoration: underline;
	cursor: pointer;
}

hr {
	border: medium none;
	display:block;
	height: 1px;
	background-color: #5C5C5C;
}

*html hr {
	border: 1px solid #5C5C5C;
	display:block;
	height: 1px;
	background-color: #5C5C5C;
}

*:first-child+html hr {
	border: 1px solid #5C5C5C;
	display:block;
	height: 1px;
	background-color: #5C5C5C;
}

h1 {
	color:#000;
	font-size:22px;
	font-weight:bold;
	padding-bottom:5px;
}

h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

h3 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

h4 {
	color: #ffd972;
	font-size: 11px;
	font-weight: bold;
}

h5 {
	color: #ffd972;
	font-size: 10px;
	font-weight: bold;
}

h6 {
	color: #ffd972;
	font-size: 9px;
	font-weight: bold;
}

p {
	margin-bottom: 10px;
}


#wrap {
	margin: 0 auto;
	width: 880px;
	background: #ffffff url(../images/wrap_bg.jpg) repeat-x left top;
}

#header {
	background: url(../images/header_bg.jpg) no-repeat left top;
	width: 100%;
	height: 163px;
	position: relative;
}

.flash {
	position: absolute;
	top: 46px;
	left: 500px;
}

#flashcontent {
	position: absolute;
	top: 46px;
	left: 500px;
	width: 162px;
	height: 95px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}

#header .logo {
	width: 438px;
	height: 95px;

}

#header .logo a:link,
#header .logo a:active,
#header .logo a:visited {
	width: 438px;
	height: 95px;
	float: left;
	display: block;
	position: absolute;
	top: 24px;
	left: 40px;
	/*margin: 24px 0 0 40px;	*/
	text-indent: -9999px;
	cursor: pointer;
}

#header .moduletable-contact {
	position: absolute;
	text-align: center;
	top: 40px;
	right: 25px;
	width: 150px;
	float: right;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#header .moduletable-contact a:link,
#header .moduletable-contact a:active,
#header .moduletable-contact a:visited {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}


#containerRepeat {
	background: url(../images/container_repeat.jpg) repeat-y left top;
	margin-bottom:10px;
}

#containerBottom {
	background: url(../images/container_bottom.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}

#containerTop {
	background: url(../images/container_top.jpg) no-repeat left top;
	padding: 8px 36px 0 42px;
}

#container {
	width: 100%;
}

#menu {
	background: url(../images/menu_bg.jpg) repeat-x left top;
	height: 36px;
	margin-bottom: 5px;
}

#menu .pathway {
	float: left;
	color: #fff;
	height: 36px;
	line-height: 36px;
}

#menu .pathway li {
	background: url(../images/arrow2.jpg) no-repeat left top;
	display: block;
	padding-left: 40px;
}

#menu .pathway li span {
	font-size: 14px;
	font-weight: bold;
}

#menu .pathway li a:link,
#menu .pathway li a:active,
#menu .pathway li a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

#menu .pathway li a:hover {
	text-decoration: none;
}

#menu #menu-left {
	float: left;
}

#menu .menu-right {
	float: right;
	border-left: 3px solid #fff;
}

.menu-right ul li {
	display: inline;
	line-height: 36px;
	padding: 0 12px;
}

.menu-right ul li a:link,
.menu-right ul li a:active,
.menu-right ul li a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.menu-right ul li:first-child {
	border: none;
}

#leftCol {
	float: left;
	width: 184px;
}

.module-menu {
	margin-bottom: 5px;
	background: url(../images/module_menu_repeat.jpg) repeat-y left top;	
	width: 184px;
}

.module-menu div {
	background: url(../images/module_menu_bottom.jpg) no-repeat left bottom;
	padding-bottom: 5px;
}

.module-menu div div div {
	background: url(../images/module_menu_top.jpg) no-repeat left top;
	padding: 4px 4px 0 4px;
	min-height: 5px;
	height: auto !important;
	height: 5px;
}

.module-menu div div, .module-menu div div div div {
	background-image: none;
	padding: 0;
}

.module-menu h3 {
	font-size: 14px;
	margin-bottom: 15px;
}
/*
.module-menu li {
	background: url(../images/module_menu_li_bg.jpg) no-repeat left top;
}

.module-menu li a:link, 
.module-menu li a:visited, 
.module-menu li a:active {
	color: #2d3252;
	display: block;
	height: 30px;
	padding: 5px 0 5px 12px;
	text-decoration: none;
	line-height: normal;
}

.module-menu a:hover {
	background: url(../images/module_menu_hover_bg.jpg) repeat-x left top;
	text-decoration: none;
}

.module-menu li.active a:link,
.module-menu li.active a:active,
.module-menu li.active a:visited {
	background: url(../images/module_menu_active_bg.jpg) repeat-x left top;
	color: purple;
}
*/
.module {
	width: 184px;
}

#contentCol {
	width: 611px;
	float: left;
	margin-left: 5px;
}

#contentCol .banner {
	border: 1px solid #d0d0d0;
	padding: 5px;
	margin-bottom: 6px;
}

#contentCol .banner span {
	color: #323955;
	font-weight: bold;
	font-size: 16px;
}

.content {
	padding: 0 10px;
	line-height: normal;
}

.small, .createdate, .modifydate {
	color: #837c50;
	font-size: x-small;
}

.content ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 22px;
}

.content ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 25px;
}

.content ul li, ol li {
	padding-bottom: 3px;
}

.content a.readon:link,
.content a.readon:active,
.content a.readon:visited {
	background: url(../images/arrow.jpg) no-repeat left center;
	padding-left: 10px; 
	color: #000;
	text-decoration: underline;
}

.content a.readon:hover {
	text-decoration: none;
}

.contentheading, .componentheading {
	background: url(../images/menu_bg.jpg) repeat-x left top;
	height: 36px;
	line-height: 36px;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	padding-left: 14px;
	margin: 0 -10px 14px -10px;
}

.moduletableList {
	width: 611px;
	margin-top: 20px;
}

.moduletableList .moduletable {
	width: 611px;
	margin-bottom: 20px;
}

.moduletable .box {
	width: 184px;
	float: left;
	padding: 5px;
}

.moduletable .box-mid  {
	width: 184px;
	float: left;
	padding: 5px;
	border-right: 1px solid #777777;
	border-left: 1px solid #777777;
}

.moduletable .box span,
.moduletable .box-mid span {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.moduletable a.readon:link,
.moduletable a.readon:active,
.moduletable a.readon:visited {
	background: url(../images/arrow.jpg) no-repeat left center;
	padding-left: 10px; 
	color: #000;
	text-decoration: underline;
}

.moduletable a.readon:hover {
	text-decoration: none;
}

.moduletable-img {

}

#footer {
	text-align: center;
	height: 50px;
}

#footer ul li {
	display: inline;
	padding: 0 4px;
	border-left: 1px solid #9f9f9f;
}

#footer ul li a:link,
#footer ul li a:active,
#footer ul li a:visited {
	font-size: 12px;
	color: #9f9f9f;
}

#footer ul li:first-child {
	border: none;
}



.contact-us {
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #5c5c5c;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 20px 0 20px;
}

.contact-us .inputWrap {
	width: 550px;
	margin-bottom: 10px;
}

.contact-us .inputWrap .label {
	width: 75px;
	float: left;
	margin-right: 25px;
}

.contact-us .inputWrap .inputBox {
	width: 318px;
	padding: 0 2px;
	float: left;
	border: 1px solid #cbcbcb;
}

.contact-us .submit {
	text-align: center;
	margin-left: 100px;
}

.regWrap {
	width: 555px;
	margin: 0 auto;
}	
	
.regWrap .reghead {
	margin-bottom: 5px;
}

.regWrap h3 {
	color: #323955;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}

.regWrap h4 {
	color: #5C5C5C;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}


.regWrap form {
	width: 310px;
	margin: 0 auto;
}

.regWrap form .reduire {
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	color: #631813;
	padding-top: 5px;
	border-top: 1px solid #808080;
}


.regWrap .inputWrap {
	margin-bottom: 10px;
}	


.regWrap .inputWrap .checkbox {
	width: 300px;
	font-size: 12px;
}

.regWrap .inputWrap .box {
	width: 147px;
	float: left;
}

.regWrap .inputWrap .box1 {
	width: 80px;
	float: left;
}

.regWrap .inputWrap .box2 {
	width: 60px;
	float: left;
	margin-left: 5px;
}

.regWrap .inputWrap .box .label,
.regWrap .inputWrap .label {
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}

.regWrap .inputWrap .inputBox {
	width: 283px;
	padding: 0 2px;
	border: 1px solid #cbcbcb;
}

.regWrap form .submit {
	width: 60px;
	color: #000;
	border: 1px solid #000a40;
	background-color: #BCD1D9;
	margin-left: 120px;
	cursor: pointer;
	margin-bottom: 20px;
}