body	{
	margin:0;
	background:url(images/body_back1.gif) top no-repeat;
}

 /* wrapper for the whole page */
div#mainContainer	{
	width:780px;
	padding:0;
	margin:0 auto 0 auto;
}

/* dropdown header (main wrapper for the header) */
div#container	{
	width:780px;
	padding:0;
	margin:0;
	background:#FFF;
}

/* dropdown header (wrapper for the logo and texts) */
div#logo	{
	width:780px;
	height:96px;
	padding:0;
	margin:0;
	background:#FFF;
}

h1#mainLogo	{
	width:372px;
	height:96px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/logo_head.gif) center no-repeat;
	text-indent:-9999px;
}

h1#sideLogo	{
	width:408px;
	height:96px;
	margin:0;
	padding:0;
	float:right;
	background:url(images/logo_side.gif) center no-repeat;
	text-indent:-9999px;
}

/* dropdown header (menu bar wrapper) */
div#top	{
 	width:780px;
	padding:0;
	margin:0;
	background:#FC6;
	height:22px;
}

/* dropdown header (menu bar) */
.menu 	{
	padding:0;
	margin:1px 0 0 36px;
}

/* dropdown header (remove the bullets, padding and margins from the lists) */
.menu ul	{
	list-style-type:none;
	padding:0;
	margin:0;
}

/* dropdown header (make the top level links horizontal and position the sub level) */
.menu ul li	{
	float:left;
	position:relative;
	z-index:100;
	background:#FC6;
	padding:0;
	margin:0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
}

/* dropdown header (use table for the dropdown list) */
.menu table	{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
	background:#FC6;
}

/* dropdown header (style all the links) */
.menu a, .menu ul li a:visited	{
	display:block;
	font-size:11px;
	padding:4px 9px 4px 9px;
	color:#222;
	background:#FC6;
	text-decoration:none;
	margin-right:0;
	text-align:center;
	font-weight:bold;
}

/* dropdown header (style all sub links) */
.menu ul li ul a,
.menu ul li ul li a:visited	{
	display:block;
	font-size:10px;
	font-weight:bolder;
	width:123px;
	padding:5px;
	color:#222;
	background:#FC6;
	text-decoration:none;
	margin-right:0;
	text-align:left;
	border-top:#FFF solid 1px;
}	

/* dropdown header (for workshop tab tweak) */
.menu ul li ul.workshop a,
.menu ul li ul.workshop li a:visited	{
	width:131px;
}

/* dropdown header (style the links hover) */
.menu ul li a:hover,
.menu ul li ul li a:hover	{
	color:#000;
	background:#FFF;
}

/* dropdown header (hide the sub level links) */
.menu ul ul	{
	visibility:hidden;
	position:absolute;
	width:149px;
}

/* dropdown header (make the sub level visible on hover list or link) */
.menu ul li:hover ul,
.menu ul a:hover ul	{
	visibility:visible;
}

/* dropdown header (wrapper for the top image in the main content section) */
div#header	{
	width:780px;
	height:47px;
	padding:0;
	margin:1px 0 0 0;
	clear:both;
}

h1#headerImage	{
	width:840px;
	height:47px;
	padding:0;
	margin:0 0 0 -30px;
	background:url(images/top.jpg) center no-repeat;
	text-indent:-9999px;
}

/* wrapper for the contents */
div#wrapper	{
	width:840px;
	padding:0;
	margin:0 0 0 -30px;
	background:url(images/back.jpg) repeat-y center;
}

/* left side wrapper and texts */
div#leftSide	{
	width:194px;
	float:left;
	padding:20px 0 0 0;
	margin:0;
}

div#leftSide h3	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	padding:0;
	margin:0 0 0 45px;
}

div#leftSide ul	{
	font-family:Maiandra GD, Verdana, Trebuchet MS;
	font-size:13px;
	padding:0;
	margin:30px 10px 0 70px;
	list-style:disc;
}

div#leftSide ul li	{
	padding:0;
	margin:20px 0 0 0;
}

div#leftSide a	{
	text-decoration:underline;
	color:#222;
}

div#leftSide a:hover	{
	text-decoration:underline;
	color:#222;
}

div#leftSide ol	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0;
	margin:30px 10px 0 47px;
	list-style:none;
}

div#leftSide ol li	{
	padding:0;
	margin:20px 0 0 0;
}

div#leftSide ol ul	{
	padding:0;
	margin-left:20px;
}

 /* main content wrapper and text */
div#mainContent	{
	width:460px;
	padding:0;
	margin:0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
}

div#mainContent h1	{
	font-size:24px;
	color:#6666CC;
	font-family:Maiandra GD, Verdana, Trebuchet MS;	
	padding:0;
	margin:0 0 30px 20px;
}	

div#mainContent h2	{
	font-size:15px;
	color:#6666CC;
	padding:20px 0 20px 0;
	margin:0 20px 0 20px;
}

div#mainContent h3	{
	font-size:14px;
	color:#222;
	padding:10px 0 10px 0;
	margin:0 10px 0 20px;
}

div#mainContent p	{
	font-size:13px;
	text-align:justify;
	padding:0;
	margin:0 20px 20px 20px;
}

div#mainContent a	{
	color:#6666CC;
}

div#mainContent ul	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:20px 40px 20px 20px;
}

div#mainContent ol	{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:20px 40px 20px 0;
}

div#mainContent ol#numbers	{
	list-style-type:upper-roman;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:20px 40px 20px 10px;
}

div#mainContent p.smallText	{
	font-size:9px;
	margin-right:40px;
	margin-left:40px;
	text-align:justify;
}

div#mainContent p.centerAlignText	{
	text-align:center;
}

div#mainContent hr	{
	width:400px;
	color:#CCC;
	margin-top:40px;
	margin-bottom:40px;
}

   /* used in General.php page */
div#mainContent h4#centerRedText	{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#6666CC;
}

 /* right side wrapper and image */
div#rightSide	{
	width:156px;
	float:right;
	padding:20px 20px 0 0;
	margin:0;
}

div#rightSide img	{
	padding:0;
	margin:60px 0 0 0;
}

 /* footer */
div#footer	{
	width:815px;
	height:100px;
	padding:0;
	margin:0 0 0 12px;
	clear:both;
	background:url(images/footer.gif) bottom no-repeat;
}

div#footer p	{
	font:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#222;
	text-align:center;
	margin:0;
	padding:60px 0 0 10px;
}

 /* tweaks */
h2#spacingPurposes	{
	color:#FFF;
	padding:0;
	margin:500px 0 0 0;
}

h3#spacingPurposes	{
	color:#FFF;
	padding:0;
	margin:330px 0 0 0;
}

 /* general classes used for the whole site */
.bold	{
	font-weight:bold;
}

.blueText	{
	color:#00F;
}

h6.smallFooter	{
	font-family:Verdana, Helvetica,Arial, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin:0 0 20px 45px;
	padding:0;
}

.blackText	{
	color:#000;
}

.italic	{
	font-style:italic;
}

h6.smallText	{
	font-family:Verdana, Helvetica,Arial, sans-serif;
	font-size:9px;
	font-weight:normal;
	margin:-20px 0 25px 20px;
	padding:0;
}

h6.smallText a	{
	color:#000;
}

a.smallLink	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
}

.underline	{
	text-decoration:underline;
}

.smallText2	{
	font-size:9px;
	text-align:justify;
}