@import "reset.css";  /* altcom Reset and Fonts baseline*/

/************************************************************************   Tag based styles */
html {background: Red}
body {
 /*font-family: Geneva, Arial, Helvetica, sans-serif; */
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 80%; 
 color:#666;
 background: #F0F3F5 url(../images/css_bgs/body_bgBW.gif) repeat-x 0% 0%;
 text-align: center;
 border-top: 6px solid Transparent;
}

a {color: #40aa00; text-decoration: underline;}
a:hover {text-decoration: none; }

p { 
 color: #666; 
 text-align: justify;
 margin: 0 0 0.9em 0; 
 line-height: 165%; 
 font-size: 100%;
}
h1, h2, h3, h4, h5 {margin: 0 0 0.3em 0; clear: both; text-align: left}
h1 {
 font-size: 190%;
 line-height: 120%;
 font-weight: normal;
 /*color: #6645AD;*/
 color: Red;
 padding: 0 0 0.3em 0;
 margin: 0.2em -0.03em 0 0;
 font-size: 150%;
 
}

h2 {
	font-size:140%;
	font-weight: normal;
	color: #7fa2da;
	letter-spacing: 0;
	margin: 0 0 0.1em 0
}

h3 {
	font-size:115%;
	font-weight: bold;
	color: #3799d4;
	letter-spacing: -1px;
}

/* CF Custom text */
.redfont {
	color: #FF0000;
	}
	
.subtext {
	font-size:80%;
	letter-spacing: -1px;
	}
strong, b {color: #8EB0E6}
pre {
 /*font-family: Geneva, Arial, Helvetica, sans-serif; */
 font-family: Calibri, Verdana, Helvetica, sans-serif;
font-size: 108%; line-height: 140%; color: #444; margin-left: 0.1em}
acronym {
	border-bottom: 1px dotted #999;
}

/* Mulipurpose classes */

.clearboth {clear:both; margin: 0; }
.anchor, .none { position:absolute;left:-5000px;}


p.intro {font-size: 101%; color: #5389bc; border-bottom: 1px dashed #9FC4E7; margin: 0 0 0.6em 0; padding: 0 0 0.6em 0}

/**************************************************************************************** Site structure  */

		
#wrapper {
	background: transparent url(../images/css_bgs/wrapper_bgRed.jpg) repeat-x 0% 100%;
	
}


	#wrapper_inner {
		padding: 15px; 
		width: 960px;
		margin: 30px auto 30px auto;
		text-align: justify;
		background: #fff;
		border: 1px solid #d9d9d9;
		
	}
	
	#wrapperback {

position:absolute;left: 0px; top: 7px;
	width: 100%;height:100%;
	margin-bottom: 30px;
	background: #F0F3F5;
	z-index:-1;
}

	#header {
		padding: 0;
		margin: 0 0 15px 0;
		background: #fff;
		height: 105px;
		
	}
	
	#topmenu {
		clear: both;
		text-align: right;
		margin: 0 0 10px 0;
		border: 1px solid RED;
		padding: 1px;
		background: #d1bef8;
		
	}
	
	#content {
		clear: both;
		padding-bottom: 10px;
		border-top: 3px solid #8EB0E6;
		border-bottom: 3px solid #8EB0E6;
	}	
	
		#rightcol {
			float: left;
			width: 680px;


		}
				
		#leftcol {
			float: right;
			width: 260px;

		}
		#rightcol,
		#leftcol,
		#fullwidth {
			padding: 15px 0 0 0;
		}
		
	#footer {
			width: 990px;
			margin: 0 auto;
	}

/* ******************************************************************************** Elements */

#header .school_banner {

	border: 0px solid #513490;
	float: right;
	margin: 10px 0 0 0;
	/*height: 100px; CB 180110 Don't stretch image*/
}

#header .custlogo {
	float: left;
	border: 0px solid #513490;
	
}
#header #loggedin {
	position: absolute;
	top: 0;
	right: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: transparent url(../images/css_bgs/logged_bgBW.png) repeat-x 0% 0%;
	background-color: DarkRed;
	padding: 3px 6px;
	color: #fff;
	font-size: 115%;
	
}
#header #loggedin a {
	color: #ffd4df;
}
#topmenu ul {
	text-align: right;
	padding: 3px 5px;

	background: transparent url(../images/css_bgs/menu_bgBW.png) repeat-x left bottom;	
	background-color:Red;
	height: 24px

}
#topmenu ul li{

		display: inline;
		float: left;
		margin: 0 4px;
}
#topmenu ul li a{
		display: block;
		float: left;
		color: #fff;
		font-size: 110%;
		text-decoration: none;
		padding: 3px 5px;
		height: 14px
}
#topmenu ul li a:hover {

		background: Red;
		text-decoration: underline;
		
}

