@charset "utf-8";
/* CSS Document */

body { margin: 0; background: url(../images/bg_tile.gif); font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 12px; }

#outerContainer { width: 100%;}
#innerContainer {width: 950px; margin: auto; position: relative;text-align:left;}

#header {background-image:url(/images/header_bg.jpg); height: 240px; position: relative;}
#navBar { background: url(../images/header_nav_bg.jpg); height: 55px; width: 100%; text-align:center;}
#navContainer { margin-left: 150px;}

/* HEADER CSS */
#logo { position: absolute;}
#header_image { position: absolute; top: 10px; left: 270px;}
#cart { position: absolute; bottom: 10px; right: 10px; color: #ffffff;}
#cart a  { color: #ffffff; }
a.headerLink { font-size: 16px; font-weight: bold; }
a.headerNavLink { font-family: verdana; font-size: 14px; color: #ffffff; text-decoration:none; }
a.headerNavLink:hover { font-size: 14px; color:#FFFF00; text-decoration:none; }
a.headerNavLinkSelected{ font-size: 14px; color:#FFFF00; text-decoration:none; }
div.headerNav { float:left; padding-top: 20px; padding-left:20px; padding-right:20px; }
div.homeHeaderNav { float:left; padding-left:20px; padding-right:20px;}
div.headerSeparator { float:left;}

.clear { clear: both; }

#storeNav { background: #2d0752; color: #ffffff; padding: 4px; font-size: 12px; text-align:center;}  
#storeNav a { color: #ffffff; }
/* #storeContentContainer { background:#ffffff; padding: 4px; border: 4px solid #5e91be; min-height: 300px; background-image:url(../images/nav_bg_blue.jpg); background-repeat:repeat-y} */
#storeContentContainer { background: #E3E3C6;   border-top: 8px solid #2d0752; border-bottom: 4px solid #2d0752; min-height: 300px; background-image:url(../images/nav_bg_purple.jpg); background-repeat:repeat-y}
#storeContentContainerNoNav { background: #E3E3C6;  padding: 10px; border-top: 4px solid #2d0752; border-bottom: 4px solid #2d0752;min-height: 300px;} 

#breadcrumb { padding: 6px 0 10px 0px; font-size: 10px;}
#breadcrumb a { color:#000000; text-decoration:none;}
#breadcrumb a:hover { color:#990000; text-decoration:underline;}

#footerContainer { text-align:right; width: 950px;}
.footerLinks { font-size:10px; padding: 15px 0px 15px 10px; color:#CCCCCC; width:350px; text-align:center; float:right;line-height: 1.4em;}
.footerLinks a { color: #ffffff; }
#facebook_fan { background: #E3E3C6; width: 210px;float:right; margin-bottom: 10px }

.yellow { background: #febd00;}
.blue { background: #2d0752;}
.green { background: #336702;}
.purple { background: #2d0752;}
.blue #sectionMenu { color: #ffffff; }

/* PAGINATION */
.pagination_table { margin: 5px 0px 0px 0px; padding: 4px;}
.page_select_box {width: 30px; text-align: right;}


/* ARTICLES */
#page_title { font-size: 14px; margin-bottom: 10px;font-weight: bold;}
#sectionMenu { width: 170px;  float:left; padding: 10px 4px 4px 20px;}

#articleContainer { float:left; width: 700px; position: relative;}

#article { margin-right: 15px; float:left; };
.one_col { width: 720px;}
.two_col { width: 470px;}

#articleMenu { float:left; width: 160px; padding: 4px 4px 4px 10px; margin-top: 0px;  border-left: 1px solid #000000;}
#contentContainer { background: #E3E3C6; height: auto; display: inline-block; width: 942px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
border-radius-bottomleft: 10px;
}
#contentContainer.learn { background-image:url(../images/nav_bg_yellow.jpg); background-repeat:repeat-y;  border: solid #febd00; border-width: 8px 4px 6px 4px}
#contentContainer.community { background-image:url(../images/nav_bg_green.jpg); background-repeat:repeat-y;  border: 4px solid #336702; border-width: 8px 4px 6px 4px}
#contentContainer.train { background-image:url(../images/nav_bg_purple.jpg); background-repeat:repeat-y;  border: 4px solid #2d0752; border-width: 8px 4px 6px 4px}

#content {	background-image:url(../images/vertical_shadow.jpg); background-repeat:repeat-y; min-height: 300px; padding: 0px 14px 8px 14px;} /* FOR THE STOOPID SHADOW THING */
#top_shadow { background-image:url(../images/horizontal_shadow2.jpg); background-repeat:repeat-x; height: 3px; width: 748px;}
#top_shadow2 { background-image:url(../images/horizontal_shadow2.jpg); background-repeat:repeat-x; height: 3px; width: 756px}

.menuSectionTitle {font-weight: bold;padding-bottom: 5px;}
div.menuLink,div.menuLink_white { padding-left:18px; background : url(../images/bullet_transparent.gif) no-repeat 0px 4px; }
div.menuLinkSelected, div.menuLinkSelected_white {  padding-left:18px; background : url(../images/bullet_transparent.gif) no-repeat 0px 4px; }
.menuLink, .articleMenuLink { font-weight: bold; font-size:12px; color:#680C0F; text-decoration: none;}
.menuLinkSelected,  .articleMenuLinkSelected { font-weight: bold; font-weight: bold; font-size:12px; color:#000000; text-decoration: none;}
.menuLink:hover,.articleMenuLink:hover { color:#680C0F; text-decoration: underline;}

.menuSectionTitle_white { color: #ffffff;font-weight: bold; margin-bottom: 4px;}
.menuLink_white { font-weight: bold; font-size:12px; color:#ffffff; text-decoration: none;}
.menuLinkSelected_white { font-weight: bold; font-weight: bold; font-size:12px; color:#FFFF00;; text-decoration: none;}
.menuLink_white:hover { color:#FFFF00; text-decoration: underline;} 

.articleMenuLink { margin: 0px 0px 5px 0px; }

.articleTitle { font-weight: bold; font-size: 16px; padding-bottom:5px;}
.articleContent { padding-bottom: 10px; }
.subSection {margin-bottom: 15px;}

#contentContainer img { border: 1px solid #666666; margin: 0 8px 8px 8px; }
a {color:#680C0F;}

.fakeLink { cursor: pointer; }

/* Menu variations */
#sectionMenu .white, #storeContentContainer #sectionMenu  { color: #ffffff; font-size: 13px;}
#sectionMenu .white a { color: #ffffff; }



/* HOMEPAGE */
div.homeFeature { background:url(../images/bg_tile.gif);  margin:20px; padding:1px; color:#FFFFFF; width:350px; }
.homeFeature a { color: rgb(255, 102, 0); }
p.homeFeature {color: rgb(255, 153, 0);}

/* FORM */
.form_label_inline { float:left; width: 150px; }
.form_input { }
.form_row { padding:: 2px 0; }

#teachers fieldset {border: 1px solid #CFCFC5; -moz-border-radius: 5px;padding: 10px; margin-bottom: 10px;}
#teachers fieldset legend { color: #6085B2; font-weight: bold; margin: 0px 2px 0px 14px;}
td { padding: 4px }
#home td { padding: 0px; }


/* TOOLTIPS */

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{ background-image: url(../images/arrow_left.gif); background-repeat: no-repeat;background-position: left top; position: absolute;  z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{ background-color: #CCCCCC; text-align: left; padding-left: 8px;padding-bottom: 5px; padding-top: 2px;	font-weight:bold;}
#JT_copy p{ margin:3px 0; }
#JT_copy img{	padding: 1px;	border: 1px solid #CCCCCC; }
.jTip{ cursor:help; }


/* SHADOW CRAP? */
.wrap0, .wrap1, .wrap2, .wrap3 {  display:inline-table; /* \*/display:block;/**/  }
.wrap0 {  float:left;  background:url(../images/shadows/shadow.gif) right bottom no-repeat;  }
.wrap1 { background:url(../images/shadows/shadow180.gif) no-repeat; }
.wrap2 {background:url(corner_bl.gif) -18px 100% no-repeat; }
.wrap3 { padding:10px 14px 14px 10px;  background:url(../images/shadows/corner_tr.gif) 100% -18px no-repeat; }
img .borderless { border: 1px solid #33CC00}