.submenu{display: none}

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(image/silvergradient.gif) repeat-x center left;
font: normal 10.5px verdana, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(image/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 320px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

body {
	background-image: url(image/templatemo_body_top.jpg);
background-repeat:repeat-x;
}


#maincont{
	position:static; 
	left:180px; 
	top:145px; 
	width:523px;
	height:Auto; 
	z-index:1; 
	layer-background-color: #CC33FF; 
	margin:2px;
	padding:10px;
	float:left;
	padding:144px 0px 0px 179px; /*down,left,up,right*/
}

#maincont_sub{
	position:static; 
	left:180px; 
	top:145px; 
	width:523px;
	height:505px; 
        overflow:scroll;
	z-index:1; 
	layer-background-color: #CC33FF; 
	border: 3px solid #CCE6FF;
	margin:2px;
	padding:10px;
	
}

#centr_gallery{
	position:absolute; 
	left:180px; 
	top:145px; 
	width:523px;
	height:410; 
	z-index:1; 
	layer-background-color: #CC33FF; 
	border: 3px solid #CCE6FF;
	margin:2px;
	padding:10px;
	
}

#marqueecontainer{
position: relative;
width: 162px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: 1px solid #999999;
padding: 2px;
padding-left: 4px;
}
#Layer1 {
	position:absolute;
	width:513px;
	height:402px;
	z-index:4;
	left: 352px;
	top: 140px;
}
#Layer2 {
	position:absolute; 
	left:180px; 
	top:145px; 
	width:523px;
	height:410; 
	z-index:1; 
	layer-background-color: #CC33FF; 
	border: 3px solid #CCE6FF;
	margin:2px;
	padding:10px;
}
#Layer3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer4 {
	position:absolute;
	width:224px;
	height:234px;
	z-index:2;
}
#Layer5 {

	position:absolute;
	width:385px;
	height:243px;
	z-index:2;
	left: 89px;
	top: 3px;
}
.style4 {
	font-family: Tahoma;
	font-size: 14px;
	color: #4FC409;
}
#Layer6 {
	position:absolute;
	width:324px;
	height:300px;
	z-index:2;
	left: 181px;
	top: 34px;
}
.style7 {
	font: normal 11px verdana;
}
#Layer7 {
	position:absolute;
	width:135px;
	height:194px;
	z-index:2;
	left: 22px;
	top: 51px;
}
.style8 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
#dwn_banner {
	position:absolute;
	width:910px;
	height:18px;
	z-index:5;
	left: 1px;
	top: 129px;
}
#nav_bar {
	position:absolute;
	width:218px;
	height:17px;
	z-index:1;
	left: 656px;
	top: 2px;
}
.nav_bar {
	font-family: Tahoma;
	font-size: 10.5px;
}
.style18 {
	font-size: 9px;
	font-style: normal;
}
.style19 {font-size: 10px}


/*           sticky footer           */



/*  
Sticky Footer Solution
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 75px;}  /* must be same height as the footer */

#footer {
       
	position: static;
	margin-top: -92px; /* negative value of footer height */
	height: 75px;
	clear:both;
	padding: 0px 0px 0px 98px;

	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	width:0;
	
	visibility:visible;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;
width:-1;}

.clearfix {display: block;}
/* End hide from IE-mac */

/*               left column decoration         */

.side_column_section ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.side_column_section li {
	margin: 0 0 1px 0;
	padding: 0px;
}

.side_column_section li a {
	display: block;
	width: 160px;
	height: 20px;	
	padding: 0px 0px;
	color: #666;
	outline: none;
	background: #AAADB0;	
}

.side_column_section li a:hover {
	background: #6691F2;	
	text-decoration: none;
}

#templatemo_footer {
	width: 913px;
	height: 75px;
	color: #d9dcc6;
	background: url(image/footer_bg.jpg) center bottom no-repeat;
	background-repeat:repeat-x;
}
div.footertext{
	
	
	color:#B4B4B4;
	font: normal 10px verdana;
	padding: 30px 0px 0px 10px; /*down,left,up,right*/
	
	
	
	}

</style><!-- main stylesheet ends, CC with new stylesheet below... -->