/* COMMON */
/* ====== */
* {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
body {
    width: 906px;
    font-size: 10px;
	background: url(/assets/images/layout/background.jpg) repeat-x;
	background-color: #b3b7bd;
    margin: 0 auto;
}
a {
	color: #912b1f;	
}
a:hover {
	color: #47566b;	
}
.red {
	color: #912b1f;	
}
#body-center {
    position: relative;
    width: 100%
}
h2 {	
	float: left;
	width: 866px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
h3 {	
	float: left;
	width: 866px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
.float-left {
	float: left;
}
.checkbox-holder {
	float: left;
	margin: 10px 0px 0px 0px;
}
.checkbox-list {
	float: left;
	list-style: none;
}
.checkbox-list li {
	clear: both;
	float: left;
	margin: 2px 0px 0px 0px;
}
.checkbox-list li input, .checkbox-holder input {
	float: left;
	margin: 1px 0px 0px 0px;
}
.checkbox-list li label, .checkbox-holder label {
	float: left;
	margin: 1px 0px 0px 9px;
}
.link-list li {
	clear: both;
	float: left;
	height: 10px;
	list-style: none;
	background: url(/assets/icons/red_right_arrow.png) no-repeat bottom left;
	padding: 0px 0px 0px 10px;
	margin: 3px 0px 2px 0px;
}
.link-list li:hover {
	float: left;
	height: 10px;
	background: url(/assets/icons/blue_right_arrow.png) no-repeat bottom left;
	padding: 0px 0px 0px 10px;
}
.back-link {
	float: left;
	height: 10px;
	width: 866px;
	background: url(/assets/icons/red_left_arrow.png) no-repeat bottom left;
	padding: 0px 0px 0px 9px;
	margin: 15px 0px 0px 0px;
}
.back-link:hover {
	background: url(/assets/icons/blue_left_arrow.png) no-repeat bottom left;	
}
.back-link-seperator {
	float: left;
	width: 866px;
	height: 1px;
	background: url(/assets/images/layout/content_seperator.jpg) no-repeat;
	margin: 20px 0px 0px 0px;	
}
#content .read-more-link {
	display: block;
	list-style: none;
	color: #912b1f;	
	background: url(/assets/icons/red_right_arrow.png) no-repeat center left;
	padding: 0px 0px 0px 10px;
}
#content .read-more-link:hover {
	color: #47566b;	
	background: url(/assets/icons/blue_right_arrow.png) no-repeat center left;
}
.hidden {
	display: none;
}


/* HEADER */
/* ====== */
#header-holder {
	float: left;
	width: 906px;
	height: 60px;
	margin: 10px 0px 0px 0px;
}
#header-left {
	float: left;
	width: 10px;
	height: 60px;
	background: url(/assets/images/layout/header_left.jpg) no-repeat;
}
#header-middle {
	float: left;
	width: 886px;
	height: 60px;
	background: url(/assets/images/layout/header_middle.jpg) repeat-x;
}
#header-right {
	float: left;
	width: 10px;
	height: 60px;
	background: url(/assets/images/layout/header_right.jpg) no-repeat;
}
h1 {
	float: left;
	width: 116px;
    height: 40px;
    text-indent: -10000px;
    text-decoration: none;
    background: url(/assets/images/selwvl_logo.jpg) no-repeat;
    margin: 10px 0px 0px 10px;	
	
	display: inline;
}


