@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0;
	background-image: url(../images/topbg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #201B1B;
}

img{
	border:0px;
	}

#container{
	
	clear: both;
	width: 974px;
	overflow: hidden;
}

#footer{
	width: 974px;
	clear: both;
	overflow:hidden;

}

.header{
	width:974px;
	overflow:hidden;
	clear:both;
	text-align:left;
	}
	
.logo{
	width:974px;
	height:94px;
	clear:both;
	background-image:url(../images/unsunglogo.png);
	background-repeat:no-repeat;
	background-position:center 10px;
	text-align:left;
	}
	
.navhold{
	float:left;
	clear:both;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	background-image:url(../images/tab_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	border-left:#000 solid 1px;
	}
	
.tabhold{
	float:left;
	height:17px;
	background-image:url(../images/tabsep.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top: 3px;
	padding-right: 20px;
	padding-left: 10px;
	color:#000;
	text-decoration:none;
	}
	
.tabhold1{
	float:left;
	height:17px;
	background-image:url(../images/tabsep.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top: 3px;
	padding-right: 20px;
	padding-left: 10px;
	color:#fff;
	cursor:pointer;
	}
	
.tabhold2{
	float:left;
	height:17px;
	background-image:url(../images/tabsep1.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 10px;
	color:#000;
	text-decoration:none;
	}
	
.tabhold3{
	float:left;
	height:17px;
	background-image:url(../images/tabsep1.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 10px;
	color:#fff;
	cursor:pointer;
	}
	
.mainbody{
	width:954px;
	overflow:hidden;
	clear:both;
	float:left;
	text-align:left;
	color:#fff;
	padding-top:20px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top:40px;
	}
	
.freediv{
	clear:both;
	overflow:hidden;
	}
	
.forminputhold{
	clear:both;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	margin-right:15px;
	border-bottom:dotted 1px #fff;
	}

.Hlefthold{
	width:400px;
	margin-left:40px;
	overflow:hidden;
	float:left;
	}
.Hrighthold{
	width:360px;
	margin-right:10px;
	overflow:hidden;
	float:right;
	}
.Hhold{
	width:870px;
	margin-left:40px;
	overflow:hidden;
	float:left;
	}
	
.Hformhold{
	width:855px;
	margin-left:40px;
	overflow:hidden;
	float:left;
	background-color: #333;
	margin-bottom:10px;
	}
	
.paddingleft{
	padding-left:15px;
	}

.paddingright35{
	padding-left:120px;
	}
	
.paddingtop{
	padding-top:25px;
	}
	
.paddingbottom{
	padding-bottom:25px;
	}
	
.footerhold{
	text-align: left;
	clear: both;
	width: 954px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	overflow: hidden;
	color:#fff;
	border-top:1px solid #fff;
	}
.footertext{
	width:450px; overflow:hidden;  float:left; 
	}
.footertext ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}

.footertext ul a{
	text-decoration:none; color:#fff;
	}
.footertext a{
	text-decoration:none; color:#fff;
	}


.footertextright{
	width:200px; overfloe:hidden;  float:right; 
	}
.footertextright ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}

.footertextright ul a{
	text-decoration:none; color:#fff;
	}
	
.autohold{
	float:left;
	overflow:hidden;
	padding-right:5px;
	}

.previewhold{
	width:200px;
	float:left;
	overflow:hidden;
	padding-right:5px;
	}

/* font style */
.whitelink11px{
	color:#fff;	
	}
	
.whitebold14{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}

.whitebold12{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}
	
.whitebolditalic{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	
	}	
.white10{
	font-size:10px;
	color:#fff;
	}

.blackbold11{
	color:#333;
	font-weight:bold;
	font-size:11px;
	}
	
.black11{
	color:#333;
	font-size:11px;
	}
	
.red11{
	color:#F00;
	}	
	
/* Dropdown menu */	
#nav, 
#nav ul {
	list-style:none; 
	position:absolute;
	z-index:200;
	margin:0;
}
#nav {width:575px; height:auto; padding:0;}

#nav li {float:left; color:#000}
#nav li li {float:none; background:#8b8b8b; height:20px; padding-left:5px; border:1px solid #fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; height:22px; float:left; color:#000; text-decoration:none; font-weight:bold; margin:0 0px 0 0px; }
#nav li li a { float:none; }

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px; text-align:left; margin:0px; padding-left:0px; width:93px; cursor:pointer; }
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#000;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#fff;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}