@charset "utf-8";
/* SOPAKCO new homepage styles */
body
{
	background-color:#CDBA96;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1
{
	color:#8B5A2B;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

p
{
	margin:0 0 10px 0;
}

ul
{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

/* layout */
#container
{
	margin:0 auto;
	text-align:center;
	width:1024px;
}

#top
{
	height:100px;
}

#banner
{
	background-color: #A92C25;
	height:245px;
}

	#nav
	{
		width:431px;
	}
	
	#flash-main
	{
		float:right;
		width:593px;
	}
	
#content
{
	background-image:url(../images/content_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	text-align:left;
}

	#col1
	{
		padding:10px;
		width:411px;
	}
	
	#col2
	{
		float:right;
		padding:10px;
		width:276px;
	}
	
	#col3
	{
		float:right;
		padding:10px;
		width:277px;
	}
	
#footer
{
	background-image: url(../images/footer_rd.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:8px;
	height:27px;
	padding:8px 0 0 0;
}
	
/* links */
a.subnav:link {color: #000033; text-decoration: none; }
a.subnav:visited {color: #8B5A2B; text-decoration: none; }
a.subnav:hover {color: #cccccc; text-decoration: underline; }
a.subnav:active {color: #000033; } 

a.faqnav:link {color: #000033; text-decoration: none; }
a.faqnav:visited {color: #8B5A2B; text-decoration: none; }
a.faqnav:hover {color: #cccccc; text-decoration: underline; }
a.faqnav:active {color: #A92C25; text-decoration:none; }

a.boldnav:link {color:#A92C25; text-decoration: none; }
a.boldnav:visited {color: #8B5A2B; text-decoration: none; }
a.boldnav:hover {color: #cccccc; text-decoration: underline; }
a.boldnav:active {color: #000033; }

a.boldnav2:link {color:#A92C25; text-decoration: none; }
a.boldnav2:visited {color: #8B5A2B; text-decoration: none; }
a.boldnav2:hover {color: #cccccc; text-decoration: underline; }
a.boldnav2:active {color: #000033; } 

a.inline:link {color: #A92C25; text-decoration: underline; }
a.inline:visited {color: #8B5A2B; text-decoration: none; }
a.inline:hover {color: #cccccc; text-decoration: none; font-weight:bolder; }
a.inline:active {color: #A92C25; }
	
/* misc */
.clear
{
	clear:both;
	height:0;
}