/* Start of CMSMS style sheet 'styles-combined' */
html, body {margin: 0; padding: 0; height: 100%; }
body { border: 0; width: 100%; background: #fff; min-width: 800px; }

div {margin:0; padding: 0; }

#background-left { position:absolute; left: 0; top: 0; height: 300px; width: 30%; z-index: 1; background-color: red;}
#page-wrap{
       position: relative;
	width: 890px;
	margin: 0 auto;
       z-index: 100;
}

#clear-top { clear:both; position: relative; height: 0px; overflow: hidden;}


/* Header styles */
#header { position: relative; clear: both; height: 282px; width: 890px; top: 0; left: 0; margin-left: 0; }
#logo { position: absolute; top: 0px;  }
#slogan { position: absolute; top: 120px; }
#quote { position: absolute; top: 160px; }
#let-us-help { position: absolute; top: 164px; left: 240px; }
#login-box {position: absolute; top: 244px; }
#logged-in-menu {position: absolute; top: 244px; }
#main-menu { position: absolute; top: 205px;  }

.accessibility { display: none;  position: absolute;  top: -999em;  left: -999em; }

/* column container */
.one-col { margin-top: 25px; }
.col-mask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
.holygrail { }
.holygrail .col-left {
	float: left; position: relative;
	width: 200%;
	margin-left: -347px;
	right: 100%;
}
.holygrail .col-1-wrap {
	float: left; position: relative;
	width: 50%;
	left: 50%;
	padding-bottom: 1em;
	margin-top: 25px;
}
.holygrail .col-1 {
	margin: 0  15px 0 360px;
	overflow: hidden;
}
.holygrail .col-2 {
	float: right;
	width: 230px;
	position: relative;
	left: 245px;
}

/* Footer */

#background-footer {clear:both; position: relative; height: 304px; }
#footer {  position: relative; width: 100%; width: 890px; margin: 0 auto; }



html, body {margin: 0; padding: 0; height: 100%; }
body { border: 0; width: 100%; background: #fff; min-width: 800px; }

div {margin:0; padding: 0; }

#background-left { position:absolute; left: 0; top: 0; height: 300px; width: 30%; z-index: 1; background-color: red;}
#page-wrap{
       position: relative;
	width: 890px;
	margin: 0 auto;
       z-index: 100;
}

#clear-top { clear:both; position: relative; height: 0px; overflow: hidden;}


/* Header styles */
#header { position: relative; clear: both; height: 282px; width: 890px; top: 0; left: 0; margin-left: 0; }
#logo { position: absolute; top: 0px;  }
#slogan { position: absolute; top: 120px; }
#quote { position: absolute; top: 160px; }
#let-us-help { position: absolute; top: 164px; left: 240px; }
#login-box {position: absolute; top: 244px; }
#logged-in-menu {position: absolute; top: 244px; }
#main-menu { position: absolute; top: 205px;  }

.accessibility { display: none;  position: absolute;  top: -999em;  left: -999em; }

/* column container */
.one-col { margin-top: 25px; }
.col-mask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
.holygrail { }
.holygrail .col-left {
	float: left; position: relative;
	width: 200%;
	margin-left: -347px;
	right: 100%;
}
.holygrail .col-1-wrap {
	float: left; position: relative;
	width: 50%;
	left: 50%;
	padding-bottom: 1em;
	margin-top: 25px;
}
.holygrail .col-1 {
	margin: 0  15px 0 360px;
	overflow: hidden;
}
.holygrail .col-2 {
	float: right;
	width: 230px;
	position: relative;
	left: 245px;
}

/* Footer */

#background-footer {clear:both; position: relative; height: 304px; }
#footer {  position: relative; width: 100%; width: 890px; margin: 0 auto; }


