/* CSS Document */

/* Color Scheme
   Purple:		 #9933FF
   Pink:		 #FF6699
   Green:      	 #66FF99 
   Orange:    	 #ff6600
   Bt Blue: 	 #66FFFF
   Lt Blue: 	 #CCFFFF
   Yellow:		 #FFFF66
   Lt Green:	 #CCFFCC
   Lt Purple:    #EDE8FB
   Lt Purple Bd: #E4DBFB
   Lt Gray:   	 #f9f9f9
*/
   
body { background: #FFFFFF url(../images/topbkgSliceO2.jpg) top repeat-x;
	   padding: 0px;
	   margin:0px;
	   text-align:center;
	   font-family:Verdana, Arial, Helvetica, sans-serif; }

div.clearfloats { clear:both; }

* html{ margin:0; padding:0;}

/* /// MAIN TABS /// */
#tabs{
	width:100%; }
	
#tabs ul {
	padding: 0;
	margin:1px 0 0 0;
	list-style: none;
	float: left; }

#tabs li { 
	position: relative;
	float: left; }
	
#tabs li a {
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	padding:3px 2px;
	margin:0px 2px;
	background:#66FF99;
	text-decoration:none;
	color:#9966FF;
	border:none;}
	
#tabs li a:hover {
	text-decoration:none;
	color:#9966FF;
	background:#99FFFF;
	border:none; }
	
/* /// MENU STYLES /// */

div#menuv {
	width: 180px;
	padding:0;
	margin:-10px 0 0 -35px;
	_margin:0 0 0 -40px;
	text-align:left;
	}

#navlist ul {
	margin:0;
	padding:0;
	text-align:left;
	
	}

#navlist li {
	display: block;
	padding:4px;
	list-style-type: none;
	text-align:left;
	background:#F6F6F6;
	border-top:1px solid #E4DBFB;
	border-left:1px solid #E4DBFB;
	border-right:1px solid #E4DBFB;
	}
	
#navlist li:hover {
	text-decoration:none;
	color:#BE5779;
	background:#F6F6F6;
	cursor:pointer;
	}
	
#navlist a {
	display:block;
	text-decoration:none;
	background:#f9f9f9;
	color:#FF6699;
	font-size:10px;
	
	}

#navlist a:hover{
	color:#9933FF;
	text-decoration: none;
	}
	
	div#dropmenudiv {
		position:absolute;
		margin-top:4px;
		padding:2px;
		width:130px;
		border:1px solid #E4DBFB;
		background:#F6F6F6;
		text-align:center;
		font-size:12px;
		z-index:100;
		}
	
	div#dropmenudiv a {
		display: block;
		padding:1px;
		text-decoration: none;
		color:#FF6699;
		background:#f9f9f9;
		border-bottom:1px solid #E4DBFB;
		}		
		div#dropmenudiv a:last-child {
			border-bottom:none;
		}
		
	div#dropmenudiv a:hover {
		color:#9933FF;
		background:#FFF;
		text-decoration: none;
		border-bottom:1px solid #E4DBFB;
		}
		div#dropmenudiv a:hover:last-child {
			border-bottom:none;
		}
		
#menu {
	width: 140px;
	padding:0 5px;
	margin-bottom: 10px;
	text-align:center; }

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 140px;
	text-align:left; }
	
#nav li { /* all list items */
	position: relative;
	float: left;
	font-size:10px;
	margin-bottom: -1px;
	width: 100%; }
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 139px;
	margin-top : -22px; }
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em; }
	
#nav li a {
	display : block;
	color : #FF6699;
	text-decoration : none;
	background-color : #f9f9f9;
	border : 1px solid #E4DBFB; 
	padding: 4px 2px; }
	
#nav li a:hover {
	color : #9933FF;
	background-color : #FFF; }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; }
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; }
	
		
/* /// HEADER STYLES /// */

#header {
	height:118px;
	margin:0px;
	/*border:1px solid black;*/}