/* MAIN NAVIGATION */
/* =============== */
#main-nav-holder {
	float: left;
	width: 906px;
	height: 30px;
	background: url(/assets/images/layout/red_nav_bgd.jpg) repeat-x;
}
#main-nav {
	float: left;
	height: 30px;
	list-style: none;
}
#main-nav li {
	float: left;
	height: 30px;
	
	overflow: hidden;
}
.main-nav-item {	
	background: none;
}
.main-nav-selected-item {
	background: url(/assets/images/layout/blue_nav_bgd.jpg) repeat-x;	
}
#main-nav li a, .login-button {
	float: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	cursor: pointer;
	padding: 8px 10px 0px 10px;
}
.login-button:hover {
	color: #FFFFFF;
}
#login-button-holder {
	float: right;	
}
#login-icon {
	float: left;
	width: 8px;
	height: 11px;	
	background: url(/assets/icons/lock.png) no-repeat;
	margin: 10px 10px 0px 0px;
}
#main-nav .home-icon-link {
	width: 30px;
	height: 30px;
	text-indent: -10000px;
	background: url(/assets/icons/home.png) no-repeat;
	padding: 0px 0px 0px 0px;
}
#main-nav li ul {
	position: absolute;
	background: url(/assets/images/layout/main_nav_h_light_highlight.jpg) no-repeat;
	background-color: #47566b;
	padding: 20px 0px 20px 0px;
	margin: 30px 0px 0px 0px;
	z-index: 1;
}
#main-nav li ul li {
	clear: both;
	display: block;	
	float: left;
	width: 200px;
	height: auto;
}
#main-nav li ul li a {
	clear: both;
	float: left;
	height: 12px;
	width: 200px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	padding: 0px 0px 0px 0px;
	margin: 6px 10px 9px 10px;
}
#main-nav li ul li a:hover {
	font-weight: bold;
}
.vertical-light-highlight {
	float: left;
	width: 1px;
	height: 30px;
	background: url(/assets/images/layout/main_nav_v_light_highlight.png) no-repeat;
}
.vertical-dark-highlight {
	float: left;
	width: 1px;
	height: 30px;
	background: url(/assets/images/layout/main_nav_v_dark_highlight.png) no-repeat;
}
.horizontal-light-highlight {
	clear: both;
	float: left;
	width: 200px;
	height: 1px;
	background: url(/assets/images/layout/main_nav_h_light_highlight.jpg) no-repeat;
}
.horizontal-dark-highlight {
	clear: both;
	float: left;
	width: 200px;
	height: 1px;
	background: url(/assets/images/layout/main_nav_h_dark_highlight.jpg) no-repeat;
}
#right-vertical-dark-highlight {
	float: right;
}


/* HEADER NAVIGATION */
/* ================= */
.header-nav-holder {
	float: right;
	height: 30px;
	margin: 0px 10px 0px 0px;
	
	display: inline;
}
.header-nav-left {
	float: left;
	width: 5px;
	height: 30px;
	background: url(/assets/images/layout/header_nav_left.jpg) no-repeat;
}
.header-nav-right {
	float: left;
	width: 5px;
	height: 30px;
	background: url(/assets/images/layout/header_nav_right.jpg) no-repeat;
}
.header-nav {
	float: left;
	height: 30px;
	list-style: none;
	background-color: #eaebec;
	padding: 0px 5px 0px 5px;
	
	overflow: hidden;
}
.header-nav-holder p {
	float: left;
	height: 22px;
	color: #912b1f;
	font-size: 10px;
	background-color: #eaebec;
	padding: 8px 10px 0px 10px;
}
.header-nav li {
	float: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	padding: 8px 10px 0px 10px;
}


/* USER WELCOME HOLDER */
/* =================== */
#user-welcome-holder {
	float: right;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	margin: 8px 10px 9px 0px;
}


/* PORTAL HOLDER */
/* ============= */
#portal-holder {
	float: left;
	width: 906px;
	height: 306px;
	background-color: #FFFFFF;
	display: inline;
	overflow: auto;
}


/* LOGIN HOLDER */
/* ============ */
#login-window {
	position: absolute;
	width: 200px;
	background: url(/assets/images/layout/main_nav_h_light_highlight.jpg) no-repeat;
	background-color: #47566b;
	padding: 20px 0px 18px 0px;
	margin: 0px 0px 0px 706px;
}
#login-window .form-row {
	float: left;
	width: 200px;	
}
#username-form-row {
	margin: 10px 0px 5px 0px;
}
#password-form-row {
	margin: 0px 0px 10px 0px;
}
#login-window .form-label {
	position: absolute;
	float: left;
	width: 56px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 2px 0px 0px 10px;
}
#login-window .form-input {
	width: 114px;
	height: 14px;
	color: #47566b;
	font-size: 10px;
	border: none;
	padding: 0px 0px 2px 2px;
	margin: 0px 10px 0px 74px;	
}
.login-submit-button {
	float: right;
	width: 180px;
	height: 30px;	
	background: url(/assets/images/layout/skins/login_button.jpg) no-repeat;
	border: none;
	text-indent: -10000px;
	text-transform: capitalize;
	cursor: pointer;
	margin: 10px 10px 10px 0px;
}
#login-error {
	float: left;
	width: 180px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 10px 0px 0px 10px;
}
#login-reminder-link {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	margin: 10px 0px 0px 10px;
}
#login-reminder-link:hover {
	text-decoration: underline;
}


