/*********************
  COLORS
  Dark-Red: #6d332d
  Bright-Red: #840c0e
  Blue: #2e4d76
**********************/

.clear {clear:both; margin:0; padding:0;}
/*=================================================================================
  BODY LAYOUT
=================================================================================*/
html, body, #container 
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    min-height:100%;
}

html>body, html>body #container {height: auto;}

div#container 
{
    position:absolute;
    top:0;
    left:0;
}

#bodyCR
{
    margin:0 auto;
    padding:0;
    width:900px;    
    margin-bottom:90px;
    z-index:0;
}
#homePageBody {background: url(../media/assets/HomeBody.png) repeat-y; width: 900px;}
#homePageBody td {vertical-align:top;}
#homePageBodyBottom { clear:both; background: #e6e6e6; height:148px; padding:18px 8px; border:solid 1px #cccccc; border-width:0 1px;}
.homeBox {text-align:center; float:left; width:200px; margin:9px 10px 0 10px; color: white; font-size:1.1em; font-family:arial}
.homeBox a {border:0; color:white; cursor:hand;}
.homeBox a:hover {color:#d0dcec}
.homeBoxTitle {background:#6089BF; border:solid 1px #4e76b1; font-weight:bold; padding:8px 0; z-index:3;}
.boxImage {border:solid 1px #959595; width:198px; height:117px; display:block}

#bodyTop { background: url(../media/assets/HomeBodyTop.png) no-repeat; display:block; width: 900px; height: 8px; margin: 0 auto; }
#bodyBottom { background: url(../media/assets/HomeBodyBottom.png) no-repeat; display:block; width: 900px; height: 8px; margin: 0 auto; }

#pageBody {background: url(../media/assets/PageBodyBack.gif) repeat-y; width: 900px;}
#pageBodyTop { background: url(../media/assets/PageBodyBackTop.png) no-repeat; display:block; width: 900px; height: 8px; margin: 0 auto; }
#pageBodyBottom { background: url(../media/assets/PageBodyBackBottom.png) no-repeat; display:block; width: 900px; height: 8px; margin: 0 auto; }

/* \*/
* html #footer {position: absolute;}
* html #main {padding-bottom: 100px;}
/* \*/
head:first-child+body div#footer {position:absolute; z-index:0;}

#headerMenu, #pageHeaderCR, #bodyCR {position:relative; bottom:35px;}

/* SIDEBAR */
#homeSidebar
{
    width:190px;
    padding:15px 20px 15px 0;
    font-size: .8em;
}
#subpageREP {padding:10px 0 0 21px;}

/* Page column layout */
#pageBody {height:300px; line-height:18px;}
#pageBody td {padding:15px 0; vertical-align:top}
#pageBody #col1, #pageBody #col3 {width:190px; padding-left: 15px;}
#pageBody #col2 {width:460px; padding-left: 20px;}

#quickLinksCR 
{ 
    background: url(/media/assets/QuickLinksBack.gif) no-repeat; width:179px; height:168px;
    font-size:.8em;
    padding:10px 0 0 13px; margin-bottom:25px;
    cursor:pointer;
}
#pageBody #quickLinksCR a { color:#545454; text-decoration:none; border:0; display:block; height:26px; }
#pageBody #quickLinksCR a:hover { color:#6d332d }
#quickLinksCR #contact {background:url(/media/assets/icon-contact-us.jpg) no-repeat; padding:4px 0 0 32px;}
#quickLinksCR #quote {background:url(/media/assets/icon-quote.jpg) no-repeat; padding:4px 0 0 32px;}
#quickLinksCR #training {background:url(/media/assets/icon-training.jpg) no-repeat; padding:4px 0 0 32px;}
#quickLinksCR #events {background:url(/media/assets/icon-events.jpg) no-repeat; padding:4px 0 0 32px;}
#quickLinksCR #subscription {background:url(/media/assets/icon-subscription.jpg) no-repeat; padding:4px 0 0 32px;}

/*================================
  GLOBAL STYLES
================================*/
body
{
    background: url(../media/assets/Body-GridBack.png);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    font-size: .9em;
    color:#545454;
}
#container
{
    background: url(../media/assets/Body-FadeBack.png) repeat-x top;
}

a {color:#075896; text-decoration:none;}
a:hover {color:#252525;}

/*================================
  HEADER STYLES 
================================*/
#header
{
    width:906px;
    margin:0 auto;
    height:140px;
    background: url(../media/assets/Header-Back.png) repeat-y;
}

#headerCol2 {float: right;}
#topNavigation { height: 35px; padding:8px 25px 0 0;}
#topNavigation a { color: #2E4D76; font-size: .75em;}
#topNavigation a:hover { color: #252525; }

#header img { padding:12px 0 0 25px; float:left;}

#headerMenu
{
    width: 900px;
    margin:0 auto;
    height:25px;
    /*background: url(../media/assets/Header-MenuBack.png) repeat-x;*/
    z-index:1;
    bottom:49px;
}
#sfHeaderMenu {
    float: left;
    position: relative;
    left: 50%;
}
#sfHeaderMenu2 {
    position: relative;
    right:50%;
}

#headerBottom {background: url(../media/assets/Header-Bottom.png) no-repeat; display:block; width:906px; height:10px; margin:0 auto;}

/*================================
  PAGE HEADER STYLES 
================================*/
#pageHeaderCR { margin:0 auto; margin-top:20px; margin-bottom:12px; min-height:34px; background: #2E4D76; width: 900px; z-index:0; }
#pageHeaderCR #pageHeader {font-size: 18px; color: white; font-weight: bold; padding:14px 20px; float:left; }
/* breadcrumb */
#pageHeaderCR #breadcrumb {font-size: .7em; color: #cbd2dd; padding:20px 20px 0 0; float:right;}
#pageHeaderCR #breadcrumb ul li {float: left;}
#pageHeaderCR #breadcrumb ul li a {color:#cbd2dd; }
#pageHeaderCR #breadcrumb ul li a:hover, #pageHeaderCR #breadcrumb .currentNode {color:white; }
#pageHeaderCR #breadcrumb ul li span { padding:0 5px; }

/* BANNER ROTATOR STYLES */
#pageHeaderHome { height:200px; padding:1px 20px;}

#slide {width:860px;}
#slider { width:860px; height:200px; }
.bannerImgCR { height:200px; }
.bannerImg { border-left:solid 6px #1b2e45; border-right:solid 6px #1b2e45; }

#buttons {position:absolute; bottom:8px; right:20px; z-index:100;}
#buttons a { color:white; }
#buttons #prev, #buttons #next { width:28px; height:28px; display:inline-block; }
#buttons #prev { background:url(/media/assets/button-prev.png) no-repeat; margin-right:8px;}
#buttons #next { background:url(/media/assets/button-next.png) no-repeat; }
#buttons #prev:hover, #buttons #next:hover { background-position:bottom; }

.bannerText { color:white; padding:20px 0 0 20px; vertical-align:top; font:bold 14px Lucida Sans, Arial; line-height:19px; }
.bannerText a {color:#cbd2dd; text-decoration: none;}
.bannerText a:hover {color: white;}
.bannerText strong {font-weight:bold;}
.bannerText em {font-style:italic;}
.bannerText p {padding:0 0 25px 0;}
.bannerText h4 {padding-bottom:20px;}


/*================================
  CONTENT STYLES 
================================*/
.content
{
    min-height: 300px;
    padding:20px 25px 15px 30px;
    line-height:20px;
    width: 630px;
}

.content a, #homeSidebar a, #pageBody a
{color:#840c0e; text-decoration: none; border-bottom: dotted 1px #840c0e; }
.content a:hover, #homeSidebar a:hover, #pageBody a:hover
{color: #252525;}
.content strong, #homeSidebar strong, #pageBody strong
{font-weight:bold; text-decoration:none;}
.content em, #homeSidebar em, #pageBody em
{font-style:italic;}
.content ul, #homeSidebar ul, #pageBody ul
{ list-style-type:disc; padding:0 0 15px 30px;}
.content ol, #homeSidebar ol, #pageBody ol
{ list-style-type: decimal; padding:0 0 15px 30px;}
.content p, #homeSidebar p, #pageBody p
{padding:0 0 15px 0;}
#pageBody span {text-decoration: underline;}

h1 {color: #840c0e; font-size: 1.5em; font-weight: bold; padding-bottom: 15px;}
h2 {color: #840c0e; font-size: 1.3em; font-weight: bold; padding-bottom: 15px;}
h3 {color: #252525; font-size: 1.1em; font-weight: bold; padding:0; margin:0;}
h4 {color: #f2d8a0; font: bold 1.6em "Lucida Sans", "Lucida Grande", sans-serif; font-style: italic; padding-bottom: 15px;}

.left {float:left;}

/* Editor styles */
#pageBody .noUnderline a { border:0; }
.h3 { margin:0; padding:0; }
#techResources td { padding:5px; font-size:12px; vertical-align:middle; border:solid 1px #cccccc; }
#pageBody .noPadding {padding-left:15px;}
#pageBody .red {color:#840c0e}
#pageBody .blue {color:#2e4d76;}
#pageBody .list-doubleArrow, #homeSidebar .list-doubleArrow {list-style-image: url(../media/assets/SidebarListArrow.gif); padding: 0; margin: 0;}
#pageBody .noUnderline {border:0;}
#pageBody .imageMarginAll { margin:10px; }
#pageBody .imageMarginRight { margin:0 10px 10px 0; }
#pageBody .imageMarginLeft { margin:0 0 10px 10px; }

/* Home Page */
#repBottom { text-align: center; margin-top: 10px; }
#homeSidebar ul {padding-left:15px; }
#homeSidebar ul li {padding-bottom:10px;}

/* Training */
#searchByClass .searchByClassSection { padding:0 0 20px 0; }
#searchByClass .searchByClassSection div { padding:0 0 0 10px; }
#searchByClass h2, #searchByLocationCR h2, #classDescriptionsCR h2 { font-weight:bold; font-size:1.1em; }
#searchByClass h2 a { color:#545454; border:0; }
#searchByLocationCR h2, #classDescriptionsCR h2 { padding-bottom:15px }
#classDescriptionsCR h1 { font-size:1.4em; padding-bottom: 20px; }
#classDescriptionSection { padding-top:25px; clear:both; }
#classDescriptionSection div { padding-bottom:30px; }
#classDescriptionSection a.h2NoStyle, #classDescriptionSection a.h2NoStyle:hover { color:#545454; border:0; }
#classDescriptionLinksCR {}
#classDescriptionLinksCR ul { padding:0 0 0 12px; margin:0;  }
.classDescriptionLinks { padding:0 11px 10px 0; font-size:11px; width:142px; float:left; }
#classDescriptionLinksCR a.header { font-weight:bold; border:0; }
#pageBody a.top { float:right; border:0; font-size:11px;}
#pageBody a.top span { font-size:12px; text-decoration: none;}

/* Training Class */
#pageBody #tableCol2 { width:690px; padding:15px 3px 20px 20px; }
.tableCR {clear:both; position:relative; bottom:30px; margin:0 22px 0 5px;}
.qlCR { float: right; padding:0 0 0 15px; }

/* Events */
#pageBody a.noStyle, #pageBody a.noStyle:hover {border:0; color:#840c0e}

/* Tech Newsletters */
ul#NewsletterCR { list-style-image: url(../media/assets/SidebarListArrow.gif); padding:5px 0 15px 15px; }

ul#displaySubpages-List { list-style-image: url(../media/assets/SidebarListArrow.gif); padding:0 0 10px 15px; margin:0; }

/* Sitemap */
#pageBody #sitemap ul { padding: 0 0 15px 25px ; margin:0; list-style-image: url(../media/assets/SidebarListArrow.gif); }
#pageBody #sitemap a { margin-bottom:10px; }
       
/*================================
  SEARCH BOX
================================*/
/* search box */
#searchCR {width: 183px; height: 28px; position:relative; left:55px; }
#searchCR #searchBarTD {background:transparent url(../media/assets/Header-SearchBox.png) no-repeat; height:28px; width:148px; }
#searchCR input.searchBar { width:134px; margin-left:14px; border:0; }
#searchCR input.submitButton
{
	cursor:pointer;
	background:transparent url(../media/assets/Header-SearchButton.png) no-repeat top;
	border:none;
	width:35px;
	height:28px; 
	text-indent:-10000px;
	display:block; font-size:0; color: #565657;
}
#searchCR input.submitButton:hover, #searchCR input.submitButton:active
{
	background-position:0 bottom;
	text-indent:-10000px;
}
#searchCR input
{
	font-size:12px;	
	margin:0;
}

/*
======================================
  FORM STYLES
======================================
*/
fieldset .left { float:left; }
fieldset { font-size:12px; width:470px; padding:15px 0; border:solid 1px #e1e1e1; border-width:0 0 1px 0; }

fieldset span { width:120px; display:inline-block; float:left; text-align:right; margin:3px 8px 0 0; }
#pageBody fieldset span { text-decoration:none; }

fieldset .zip, fieldset .state { float:left; margin-right:10px; }
fieldset .state input { width:60px; }
fieldset .zip input { width:85px; }
fieldset .zip span { width:59px; }

#training input { width:300px; font-size:12px; }
#training .payment { margin-right:5px; }
#training .checkNumber span { width:69px; margin:4px 3px 0 0; }
#training .checkNumber input { width:90px; }

#experience div { margin-bottom: 20px; }
#experience span, #interested span { float: none; display:block; width:100%; text-align:left; }
#experience #item1 input { width:15px; height:19px; padding:0; vertical-align: bottom; margin:0 8px 0 15px; border:0; }
#experience #item2 span { margin:0 0 5px 0; }
#experience #item2 select { width: 100px; margin-left: 15px; }
#experience #item2 .note2 { vertical-align: top; position:relative; top:4px; left:6px; text-align: left; float: none; width:116px; display: inline; }
#experience #item3 select { width: 180px; margin: 5px 0 0 15px; }
#checkBoxCR1, #checkBoxCR2 { float: left; margin:5px 25px 0 15px; }
#experience #item4 input { width: 15px; height:15px; vertical-align:top; margin-right: 4px; border:0; padding:0; }
#experience #item4 div.note2 { margin: 5px 0 0 15px; }

#Events fieldset, #Events { width:380px; }
#event span {display:block; width:100%; float:none; text-align:left; margin:0 0 3px 0;}
#event input {margin:0 0 10px 0;}

.requestQuote, .requestQuote fieldset { width:370px; }
.requestQuote #request span { width:80px; display:inline-block; float: left; text-align:left; margin:3px 8px 0 0; }
.requestQuote #interested #checkboxes input { width: 15px; height:15px; vertical-align:top; margin-right: 4px; border:0; padding:0; }
.requestQuote #interested #checkboxes { padding:8px 10px; }
.requestQuote #interested span { padding:8px 0 3px 0; }

fieldset h1
{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
}

fieldset input, fieldset select
{
    width:230px;
    height:17px;
    padding:2px;
    margin:0 0 6px 0;
    font-size:14px;
}
fieldset select { height:25px; width:133px; }
  
fieldset textarea
{
    width:325px;
    height:70px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;    
    font-family:Arial, Verdana, Sans-Serif;
    font-size:14px;
}

    fieldset input:focus, fieldset textarea:focus
    {
        border:2px solid #2e4d76;
    }
fieldset input.error, fieldset textarea.error, fieldset select.error
{
    border:2px solid red;
}
    fieldset input.error:focus
    {
        border:2px solid #2e4d76;
    }
.errorMessage 
{
    color:black; font-size:12px; font-weight: bold;
    background: #fff6bf url(../media/assets/icon-error.jpg) no-repeat 10px 18px;
    padding:15px 30px;
    border:solid 3px #ffd324; border-width:2px 0;
}
#pageBody .errorMessage ul { font-weight:normal; padding-bottom:0; }

.fields .registerButton
{
    padding:3px 8px;
    margin: 8px 0 0 0;
    float:right;
}

.note, .note2 { font-size:11px; color:#959595; line-height:14px; }
.note { padding-top:8px; }


/*================================
  FOOTER STYLES 
================================*/
#footer 
{
    clear: both;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 78px;
    overflow:hidden;
    background-color: #2E4D76;
    color: white;
    border-top:solid 1px #1b3256;
}
#footerContent 
{
    padding:10px 0 0 0;	
    margin:0 auto;
    width:900px;
    font-size:11px;
}
.footerMenu {float:left;}

#footer a {color:#cbd2dd;}
#footer a:hover, #footer .footerS {color:white}

.copyright {text-align:right; color:#97a6bb}
#ssIcons {position:relative; top:8px; left:6px;}
#ssIcons a {float:right; display:block; width:26px; height:26px; padding:0 0 0 6px;}
#blogger {background:url(../media/assets/icon-blogger.gif) no-repeat;}
#facebook {background:url(../media/assets/icon-facebook.gif) no-repeat;}
#twitter {background:url(../media/assets/icon-twitter.gif) no-repeat;}
#linkedin {background:url(../media/assets/icon-linkedin.gif) no-repeat;}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
