/* CSS Document */
html { font-size: 100%; /* IE hack */ }

body {
				margin: 0px;
				text-align: center;
				padding: 0px;
				background: white;
				font: 0.8em/1.6em Arial, Helvetica, sans-serif;
}

hr {border:4px solid #676; border-top:1px solid #676;height:2px;} 

a, a.visited{color:#00f;}

.mylink {}
.mylink a 			{	color:#676;font-weight:bold;font-size:1.0em;}
.mylink a:link 		{	text-decoration: none; color: #676; }
.mylink a:visited 	{	text-decoration: none; color: #676; }
.mylink a:hover 	{ 	color: #676; text-decoration: underline;}

#container{
    		 	width: 96%; /*745px;*/
				padding:5px 0px 0px 0px;
				text-align:left;
				margin-left: auto;
				margin-right: auto;
}

#header{
WIDTH:100%;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto; 
PADDING: 0px;
BACKGROUND: url(bg-top.jpg) #FFF transparent no-repeat left bottom;
TEXT-ALIGN: left; 
HEIGHT:96px
}

.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:48px;
	WIDTH:400px;
	margin-top:20px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: 10px;
	PADDING: 12px 0 10px 0;
	TEXT-ALIGN: left;
}

.titlecolor1{color:#565};
.titlecolor2{color:#bb0};
.titlecolor3{color:#822};
.titlecolor4{color:#555};
.titlecolor5{color:#fff};

.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	WIDTH:400px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: 10px;
	PADDING: 0 0 3px 0;
	TEXT-ALIGN: left;
}

.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#822;
}

.title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#565;
}

.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#822;
}

.label1 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#000;
	text-decoration: underline;
}

.label2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#00d;
	text-decoration: underline;
}

.today{
    		 	text-align: center;
               	background: #676;
               	color: #FF0;
}

#navigation {

					margin: 2px 0px 0px 0px;
					padding:0px;
					height:2em;
					border:0px solid #676;
                    width:100%; /*743px;*/
					background:#676;
}
#navigation ul {
					margin: 0px;
					padding:0px;
}

#navigation ul li {
					font-size: .85em;
					line-height: 1.8em;
					margin: 2px;
					padding:0px 0px 0px 20px;
					list-style: none;
					display:inline;
					float:left;
}

.bbutton1{
                   	text-align: center;
                   	background: #676;
                   	color: #676;
}

.bbutton1 a {
                   	text-decoration: none;
                   	color: #ffffff;
					font-weight:bold;
}
.bbutton1 a:link {text-decoration: none;color: #ffffff;}
.bbutton1 a:visited {text-decoration: none; color: #ffffff; }
.bbutton1 a:hover { color: #ffffff; text-decoration: underline;}


.bbutton2{
                   	text-align: center;
                   	background: #676;
                   	color: #FF0000;
}

.bbutton2 a {
                   	text-decoration: none;
                   	color: #676;
					font-weight:bold;
}

.bbutton2 a:link {text-decoration: none;color: #FF0000;}
.bbutton2 a:visited {text-decoration: none; color: #FF0000; }
.bbutton2 a:hover { color: #FF0000; text-decoration: underline;}

.mainwnd {width:100%;MARGIN-RIGHT: auto;MARGIN-LEFT: auto; PADDING: 0px;}

#content1 {
	float: left;
	padding: 10px;
	margin: 3px 1% 0 0;
	BACKGROUND: #FFF transparent no-repeat right bottom;
	border: 1px solid #676;
	width: 95%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 94%;
	height: 563px;
	}
html>body #content {
	width: 94%; /* ie5win fudge ends */
	}
#content2 {
	float: right;
	padding: 10px;
	margin: 3px 0 0 0px;
	background: #e4e4d7;
	border: 1px solid #e4e4d7;
	width: 180px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
	height: 500px;
	}
html>body #content2 {
	width: 180px; /* ie5win fudge ends */
	}
	
.text{MARGIN:8px;PADDING:0px;LINE-HEIGHT:150%;TEXT-ALIGN: left; }

.leftinfo{float:left; width:60%;}
.rightinfo{float:right; width:30%;}

.myul {
	margin: 0 0 0 20px;
	/*padding:0px;*/
}

.myol {margin: 0 0 0 20px;}

.screenshot{width:120px;height:100px;border:0px}


.tabhead {width:172px;height:20px;margin:0px auto;padding:0px; background:url(bg-tabhead.jpg) #e4e4d7 no-repeat right bottom; text-align:center;}

.tabbody {width:160px;margin:0px auto 8px auto;padding:5px; background:#fff;text-align:left; 
	border-left: 1px solid #676;
	border-top: 1px solid #676;
	border-right: 1px solid #676;
	border-bottom: 2px solid #676;
}

h1 {
	color:#676;
	font:1.4em bold Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
}

h2 {
	color:#676;
	font:bold 0.95em Arial, Helvetica, sans-serif;
	margin:5px 0px 10px 0px;
}

.tabtitle {
	color:#333;margin:0px 0px 0px 0px;font-weight:bold;font-size:1.0em;font-family: Arial, Helvetica, sans-serif;
}

.dynamic,.dynamic ul {padding:0px;list-style: none;margin:0px;display:block;}

.dynamic .frontnews {} /*width:170px;}*/
.dynamic .frontnews img{float:right;margin:5px 0px 5px 0px;border:1px solid #000;clear:right;display:block;}
.dynamic .frontnews p{margin:0px;}
.dynamic .frontnews strong{margin:0px 0px 0px 0px;}

#footer{height:5px;text-align:left;BACKGROUND: #FFF transparent no-repeat left bottom;}