/*
Design and Code by Rick Russie at e10 :: http://e10-inc.com :: Copyright 2009

Colors: 
- Main Text: #a6b4bd
- Main content background: #36424f
- Main content background dark: #2d3a47
- Sidebar: #424d5a
- Top Background: #78a2c6
- Background: #3e4a57
- Header Orange: #f6491a
- Clindex Light Blue:  RGB=(141,173,199) or HEX=8DADC7
- Clindex Medium Blue: RGB=(0,151,204) or HEX=0097CC
- Clindex Dark Blue:  RGB=(0,84,159) or HEX=00549F
*/


html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, strong, var, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html {}
body {font: 13px/1.6em arial, verdana, sans-serif; color: #a6b4bd; background: #3e4a57 url("/structure/img/bg.gif") repeat-x;}
table {border-collapse: collapse; border-spacing: 0;}

sup {font-size: .55em; line-height:1em;}
p {margin-bottom:10px; text-shadow: #2d3a46 1px 1px 1px;}
a {color:#fff;}
a:hover {color:#f6491a;}
h2 {color:#f6491a; font-size: 22px; margin-bottom: 15px;}
h3 {color:#fff; font-size: 15px; margin-bottom: 5px;}
h2, h3, h4, h5, h6 {font-weight:100; text-shadow: #2d3a46 0px 1px 0px;}
h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:inherit;}
#contain ul {padding:0 0 20px 20px;}

/*------------Main Structure Elements------------*/

#contain {background:#36424f; margin:27px auto 7px auto; width:870px; position:relative; padding-bottom:30px;}

#header {background: #b1c9e0 url("/structure/img/header-bg.gif") repeat-x; height: 127px;}
#header-home {background: #b1c9e0 url("/structure/img/header-bg-home.gif") repeat-x; height:340px;}

#menu {height: 33px; background: #e5e5e5 url("/structure/img/menu-bg.gif") repeat-x; color: #555; text-align:right; font-size: 15px;}

#sidebar {width:165px; float:right; display:inline; margin:40px 50px 50px 0; padding:20px; background:#424d5a; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#content {margin: 50px 0 10px 50px; width:500px; float:left; display:inline;}

#content {scrollbar-3dlight-color: #67798f;scrollbar-arrow-color:#36424f;scrollbar-darkshadow-color: #67798f;scrollbar-face-color:#67798f;scrollbar-highlight-color:#67798f;scrollbar-shadow-color: #67798f;scrollbar-track-color: #36424f;}

#footer {background:#3e4a57; text-align:center; padding-top:8px; border-bottom:10px solid #3e4a57; font-size: 10px; width:870px; margin:5px auto 0 auto; }


/*------------Main Menu------------*/

#menu ul {padding: 6px 20px 0 0; text-shadow: #efefef 0px 1px 0;}
#menu ul li {display:inline; padding: 0 15px 0 17px; border-left: 1px solid #bbb;}
#menu ul li.first {border:none;}
#menu ul li a {color: #444; text-decoration:none;}
#menu ul li a:hover {color: #000; text-decoration:none;}
#menu ul li a.active {color:#f6491a;}


/*------------Sidebar------------*/

#sidebar h3 {font-size: 16px;}
#sidebar p {line-height:1.2em;}
#sidebar img.clindex-hosted {margin-left:8px;}
#sidebar img.learnmore {margin:10px 0 0px 22px;}


/*------------Submenu------------*/

#submenu {width:214px; float:right; display:inline; margin:90px 50px 0px 30px;}

.aboutsubmenu {padding-bottom:30px;}

#submenu ul li {list-style-type:none;}
#submenu ul li a {text-decoration:none;}
#submenu ul li {font-size: 11px; line-height: 1.4em; color: #a6b4bd; padding-left:30px; margin-left:10px;}
#submenu ul li.last {border-bottom: 1px solid #3e4a57; padding-bottom:6px;}
#submenu ul a {color: #a6b4bd;}
#submenu ul a:hover {color: #fff;}

#submenu ul li.main a {display:block; color:#a6b4bd; padding:7px 5px 11px 30px;}
#submenu ul li.main a:hover {color:#fff;}

#submenu ul li.main {font-size: 15px; height:35px; margin: 0 0 4px 0; padding-left:0;}
#submenu ul li.active {background: url("/structure/img/submenu-bg.gif") no-repeat; height:35px;}
#submenu ul li.active a {color:#fff;}
#submenu ul li.active:hover {background: url("/structure/img/submenu-bg.gif") -856px 0 no-repeat;  height:35px;}
#submenu ul li.active a:hover {color: #fff;}
#submenu ul li.active:active {background: url("/structure/img/submenu-bg.gif") -642px 0 no-repeat; height:35px;}

/*#submenu ul li.sub-active  {background: url("/structure/img/submenu-sub-back-2.gif") no-repeat;}*/
#submenu ul li.sub-active a {color:#f6491a;}

/*------------Footer------------*/

#footer p {width:600px; margin:0 auto; padding-left:0; text-shadow:none; line-height: 1.3em; font-size: 9px; color:#72808b;}
#footer p span {color: #a6b4bd;}


/*------------Home Page------------*/

body.home {background: #3e4a57 url("/structure/img/bg-home.gif") repeat-x;}
#logo {padding:40px 20px 0px 50px;}
#logo h1 {text-indent: -999em; background: url("/structure/img/clindex-logo.gif") no-repeat; width:241px; height:50px;}

#header-text-main-page {margin:26px 50px 0 50px;}
#header-text-main-page img {float:left; margin-right:30px;}
#header-text-main-page h2 {font-weight: bold; font-size: 21px; letter-spacing: -.01em; color: #165788; margin: 0 0 20px 0; text-shadow: #78a2c6 0px 1px 0px;}
#header-text-main-page p {font-size: 16px; color: #fff; margin: 0 0 7px 0; text-shadow: #78a2c6 0px 1px 0px;}
#header-text-main-page a {color: #3e4a57; text-decoration:underline;}
#header-text-main-page a:hover {color: #000; text-decoration:underline;}
#header-text-main-page br {line-height: 50%}

#home-sidebar {width:178px; float:right; display:inline; margin:50px 50px 0px 0px; padding:17px 0px 17px 0px; background:#424d5a;}
#home-sidebar h3 {font-size: 15px; color: #fff; margin-bottom:10px; padding:0 15px 0 15px;}
#home-sidebar p {font-size: 14px; line-height:1.3em; padding:0 15px 0 15px;}

#arrows {margin:10px 0 0 450px;}


	/*------------JFlow------------*/

	#leftarrow {float:left; margin-right: 5px;}
	#myController {display:none;}
	.newsitem img {float:left; margin:0 20px 10px 0; border:3px solid #2d3a46;}
	.newsitem {clear:left; width:450px; margin-bottom:0px;}


/*------------Clindex Section------------*/

#clindex-header {clear:both; border-bottom: 1px solid #5c6b78; background: #2d3642 url("/structure/img/clindex-main-header-bg.gif") repeat-x;}
#clindex-header-content {width:500px; padding:50px 0 50px 50px;}
#clindex-header-content h2 {font-size:24px; margin-bottom:27px; line-height:28px;}
#clindex-header-content p {color: #fff; font-size:13px; line-height:1.6em; text-shadow: #212c36 1px 1px 1px;}
#clindex-header-content img {float:left; margin-right:20px;}

#clindex-item {margin-bottom: 20px; line-height: 1.4em;}
#clindex-item h3 {margin-bottom: 0px;}
#clindex-item img {float:left; margin:15px 10px 10px 0;}


/*------------Training+Support------------*/

ul.orangebullet {padding:0 0 15px 20px;}
ul.orangebullet li {color:#f6491a; list-style-type:circle;}
ul.orangebullet li a:hover {color:#cddae2;}
ul.orangebullet li span {color:#a6b4bd;}

ul.contact {padding:0 0 15px 0;}
ul.contact li {list-style-type:none;}


/*------------News------------*/

.meta {border-top: 1px solid #5a6870; font-size:12px; color:#969fa4; padding:3px 0 30px 0;}
.alignright {float:right; display:inline; padding:0 0 10px 20px;}
.alignleft {float:left; display:inline; padding:0 0px 0px 0;}
h2.storytitle {line-height:1.1em;}
div.post {padding-bottom:20px;}
div.post div.meta a {color:#969fa4;}


/*------------Contact------------*/

#content-login-live {float:left; display:inline; width:318px; height:200px; background:#2d3a47; margin:50px 0 20px 50px; padding:20px;}
#content-login-training {float:right; display:inline; width:318px; height:200px; background:#2d3a47; margin:50px 50px 20px 0px; padding:20px;}


/*------------Contact------------*/

.mapimage {float:left; display:inline; margin:0 20px 20px 0; border: 4px solid #2d3a46; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#content-contact {margin: 50px 0 10px 50px; width:405px; float:left; display:inline;}
#contact-box {margin: 90px 50px 20px 0;float:right; display:inline; padding:20px 30px; background:#424d5a;}
#contact-box ul {padding-left:30px;}
#contact-box h5 {color:#f6491a; padding-left:10px;}


/*------------Inline------------*/

.offered-by {font-size:11px; font-style:italic; line-height:1em;}
hr {border-top:1px solid #5c6b78; border-right:none; border-bottom:none; border-left:none; margin:10px 0 20px 0;}

.left {float:left; margin:0 20px 10px 0;}
.right {float:right; margin:0 0 10px 20px;}

.subheader {color: #fff; font-size:16px; line-height:1.6em; text-shadow: #212c36 1px 1px 1px; margin-bottom:20px;}
.clear {clear:both;}

#content strong, #content-contact strong {color:#fff;}
.legal {font-size:.85em; line-height:1.3em; color:#8a979f;}
.note {padding:7px 15px; margin-bottom:20px; border: 1px solid #5c6b78; background: #2d3642; font-size:11px;}
.pdf-summary {text-align:center; padding:7px 15px; margin-bottom:20px; border: 1px solid #5c6b78; background: #2d3642; font-size:13px;}
.pdf-summary a {padding-left:20px; background: url("/structure/img/pdf.gif") no-repeat;}