#headerImg {
	float:left;
	width:100%;
	height:92px;
	margin:0px;
	background: url(../images/headImgO.jpg) top left no-repeat;
	/*border:1px solid black;*/}
#homelink {
	float:left;
	width:525px;
	height:60px;
	cursor:pointer; cursor:hand;
	/*border:1px solid red;*/}

.user { float:right; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#9933FF;
		text-align:right;
		line-height:14px;
		padding: 10px 10px 5px 0px;
		/*border:1px solid red;*/}
.user a:link { color: #9933FF; text-decoration: none;  }
.user a:visited { color: #9933FF; text-decoration: none; }
.user a:hover { color:#FF6699; text-decoration: none; }

#info{
	float:left;
	position:relative;
	width:100%;
	min-height:500px;
	background: url(../images/rtMenuBkgO.jpg) top left repeat-y;
	border-bottom:1px solid #9933FF; }
	
.search { 
	width:300px;
	padding-top:5px;
	padding-right:10px;
	float:right;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;}

.searchbox { 
	height:18px;
	width:130px; 
	color:#000;
	text-align:left;
	border:none;
	text-indent:5px;
	background-image: url(../images/searchboxBkgO.gif);}

.searchBtn { 
	height:18px;
	width:60px;
	background-color:#66FFFF;
	border:none;
	font-weight:bold;
	text-indent:5px;
	color:#9933FF;
	text-align:center;
	cursor:hand; }

#mainmenu {
	float:left;
	/*width:100%;*/
	height:20px;
	margin-top:6px;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
	/*border:1px solid yellow;*/}
.mainmenu a:link { color: #ffffff; text-decoration: none; }
.mainmenu a:visited { color: #ffffff; text-decoration: none;}
.mainmenu a:hover { color:#66FFFF; text-decoration: none;}

#privacy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000; }

ol li{ list-style-type:disc;}
li.number{ list-style-type:decimal;}

/* /// CONTENT STYLES /// */

#frame { width:770px; margin:auto; padding:0px; text-align:left;}

#secure {
	padding:5px;
	margin:10px 5px 10px 5px;
	background: #f9f9f9;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:10px;*/
	color:#9933FF;
	border:1px solid #E4DBFB; }
		
#sidemenu {
	float:left;
	width:150px;
	font-size:10px;
	text-align:center;
	color:#0A469E;
	margin:10px 0; }
	
#sidemenu ul {
	text-align:left; }

#content {
	float:left;
	width:410px;
	padding:10px 0px 5px 10px;
	background:#fff; }
		
#contentfull { /* changes made 090210 by Cliff */
/* 	float:left; */
	float:right;
/* 	width:605px; */
	width:610px;
	min-height:500px;
/* 	padding:10px 0px 5px 10px; */
	padding:10px 0 5px 0;
	background:#fff;}   
		
#addedContent {
	width:160px;
	padding:10px 5px 10px 5px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background: url(../images/contentBkgO.jpg);
	height:430px;
	border-right:1px solid #E4DBFB;
	border-bottom:1px solid #E4DBFB;
	border-left:1px solid #E4DBFB;}
	
#footer {
	float:left;
	height:45px;
	width:100%;
	background:#FFFFFF;
	padding:10px 20px 10px 20px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#9933FF;
	/*border-top:1px solid #9933FF;
	border-right:1px dotted #9933FF;
	border-bottom:1px solid #9933FF;
	border-left:1px dotted #9933FF;
	background: url(../images/contentBkgO.jpg);*/}

#aboutPics {
	float:left;
	width:135px; 
	margin:0px 10px 5px 0px;
	text-align:center;}

#frontPic { float:right; margin:0 5px 5px 0; width: 260px; text-align:center;}
			
#breadcrumbs { border-bottom:1px dashed #9933FF;  /*border-top:1px dashed #0A469E;  background-color:#FFFFCC;*/ text-indent:1em;
				font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9933FF;}

#showItem { 
	height:inherit;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;}

#studentPlanners {
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 0px;}
#studentPlannersB {
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	border-bottom:2px dashed #ff6600;}
	
