/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */

body {
	color: #555753;
	background: #FFFFFF url(images/pagebg2.gif) repeat-x top; 
	margin: 0px;
	font-family: verdana;
	font-size: 12pt;
	line-height: 14pt;
	align: justify;
	}
p, li {
	margin-top: 0px;
	font-family: verdana;
	font-size: 9pt;
	line-height: 16pt;
	}
h1 {
	font: bold 16pt verdana;
	margin-bottom: 12px;
	color: #000080;
	padding: 0 0 8px 0;
	line-height: 1.2;
	}
h2 { 
	font: bold 12pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	border-bottom: #0066FF solid 1px;
	color: #000080;
	padding: 0 0 8px 0;
	}
h3 { 
	font: bold 10pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	border-bottom: #0066FF solid 1px;
	color: #000080;
	padding: 0 0 8px 0;
	}
h4 { 
	font: italic normal 10pt verdana; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000080;
	}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #7554C2;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #B5A9C2;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}




/* START - Simple drop down menu */	
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	align: right}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 70px;
/*	background: #FFFFFF;  */
	color: #00468A;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #00468A;
	color: #FFFFFF;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}


/* END - Simple drop down menu */	




/* Outer container */
div#outercontainer {
	width: 780px;
	margin: 0 auto;
/*	background: #F5F5F5 url(../images/gpanelbg.jpg) repeat left top;  */
}

#menucontainer {
	background: #FFFFFF url(images/topbar2.gif) no-repeat top left;
	width: 470px;
	padding: 24px 0 6px 310px;
	height: 27px;
}
#homepanel { 
	width: 510px;
	float: left;
	background: #FFFFFF url(images/styleimg3.jpg) no-repeat top left; 
	padding: 110px 20px 10px 250px;  
	margin: 0px auto; 
	}
	
#downloads { 
	width: 220px;
	float: right;
	padding: 5px 8px;  
	margin: 0 0 0 10px;
	border: #0066FF 1px solid;
	}
#downloads p{
	font-size: 11px;
	line-height: 12px;
	}
#downloads li{
	font-size: 11px;
	line-height: 12px;
	padding-bottom: 8px;
	}
#contentpanel { 
	width: 780px;
	float: left;
	background: #FFFFFF url(images/contentbg.gif) no-repeat top right; 
	padding: 0px 0px 10px 0px;  
	margin: 0px auto; 
	}
#contentleft { 
	width: 250px;
	float: left;
    padding: 20px 0 10px 0; 
	margin: 0px auto; 
	text-align: center;
	}
#contentright { 
	width: 490px;
	float: right;
 	padding: 120px 20px 10px 20px;  
	margin: 0px auto; 
	}
		
div#gpanel {
	width: 780px;
	padding: 0 0; 
	background: #F5F5F5 url(images/gpanelbg.jpg) repeat left top;
	margin: 0 auto;
}

div#gpanel1 {
	width: 240px;
	float:left;
	padding: 10px 10px;
	background: #F5F5F5 url(images/gpanelbg.jpg) repeat-y left;
	margin: 0 0;
}

div#gpanel2 {
	width: 240px;
	float:right;
	padding: 10px 10px;
	background: #F5F5F5 url(images/gpanelbg.jpg) repeat-y left;
	margin: 0 0;
}

div#gpanel3 {
	width: 240px;
	float:right;
	padding: 10px 10px;
	background: #F5F5F5 url(images/gpanelbg.jpg) repeat-y left;
	margin: 0 0;
}


#footer {
	color: #555753;
	background-color: #E29A05;
	clear: both;
	width: 778px;
	text-align: center;
	font-size: 92%;
	padding: 10px 0;
	border: #555753 1px solid;
}
.hidden { display: none; }
.unhidden { display: block; }