/****** STYLES ********/
body { background: #00468e; font-family: Verdana, Arial, sans-serif; font-size:0.8125em; }

#top { background: #fff url('layout/bg-top.png') repeat-x; width: 100%;}
a {  color: #2b58a9; font-weight: bold; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }
h1, h2, h3 { margin: .8em 0 .2em 0; padding: 0; }
p { margin: .4em 0 .8em 0; padding: 0; line-height: 1.8em; }
img { border: 0; margin: 0; padding: 0;}
li {line-height: 1.8em;}



h1 { font-size: 1.5em; padding: 0; margin: 5px 0 10px 0; font-weight: bold; color: #2b58a9;}
h2 { font-size: 1.3em; padding: 0; margin: 5px 0 10px 0; font-weight: bold; color: #2b58a9; }

table { border:1px solid #2b58a9; border-collapse: collapse;}
table tr { border:1px solid #2b58a9; }
table td { padding: 2px 10px; margin: 0; border: 1px solid #2b58a9; line-height: 1.8em; }
table th { background-color: #2b58a9; color: #fff; margin:0; padding: 3px; border: 1px solid #2b58a9; line-height: 1.8em;  }


ol li h2 { font-size: 1.2em; padding-top: 15px; }

.read-more {font-weight:bold; color: #fff; text-align: center; width: 130px; float:right; margin-top: 10px; margin-right: 50px; margin-bottom: 30px; background: #2b5aac url('layout/bg-login.png') repeat-x bottom left; position:relative; display:block;  }
.read-more span {font-weight: bold;}

#background-left { background: transparent url('layout/bg-top-left.png') repeat-x; }

#header { position: relative; background:  transparent url('layout/bg-header.png') no-repeat 100% 0; }
#logo {}
#slogan { }
#slogan h3 { margin: 0;  font-style: italic; font-family: Arial, sans-serif; font-size: 1.6em; color: #000;}
/*#quote h3 { font-size: 1.3em; padding: 5px; border: 1px solid #eee; border-right: 3px solid #333; border-bottom: 3px solid #333; }*/
#quote {font-size: 1.3em; padding: 5px;  width: 200px;}
#quote a { color: #fff; }
#quote .read-more { margin: 0; width: 180px; padding: 5px 0; }
#let-us-help { width: 200px; }
#let-us-help a { margin: 0; padding:0; display :block; }
#let-us-help .read-more { margin: 0;width: 150px; }

/* Login button */
#btn-login-colorbox {font-size: 1.1em; }
#btn-login-colorbox .read-more { padding: 5px; width: 90px; margin: 10px auto; float: none; }


/* Login Box */
#login-box { background: transparent url('layout/bg-login.png') repeat-x top left; color: #fff; }
#login-box form { display: block; background: transparent url('layout/bg-login-cap.png') no-repeat right top; height: 38px; margin: 0; padding: 0; width: 540px; }
#login-box ul { list-style-type: none; margin:0; padding: 0; }
#login-box ul li { padding: 5px 0 0 0; float: left; }
#login-box ul li label { }
#login-box .input-login { width: 143px; background: transparent url('layout/bg-login-box.png') no-repeat top left;  border: 1px none #fff; height: 23px; padding: 0 6px; margin-right: 10px; }
#login-box #btn-login {  }



#breadcrumbs {padding: 17px 0 14px 18px; font-size: 17px; width: 100%; color: #fff;}
#breadcrumbs a { font-weight: bold; color: #fff;}

/* Blocks */
.block { padding: 10px 0 10px 0; clear: both; }

.visit-blog { padding-top: 30px; padding-bottom: 40px; }

.visit-eea { position: relative; }
.visit-eea a { position: absolute; left: 200px; top: -120px;}

/* Tweets */
#tweets { padding: 13px 5px; background: #2b5aac url('layout/bg-login.png') repeat-x bottom left; position:relative; }
#tweets .tweet-wrap { position:relative; background-color: #fff; }
#tweet-logo { margin-top: 15px; }
#tweets .tweet { position: relative; margin-top: 10px; }
#tweets .tweet-clear { clear:both; }
#tweets .twitter-list {}
#tweets .twitter-item { padding: 5px; clear:both; }
#tweets .twitter-text { padding-left: 60px;  }
#tweets .twitter-avatar { float: left; padding: 2px; }

/* Testimonials */
.testimonial { display: none; }
.testimonial-quote-before { font-size: 2em; float: left; padding: 5px 5px 0 5px; }
.testimonial-quote-after { font-size: 2em; float:right; padding: 5px; position: relative; top: -0.5em;  }
.testimonial-content { position: relative;  }
.testimonial-author { font-style: italic; font-weight: bold; padding: 10px; }

/* FAQ */
#faq { }
dt { font-size: 1.4em; padding: 0 0 0 5px; margin: 20px 0 10px 0; font-weight: bold; color: #2b58a9;  }
#faq li, #faq li p { line-height: 1.2em; }
.to-toc {text-align: right; }

/* Backend */
div.message { padding: 20px; border: 3px solid #930; margin: 15px; color: #930; }



/* Features Table */
#features .feat-1 {  }
#features .feat-2 { }
#features .feat-3 {  }

#footer-nav-wrapper { }
#footer-nav-wrapper div ul li { list-style-image: url('layout/bullet-footer.png'); }

#footer-nav-left, #footer-nav-mid, #footer-nav-right { height: 200px; }
#footer-nav-left { }
#footer-nav-mid { background: transparent url('layout/footer-separate.png') no-repeat 0px 10px; }
#footer-nav-right {background: transparent url('layout/footer-separate.png') no-repeat 0px 10px; }
#footer-nav-bottom { clear:both; text-align: center; position:relative; top: 200px; color: #eee; }

.holygrail { background: transparent url('layout/bg-sidebar.png') no-repeat 543px 50px; }
.holygrail .col-left {  }
.holygrail .col-2 {  }
.holygrail .col-1 {  }
.holygrail .col-1, .holygrail .col-2 {  }

#background-footer { background: transparent url('layout/bg-footer.png') repeat-x;  }


/** Site admin */
body#site-admin { background: #fff; }
#site-admin #header {  }
#site-admin #header {  }

table#foot-box { border-collapse: collapse; border:1px dashed #111111; background-color: #f8f8f8; margin: 0 auto; width: 700px;}
table#foot-box tr { border:1px dashed #111111; }
table#foot-box td { border:1px dashed #111111; }
table#foot-box th { border:1px dashed #111111;  }

#site-admin #header { position: relative; clear: both; height: 178px; width: 890px; top: 0; left: 0; margin-left: 0; background-image: none; }
#site-admin #logo { position: absolute; top: 0px;  }
#site-admin #login-box {position: absolute; top: 150px; }
#site-admin #logged-in-menu {position: absolute; top: 150px; }
#site-admin #main-menu { position: absolute; top: 111px; }
#site-admin #top {background: #fff url('layout/bg-top-admin.png') repeat-x; }
#site-admin #background-left { background: transparent url('layout/bg-top-left-admin.png') repeat-x; }
#site-admin .col-mask { }


/**** MENU ****/
#main-menu {	float: left;	height:39px; overflow: hidden;  }
#main-menu ul {float: left; list-style: none; margin: 0; padding: 0; position: relative; text-align: center; }
#main-menu ul li { display: block; float: left; list-style: none;	margin: 0; padding: 0; position: relative; }
#main-menu ul li a { display: block; padding: 12px 17px 13px 17px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; margin-left: 10px; }
#main-menu ul li a:hover { color: #ddd; background: #ccc url('layout/bg-menu-on.png') repeat-x left top;  }
#main-menu ul li a.active,
#main-menu ul li a.active:hover,
#main-menu ul li a.menuactive,
#main-menu ul li a.menuactive:hover { color: #fff; background: #ccc url('layout/bg-menu-on.png') repeat-x left top; }

/* Logged In Menu */
#logged-in-menu { background: transparent url('layout/bg-login.png') repeat-x top left; color: #fff; }
#logged-in-menu div{ display: block; background: transparent url('layout/bg-login-cap.png') no-repeat right top; height: 42px; margin: 0; padding: 0; width: 540px; }
#logged-in-menu ul { list-style-type: none; margin:0; padding: 0; }
#logged-in-menu ul li { padding: 0 0 0 0; float: left; }
#logged-in-menu ul li a { display: block; float: left; color: #fff; padding: 7px 10px; }
#logged-in-menu ul li a:hover { color: #fff; background: #1f1f1f url('') repeat-x left top;  }
#logged-in-menu ul li a.active,
#logged-in-menu ul li a.active:hover,
#logged-in-menu ul li a.menuactive,
#logged-in-menu ul li a.menuactive:hover { color: #fff; background: #ccc url('layout/bg-menu-on.png') repeat-x left top; }

/* Admin Box Menu */
#admin-box { background: transparent url('layout/bg-login.png') repeat-x top left; color: #fff; display: block; height: 42px; width: 400px; position:relative; }
#admin-box ul { list-style-type: none; margin:0; padding: 0; }
#admin-box ul li { padding: 0 0 0 0; float: left; }
#admin-box ul li a { display: block; float: left; color: #fff; padding: 7px 10px; }
#admin-box ul li a:hover { color: #fff; background: #1f1f1f url('') repeat-x left top;  }
#admin-box ul li a.active,
#admin-box ul li a.active:hover,
#admin-box ul li a.menuactive,
#admin-box ul li a.menuactive:hover { color: #fff; background: #ccc url('layout/bg-menu-on.png') repeat-x left top; }

#footer-menu { float: left; height:39px; overflow: hidden; position: relative; }
#footer-menu ul { }
#footer-menu ul li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; border-left: 1px solid #fff; }
#footer-menu ul li.first { border-left: 0px none #fff; }
#footer-menu ul li a { display: block; padding: 2px 15px; color: #fff; }


#footer-nav-left { position: absolute; width: 250px; left: 0;  font-size: 0.8em; }
#footer-nav-left ul { margin-left: 0px; padding-left: 0; }
#footer-nav-left ul li {  }
#footer-nav-left ul li a { color: #fff; }
#footer-nav-mid { position: absolute; width: 250px; left: 300px; font-size: 0.8em; }
#footer-nav-mid ul li a { color: #fff; }
#footer-nav-right { position: absolute; width: 250px; left: 600px; font-size: 0.8em; }
#footer-nav-right ul li a { color: #fff; }



/* End of 'styles-combined' */