#vendorDesc {
	float:left;
	width:100%;}

#mascots {
	text-align:center;
	height:80px;
	width:80px;
	float:left;}

#viewer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:130px;
	margin:auto;
	height:inherit;
	/*border:1px solid black;*/}
#viewItems {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px solid #E4DBFB;
	background: #FFFFFF;}

#services {
	 border:1px dotted #FF6600;
	 margin:20px 135px 0px 135px;
	 padding:5px; }
	 
#landingImg {
	float:right;
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid #C3C3C3; }
	
	 
.breadcrumbs { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9933FF;}
.breadcrumbs a:link { color: #FF6699; text-decoration: none;  }
.breadcrumbs a:visited { color: #FF6699; text-decoration: none; }
.breadcrumbs a:hover { color:#9933FF; text-decoration: none; }
	 
.backBtn { float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9933FF; }
.backBtn a:link { color: #ff6600; text-decoration: none;  }
.backBtn a:visited { color: #ff6600; text-decoration: none; }
.backBtn a:hover { color:#9933FF; text-decoration: none; }
 
.contact { font-family:Verdana, Arial, Helvetica, sans-serif;
		   font-size:14px; color:#9933FF; }

.frontpgItemsImg { float:left; }
.frontpgItems {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
			   color:#000000; width:75%; }
.frontpgItems a:link { text-decoration: none; color: #0000FF;}
.frontpgItems a:visited { text-decoration: none; color: #0000FF;}
.frontpgItems a:hover { text-decoration: none; color: #666666;}

.main { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.main a:link { text-decoration: none; color: #0000FF;}
.main a:visited { text-decoration: none; color: #0000FF;}
.main a:hover { text-decoration: none; color: #ff6600;}

.mainmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.mainmedium a:link { text-decoration: none; color: #0000FF;}
.mainmedium a:visited { text-decoration: none; color: #0000FF;}
.mainmedium a:hover { text-decoration: none; color: #ff6600;}

.mainsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
.mainsmall a:link { text-decoration: none; color: #0000FF;}
.mainsmall a:visited { text-decoration: none; color: #0000FF;}
.mainsmall a:hover { text-decoration: none; color: #ff6600;}

.details { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ff6600;}
.details a:link { text-decoration: none; color: #ff6600;}
.details a:visited { text-decoration: none; color: #ff6600;}
.details a:hover { text-decoration: none; color: #9933FF;}

.blackheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#000000;}
.blackmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000;}
.blackbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.blacksmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

.whitesmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.whitemedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}

.warmheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#ff6600;}
.warmmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ff6600;}
.warmbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ff6600;}
.warmsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ff6600;}

.coolheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#9933FF;}
.coolmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#9933FF;}
.coolbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#9933FF;}
.coolsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#9933FF;}

.redheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FF0000;}
.redmedium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF0000;}
.redbody { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
.redsmall { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000;}

.custable {border:1px dashed #9933FF; }

#warmhr {border-bottom:1px dashed #ff6600;}
#warmhrsolid {border-bottom:1px solid #ff6600;}
#coolhr {border-bottom:1px dashed #9933FF;}
#coolhrsolid {border-bottom:1px solid #9933FF;}
#graydashhr {border-bottom:1px dashed #999999; width:65%;}
#grayhr {border-bottom:1px solid #999999;}
#grayhrtop {border-top:1px solid #999999;}

.warmColor {background: #ff6600;}
.coolColor {background: #9933FF;}
.coolColor2 {background: #66FF99;}
.grayColor {background: #F3F3F3;}


.checkout {background: url(../images/ckoutbkgO.jpg) top right no-repeat; padding: 2px 4px;
		   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#9933FF;}
.checkout a:link { text-decoration: none; color: #9933FF;}
.checkout a:visited { text-decoration: none; color: #9933FF;}
.checkout a:hover { text-decoration: none; color: #ff6600;}

.emptyCart { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#ff6600;
			 height:100px; text-align:center; padding-top:25px;}