.breadcrumbs {
	font-size: 95%;
	border-bottom: 3px solid #8EB0E6;
	padding: 4px 0;
	margin: 0;
}
.breadcrumbs li {
		display: inline;	
}

.accmenu {
	font-size: 95%;
	border-bottom: 1px dashed #bbb;
	padding: 4px 0;
	margin: 0;
}
.accmenu li {
		display: inline;

}

/* ****** FORMS and TABLES ** */
table {
	width: 100%;

}

thead th {
	border: 2px solid #fff; 
	/*background: #513490 url(../images/css_bgs/menu_bgRED.gif) repeat-x 100% 100%;*/
	
	background: transparent url(../images/css_bgs/menu_bgBW.png) repeat-x 100% 100%;	
	background-color:Red;
	
	color: #fff; 
	font-weight: bold; 
	padding: 0.2em
}
td {
	padding: 0.3em;
	text-align: left;
	vertical-align: top;
}
input {
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: middle;
}
input.button {
	background-color:#fff;
	border-color:#aa8bf0 #4e22ad #4e22ad #aa8bf0;
	border-style:solid;
	border-width:1px;
	color:#6645AD;
	cursor:pointer;
	padding:1px 5px;
	margin:5px 0px;
	vertical-align: middle;
}
/* alternating background - don't forget to set the alt row background value in the admin to "alt" */
.rowalt, .alt, .cartItemEditLabel {background: #EDF1FA}
.cartItemEditLabel {width: 20%}
.productLabel {border: 1px solid #dce5f9; border-bottom: 1px solid #ddd}
.compact {} /* taken inline style out - enter width here if needed but note that ie doesn't expand the width when the options are displayed*/
.compact option {width: auto}
.width50 {width: 50%}
.nowrap_td {white-space: nowrap}
span.label {display: block;width: 200px;}
.algnright {text-align: right}
.algnleft {text-align: left}
.algncenter {text-align: center}
.billingFormRequiredLabel {border-bottom: 1px dashed #f9798f}
.orderFormInstructions {border-bottom: 2px solid #ddd}
.bordered {border: 1px solid #ddd}

/**/


/* Module styles */
h2.genericHeading {
	font-size: 125%;
	text-align: center;
	background: #e8eef8;
	border-bottom: 1px solid #bfd4f6;
}
.minimodule {
	border-bottom: 4px solid #E8EEF8;
	padding: 0 0 0.4em 0;
	margin: 0 0 0.8em 0;
	text-align: left;
	background: #fff url(../images/css_bgs/mini_mod_bgBW.png) repeat-x 0% 100%;

}

.minimodule a {
display: block;

}

.item {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

.minimodule ul ul {margin-left: 1em}

.minimodule .categoryTreeActive {color: #aaa}
.minimodule img {border: 1px solid #513490; margin: 10px auto 0 auto; text-align: center}


#rightcol p img {
	float: right;
	border: 1px solid #513490;
	margin: 0.5em 0 1em 1em;

}

.pullout, .message {border: 1px solid #BFD4F6; background: #E8EEF8; padding: 0.5em}
.error {border: 1px solid #ffabab; background: #ffdcdc; padding: 0.5em; }
.error, .message {margin: 1em 0;}
.error ul li, .message ul li {list-style: disc; list-style-position: inside;}
.error ul li {color: #bc1818;}
.message ul li {color: #3167be;}


.centeredImage
{
    text-align:center;
    valign:center;
    align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}


#footer p {
	position: relative;
	color:#fff; margin: 0;text-align: right;
	}

	#logos_wrapper {
		padding: 1px; 
		width: 760px;
		margin: 5px auto 5px auto;
		text-align: center;
		background: #fff;
		border: 1px solid #d9d9d9;
	}

#logos table {
		border-width: 0px;
	background-color: white;
	}
	#logos td {
		border-width: 0px;
		background-color: white;
	}