body { background-image:url(../images/backdrop.jpg); background-color:#C5C5C5; background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}

#case {width:750px; left:50%; margin-left:-350px; position:absolute; margin-top:10px; background-color:#E1D5FF;}

#casehome {width:750px; left:50%; margin-left:-350px; position:absolute; margin-top:10px; background-color:#FFFFFF;}

#navbar {width:750px; height:20px; background-color:#993366; border-top:5px solid #CC6699;}

#mainarea {text-align:justify; margin-left:20px; padding:10px;}

#mainareahome {padding:10px; text-align:justify;}

.homesize{ font-size:14px;}

#sandypants1 {float:right; clear:left; margin-left:30px; margin-right:10px; margin-bottom:20px; border:1px solid #996699; height:350px; width:350px;}

#sandypants2 {float:right; clear: left; margin:20px; height:250px; width:250px;}

#sandypants3 {float:right; clear: left; margin:20px; border:1px solid #996699; height:350px; width:350px;}

#footer {width:746px; background-color:#BC6AEC; text-align:center; clear:both; padding:2px; color:#FFFFFF;}

#breadcrumbs {font-size:9px;}

#leftmenu {width:180px; background-color:#E1D5FF; float:left; padding:10px; clear:both;}

#rightmenu {float:left; width:550px; background-color:#FFFFFF;}

/*scrolls only */

#navcase{	background-color:#BC6AEC; 
			border-top:5px solid #CC99CC;
			height:25px; 
			padding:0px; 
			margin:0px;}

#scroll{	padding-top:6px; 
			padding-left:20px;}
			

#scroll ul {color: #fff;/* sorts the drop downs*/
			height: 12px;	
			list-style: none;
			padding: 0;
			margin: 0;}
	
#nav a {	color: #fff;/* controls the text of the all the dropdowns*/
			font-size:10px;
			text-decoration: none;
			background-color:#BC6AEC;
			padding: 0;
			margin: 0;}
	
#nav div{ 	text-align:left;
			margin-left:15px;}
			

#nav li li a { /* sets the style of the submenus*/
			display: block;
			font-size:10px;
			border:0px;
			color: #fff;
			padding: 2px;
			margin: 0;}

#nav li li a:hover { /* controls the hover colour of the subs*/
			font-size:10px;
			color:#FFFFFF;
			background-color:#666666;}

#scroll li {float: left;/* controls the submenus*/
			z-index: 1000; /*makes the drop downs float higher than anything on the page*/
			position: relative;	
			text-align: left;
			cursor: default;}
			
#scroll li>ul { /* provides a IE fix for rollovers*/
			top: auto;
			left: auto;}

#scroll li li { /* sets the width of the dropped lists*/
			display: block;
			width: 250px; /*this sets the width of the dropdowns (auto only works in IE for PC)*/
			float: none;
			border: 0;}

#scroll li:hover ul, li.over ul { /*unhides a dropodown*/
			display: block;}		
	
li ul { 	display: none;/* contols all uls nested in li's on the site*/
			background-color:white;
			position: absolute;
			padding: 0;
			margin: 0;
			top: 100%;
			left: 0;}
			
/*scrolls only */

a:link{ color:#666666;}

a:hover{ color:#993399;}

a:visited{ color:#666666;}