/* PORTAL */
/* ====== */
#portal {
	position: absolute;
	width: 900px;
	height: 300px;
	margin: 3px 0px 0px 3px;
}


/* BREAD CRUMB */
/* =========== */
#bread-crumb-holder {
	float: left;
	width: 906px;
	height: 28px;
	background: url(/assets/images/layout/content_seperator.jpg) no-repeat bottom;
	background-color: #FFFFFF;	
}
#bread-crumb {
	float: left;
	width: 886px;
	height: 28px;
	color: #912b1f;
	font-size: 10px;
	list-style: none;
	margin: 0px 0px 0px 10px;
}
#bread-crumb li {
	float: left;
	height: 10px;
	margin: 5px 5px 0px 0px;
}
.bread-crumb-item {
	background: url(/assets/icons/red_right_arrow.png) no-repeat bottom right;
	padding: 0px 9px 0px 0px;
}
.last-bread-crumb-item {
	font-weight: bold;
}


/* GUIDE */
/* ===== */
#guide-holder {
	float: left;
	width: 906px;
	height: 28px;
	background: url(/assets/images/layout/content_seperator.jpg) no-repeat bottom;
	background-color: #FFFFFF;	
}
#guide {
	float: left;
	width: 886px;
	height: 28px;
	color: #47566b;
	font-size: 10px;
	list-style: none;
	margin: 0px 0px 0px 10px;
}
#guide li {
	float: left;
	height: 10px;
	margin: 5px 5px 0px 0px;
}
.guide-item {
	background: url(/assets/icons/blue_right_arrow.png) no-repeat bottom right;
	padding: 0px 9px 0px 0px;
}
.last-guide-item {
	font-weight: bold;
}


/* CONTENT */
/* ======= */
#content-holder {
	float: left;
	width: 906px;
	background-color: #FFFFFF;
	padding: 0px 0px 20px 0px;
}
#content {
	float: left;
	width: 866px;
	margin: 15px 0px 0px 20px;
	
	display: inline;
}
#content li {
	list-style-position: inside;
}
.content-seperator {
	float: left;
	width: 860px;
	height: 1px;
	background: url(/assets/images/layout/content_seperator.jpg) no-repeat;
	padding: 0px 0px 10px 0px;
}
#content p {
	font-size: 10px;
	margin: 0px 0px 14px 0px;
}
#content .zero-margin-paragraph {
	float: left;
	margin: 0px 0px 0px 0px;
}
.content-title {
	font-weight: bold;
}


/* BOTTOM NAVIGATION */
/* ================= */
#bottom-navigation-holder {
	float: left;
	width: 906px;
	height: 52px;
	background-color: #f2f2f2;
	padding: 10px 0px 0px 14px;
}
#bottom-navigation {
	float: left;
	width: 800px;
	list-style: none;	
	
	display: inline;
}
#bottom-navigation li {
	float: left;
	font-size: 10px;
	border-right: solid 1px #912b1f;
	padding: 0px 5px 0px 5px;
}
#bottom-navigation #last-navigation-item {
	border: none;
}


/* FOOTER */
/* ====== */
#footer-holder {
	float: left;
	width: 906px;
	height: 30px;	
	margin: 0px 0px 10px 0px;
}
#footer-left {
	float: left;
	width: 14px;
	height: 30px;
	background: url(/assets/images/layout/footer_left.jpg) no-repeat;
}
#footer-middle {
	float: left;
	width: 878px;
	height: 30px;
	background: url(/assets/images/layout/footer_middle.jpg) repeat-x;
}
#footer-right {
	float: left;
	width: 14px;
	height: 30px;
	background: url(../assets/images/layout/footer_right.jpg) no-repeat;
	
	display: inline;
}
#footer-items {
	float: left;
	width: 800px;
	list-style: none;
	margin: 10px 0px 0px 0px;
}
#footer-items li {
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	border-right: solid 1px #FFFFFF;
	padding: 0px 5px 0px 5px;
}
#footer-items li a {
	color: #FFFFFF;
}
#footer-items #last-footer-item {
	border: none;
}


/* HOME */
/* ==== */
#news-holder, #new-themes-holder {
	float: right;
	width: 866px;	
}
#news-holder {
	margin: 5px 0px 20px 0px;
}

