body {
background: #fff;
color: #333;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 62.5%;
}

/*************
Header, P & HR
*************/
h2, h3, h4 { letter-spacing: -1px; font-weight: normal; line-height: 1.64; margin-top: 0; }
h1 { color: #ff6600; font-size: 2em; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; }
h2 { color: #333; font-size: 1.6em; margin-bottom: 15px; }
h3 { color: #666; font-size: 1.4em; font-weight: bold; margin-bottom:0.1em; }
h4 { color: #333; font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
p { font-size: 1.1em; line-height: 1.64; margin: 0 0 1.5em; }
hr.hidden { border: none; clear: both; margin: 20px 0; visibility:hidden; }



/**************
Wrapper & Table
**************/
table.wrapper { margin: 0 auto; width: 810px; }
.top_shadow { border-top: 4px solid #ff6633; }
.left_shadow { background: url(../img/left_shadow.jpg) repeat-y top center; width: 15px; }
.right_shadow { background: url(../img/right_shadow.jpg) repeat-y top center; width: 15px; }
.bottom_shadow { background: url(../img/bottom_shadow.jpg) no-repeat top center; height: 20px; }

#wrapper { border-top: 4px solid #ff6633; overflow: hidden; width: 780px; }
#wrapper .last { margin-right: 0; }

#wrapper .header { height: 84px; overflow: hidden; }
#wrapper .header #logo { width: 220px; }
#wrapper .header h1 { margin: 0; padding:0; }
#wrapper .header img.logo { margin: 10px 0 10px 25px; }



/**************
Main Navigation
**************/
#main_nav { float: right; margin-top: -40px; overflow: hidden; width: 522px; }
#main_nav ul li { float: left; height: 54px; margin: 0; padding: 0; }
#main_nav ul li img { margin-bottom: -3px; padding: 0; }



/**************
Billboard
**************/
#wrapper .flash {
background: url(../img/billboard_top_shadow.jpg) repeat-x top left;
border-top: 1px solid #ccc;
clear: both;
padding: 35px 0 0;
}



/**************
Page Content
**************/
#page_content {
background: #fff;
overflow: hidden;
padding: 25px 30px 0;
width: 720px;
}



/*************
Span3-2, Span3-1
*************/
div.span3-2, div.span3-1 { float: left; }
div.span3-2 img, div.span3-1 img { margin-bottom: 1.5em; }

div.span3-2 {
width: 490px;
margin-right: 30px;
overflow: hidden;
}

div.span3-1 {
width: 220px;
margin-right: 30px;
overflow: hidden;
}



/*************
Side navigation
*************/
#aside {
background: url(../img/aside_top_curve.gif) no-repeat left top;
float: left;
margin-right: 35px;
padding: 25px 25px 25px 0;
width: 195px;
}

#aside ul {
list-style-type: none;
margin: 15px 0 0 20px;
padding: 0;
}

#aside ul li {
border-bottom: 1px solid #ccc;
padding: 0 0 2px;
}

#aside ul li a {
background:transparent url(../img/link_arrow.gif) no-repeat scroll left 3px;
color:#ff6633;
display: block;
padding-left: 10px;
text-decoration: none;
}

#aside ul li a:hover {
background-position: left -30px;
color: #000;
}



/*************
Recommend section
*************/
#aside .recommend {
	margin-left: 20px;
}


/*************
Curve Decoration
*************/
.content_page {
background: url(../img/aside_middle_curve.gif) repeat-y 214px top;
height: 100%;
overflow: hidden;
}

.bottom_curve {
background: url(../img/aside_bottom_curve.gif) no-repeat right top;
clear: both;
height: 100px;
margin-bottom: 30px;
}



/**************
Content page Ul OL
**************/
.content_page ul, .content_page ol {
list-style-type: disc;
margin-left: 2em;
padding-left: 1.5em;
}

.content_page ul li, .content_page ol li {
font-size: 1.1em;
line-height: 1.64;
margin-bottom: 1em;
}



/*************
A Link
*************/
p a.icon{
background:transparent url(../img/link_arrow.gif) no-repeat scroll left 1px;
color:#ff6633;
padding-left:10px;
text-decoration:none;
}

p a.icon:hover, p a.without_icon:hover {
background-position: left -32px;
/*color:#666; */
text-decoration:underline;
}

p a.without_icon {
color:#ff6633;
text-decoration:none;
}



/*************
Table
*************/
table.data {
border-collapse: collapse;
line-height: 1.64;
margin: 0 5px 15px;
width: 99%;
}

table.data th {
background:#ff6600;
color: #fff;
font-size: 1.2em;
font-weight:bold;
line-height:normal;
text-align:center;
vertical-align:middle;
}

table.data th, table.data td {
border:1px solid #ff6633;
padding:4px 10px 4px 5px;
}

table.data tr.data_highlight td {
background: #ffcc99;
}



/*************
Footer
*************/
#footer {
border-top: 1px solid #ccc;
text-align: center;
clear: both;
margin: 0 30px;
padding: 15px 0;
}

#footer p {
color: #999;
margin: 0;
}