/*

Designed By: Shu G.
Date: Nov 2008

Primary Colors:

gray: #3a3a3a;
Silver: #bcbcbc;
dark-blue: #002d56;
light-blue: #b0c4de;
black: #444444;
red:#cc0000;

*/

html {
background:url(images/bg.gif) repeat-y #ebebeb;
background-position-x: center;
background-position: center;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.6em;
text-align: center;
color: #444444;
}

h1{
color:#3a3a3a;
font-size:26px;
text-weight:bold;
}

h2{
color:#3a3a3a;
font-size:20px;
text-weight:bold;
}

h3{
color:#3a3a3a;
font-size:14px;
text-weight:bold;
}

a {
text-decoration: none;
color:#002d56;
}

a img
{ border: none;
}

a:link{
text-decoration: none;
color:#002d56;
font-size: 11px;
}

a:hover{
text-decoration: underline;
}

.fr{
float: right;
}

.fl{
float: left;
}


#container {
text-align:left;
width:960px;
position: relative;
margin-right: auto;
margin-left:auto;
padding:0;
background: #ffffff;
overflow:hidden;
}


#top {
width: 960px;
height: 35px;
margin-bottom: 15px;
position: relative;
margin-right: auto;
margin-left:auto;
padding: 0;
background:url(images/logo2.gif) no-repeat;
text-align:right;
}


#nav {
		position: relative;
		margin-right: auto;
		margin-left:auto;
        display: inline;
        list-style-type: none;
        }

#nav ul{
	   margin:0;
	   padding:0;
	   list-style:none;
	   }

#nav li{
		float:left;
		font-weight:bold;
		margin: 0 10px 0 0;
		padding:4px 11px 4px 11px;
		background:#ffffff;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-right: 1px solid #bcbcbc;
		}

#nav a, #nav a:link{
		text-decoration:none;
		font-size: 12px;
}

#nav a:hover{
		color:#cc0000;
}

#nav li#current {	
		background:#cc0000;
		padding:4px 20px 4px 20px;
		border-top: 1px solid #cc0000;
		border-left: 1px solid #cc0000;
		border-right: 1px solid #cc0000;
}

#nav li#current a{
		color: #ffffff;
}

#header{
width:960px;
height:150px;
margin-top: 42px;
margin-bottom: 10px;
margin-right: auto;
margin-left:auto;
position: relative;	
padding:10px 0 10px 0;
background:#cc0000;
border-top: 1px solid #cc0000;
border-bottom: 1px solid #cc0000;
}


#main {
width:960px;
margin:0;
overflow:hidden;
}

#sidebar {
	width:150px;
	float: left;
	margin: 0 0 0 10px;
}

#sidebar ul{
	   margin:0;
	   padding:0;
	   list-style-type: none;
	   }

#sidebar li {
		border-bottom: 1px dotted #bcbcbc;
		}

#sidebar li a{
		font-size: 12px;
		font-weight:bold;
		margin: 0;
		padding:5px 5px 5px 20px;
		background:url(images/arrow2.gif) no-repeat left;
        text-decoration: none;
		}

#sidebar a, #sidebar a:link{
		font-size:11px;
		font-color:#3a3a3a;
		text-decoration:none;
		display: block;
}

#sidebar a:hover{
		margin: 0 0 0 10px;
		color:#cc0000;
		background:url(images/arrow1.gif) no-repeat left;
}


#sidebar li#current a{
		color:#cc0000;
		text-decoration: underline;
}

#event {
	width:150px;
	float: left;
	border-left: #3a3a3a 1px solid;
	border-right: #3a3a3a 1px solid;
	border-bottom: #3a3a3a 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 10px;
	background:url(images/event.jpg) no-repeat;
}


#event ul{
	   margin:0;
	   padding:0;
	   list-style-type: none;
	   }

#event li {
		border-bottom: 1px dotted #bcbcbc;
		margin: 0;
		}

#event li a{
		font-size: 10px;
		font-weight:bold;
		
		background:url(images/arrow2.gif) no-repeat left;
        text-decoration: none;
        padding:2px 2px 2px 20px;
		}

#event a, #event a:link{
		font-size:10px;
		font-color:#3a3a3a;
		text-decoration:none;
		display: block;
}

#event a:hover{
		color:#cc0000;
		background:url(images/arrow1.gif) no-repeat left;
}

#content {
padding:0 20px 0 0;
margin-left: 210px;
width: 680px
}

#content div{
overflow:hidden;
}

#application {
width: 750px;
padding: 0px 20px 0px 0px;
margin-left: 180px;
margin-bottom: 20px;
overflow:hidden;
}

#body {
width:730px;
padding:5px 10px 5px 10px;
margin-bottom:10px;
}

#download_page {
border-bottom: 1px #3a3a3a dotted;
}

#quotation {
width=500px;
padding:15px;
margin:0;
background:#FDF9B4;
border: 2px dotted;
}

#hot {
width=650px;
padding:15px;
margin:0;
background:#FDF9B4;
}

#footer {
width: 960px;
height: 190px;
position: relative;
margin-right: auto;
margin-left:auto;
margin-top: 20px;
text-align: center;
border-top: 2px solid #cc0000;
background: url(images/footer.gif) no-repeat center bottom;
}

#bottom {
		margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
        }

#bottom ul{
	   margin:0;
	   padding:0;
	   list-style:none;
	   }

#bottom li{
		float:left;
		font-size: 11px;
		font-weight:bold;
		margin: 0 3px 0 3px;
		background:#ffffff;
		}

#bottom a, #bottom a:link{
		text-decoration:none;
}

#bottom a:hover{
		color:#bcbcbc;
}

#copyright {
		text-align:right;
}