#news-header, #new-themes-header {
	float: left;
	width: 866px;
	height: 30px;
	background: url(/assets/images/layout/red_nav_bgd.jpg) repeat-x;	
}
#news-header p, #new-themes-header p {
	float: left;
	width: 854px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	margin: 8px 0px 0px 10px;
}
#news-highlight, #new-themes-highlight {
	float: left;
	width: 866px;
	height: 1px;
	background: url(/assets/images/layout/news_highlight.jpg) no-repeat;	
}
#news-content {
	float: left;
	width: 826px;
	background-color: #e9d5d2;
	padding: 20px 20px 20px 20px;
}
#new-themes-list {
	float: left;
	width: 866px;
	background: url(/assets/images/layout/news_shadow.jpg) repeat-x;	
	background-color: #e9d5d2;
	list-style: none;
	padding: 0px 0px 19px 0px;
}
#new-list li, #new-themes-list li {
	float: left;
	width: 866px;
	height: 10px;
	color: #912b1f;
	font-size: 10px;
	font-weight: bold;
	background: url(/assets/icons/red_right_arrow.png) no-repeat bottom left;
	padding: 0px 0px 0px 9px;
	margin: 14px 0px 1px 10px;
}

/* THEMES & PROJECTS */
/* ================= */
#attachment-list {
	float: left;
	margin: 0px 14px 14px 0px;	
}

/* NEWSLETTER */
/* ========== */
#publish-years-list {
	list-style: none;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
#publish-years-list li {
	margin: 0px 0px 10px 0px;
}
#newsletter-list {
	list-style: none;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}
#newsletter-list li {
	height: 10px;
	background: url(/assets/icons/red_right_arrow.png) no-repeat bottom left;
	padding: 0px 0px 0px 9px;
	margin: 2px 0px 2px 10px;
}


/* JPAGER */
/* ====== */
.jpager {
	float: right;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
}
#content .jpager-content p {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}
.previous-lbl {
	float: left;
	height: 10px;
	color: #b3b7bd;
	background: url(/assets/icons/grey_left_arrow.png) no-repeat left bottom;
	padding: 0px 0px 0px 9px;
	margin: 0px 4px 0px 0px;
}
.previous-btn {
	float: left;
	height: 10px;
	background: url(/assets/icons/red_left_arrow.png) no-repeat left bottom;
	padding: 0px 0px 0px 9px;
	margin: 0px 4px 0px 0px;
}
.previous-btn:hover {
	background: url(/assets/icons/blue_left_arrow.png) no-repeat left bottom;
}
.page-lbl {
	float: left;
	color: #912b1f;
	margin: 0px 3px 0px 3px;
}
.page-btn {
	float: left;
	margin: 0px 3px 0px 3px;
}
.next-lbl {
	float: left;
	height: 10px;
	color: #b3b7bd;
	background: url(/assets/icons/grey_right_arrow.png) no-repeat right bottom;
	padding: 0px 9px 0px 0px;
	margin: 0px 0px 2px 4px;
}
.next-btn:hover {
	background: url(/assets/icons/blue_right_arrow.png) no-repeat right bottom;
}
.next-btn {
	float: left;
	height: 10px;
	background: url(/assets/icons/red_right_arrow.png) no-repeat bottom right;
	padding: 0px 9px 0px 0px;
	margin: 0px 0px 2px 4px;
}


/* NEWSLETTER */
/* ========== */
#admin-navigation {
	float: left;
	width: 906px;
	height: 30px;
	background: url(/assets/images/layout/blue_nav_bgd.jpg) repeat-x;
}
#admin-change-log-message {
	float: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	padding: 8px 10px 0px 10px;
}
.admin-button-holder {
	float: right;
	height: 30px;
}
.admin-button {
	float: left;
	height: 30px;	
	background: url(/assets/images/layout/blue_nav_bgd.jpg) repeat-x;
}
.admin-button a {
	float: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0.1em 0.1em 0.2em #000000;
	padding: 8px 10px 0px 10px;
}
.admin-button:hover {
	background: url(/assets/images/layout/red_nav_bgd.jpg) repeat-x;
}
.admin-button-icon {
	float: left;
	width: 16px;
	height: 16px;
	margin: 6px 0px 0px 10px;
}

.right-float {
	float: right;	
}