/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#69518a;
	font-size:.85em;
	line-height:16px;
	margin:0 0 25px 0;
	background-color:#5b437d;
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Helvetica, Arial, sans-serif;
	background-image:url(/images/bg_body-x.gif);
}

a { color:#69518a; }

a:hover { color:#a187bf; }

h1, h2, h3, h4, p { margin:0 0 14px 0; }

h1 { font-weight:normal; font-size:2.5em; color:#000; }

h2 { font-weight:normal; font-size:1.8em; color:#000; line-height:26px; }

h3 { font-size:1.2em; }

/* ---- class settings ------------------------------ */

.a-img { border:0; }

a:hover img.a-img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

.logo {
	position:absolute;
	top:40px;
	left:0;
}

.portal_logo {
	position:absolute;
	top:-80px;
	left:0;
}

a.sub_menu {
	color:#69518a;
	display:block;
	text-decoration:none;
	padding:3px 0 1px 4px;
}

a:hover.sub_menu {
	background-color:#d9d9d9;
}

.spacer { width:100%; height:14px; clear:both; }

/* ---- layout settings ------------------------------ */

#main_container {
	position:relative;
	margin:0 auto;
	width:800px;
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:780px;
	height:107px;
	border:10px solid #000;
}

/* ---- start nav id settings ------------------------ */

#nav {
	position:relative;
	top:0;
	left:0;
	width:381px;
	height:27px;
	margin:0 0 0 auto;
}

#quick_nav {
	position:relative;
	top:0;
	left:0;
	width:214px;
	height:48px;
	margin:0 0 35px auto;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:760px;
	height:auto;
	padding:10px;
	background-color:#eaeaea;
	border-left:10px solid #000;
	border-right:10px solid #000;
	border-bottom:10px solid #000;
}

#content_portal {
	position:relative;
	top:0;
	left:0;
	width:780px;
	height:auto;
	margin-top:200px;
	background-color:#000;
	border:10px solid #000;
}

/* ---- start main content settings ----------------- */

#content_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:719px;
	height:auto;
	padding:10px;
	//border-right:1px solid #a187bf;
}

/* ---- end main content settings ------------------- */

/* ---- start side bar content settings ------------- */

#content_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:220px;
	height:auto;
	padding:10px;
	margin-left:-1px;
	border-left:1px solid #a187bf;
}

/* ---- end side bar content settings --------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	color:#000;
	clear:both;
	width:780px;
	height:25px;
	font-size:11px;
	padding:5px 10px 0 10px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

a#pages_stamp {
	position:relative;
	float:left;
	width:20px;
	height:16px;
	background-position:0 0;
	background-image:url(/images/img_38pages-logo.png);
}

a:hover#pages_stamp {
	background-position:0 -16px;
}

/* ---- start quick nav settings ------------------- */

#quick_nav a {
	position:relative;
	float:left;
	height:48px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(/images/nav/quick_nav.gif);
	
}

a#quick_01 {
	width:107px;
	background-position:0 0;
}

a:hover#quick_01, .quick_01 {
	background-position:0 -48px !important;
}

a#quick_02 {
	width:107px;
	background-position:-107px 0;
}

a:hover#quick_02, .quick_02 {
	background-position:-107px -48px !important;
}

/* ---- start nav settings ------------------------ */
 
#nav a {
	position:relative;
	float:left;
	height:27px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(/images/nav/nav.gif);
}

a#nav_01 {
	width:56px;
	background-position:0 0;
}

a:hover#nav_01, .active_01 {
	background-position: 0 -27px !important;
}

a#nav_02 {
	width:110px;
	background-position:-56px 0;
}

a:hover#nav_02, .active_02 {
	background-position:-56px -27px !important;
}

a#nav_03 {
	width:78px;
	background-position:-166px 0;
}

a:hover#nav_03, .active_03 {
	background-position:-166px -27px !important;
}

a#nav_04 {
	width:69px;
	background-position:-244px 0;
}

a:hover#nav_04, .active_04 {
	background-position:-244px -27px !important;
}

a#nav_05 {
	width:68px;
	background-position:-313px 0;
}

a:hover#nav_05, .active_05 {
	background-position:-313px -27px !important;
}