body
{
	background-color: #ffffff; font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px; margin: 0; padding: 0;
}
img { border: 0; margin: 0; padding: 0; }
a, a:visited, a:hover { text-decoration: none; }
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: top; }
td { vertical-align: top; }
input, textarea, checkbox
{
	padding: 0px; font-size: 13px;
}
.form_button
{
	padding: 2px; text-align: center; text-decoration: none;
}
.form_text { height: 17px; font-size: 13px; }
.form { height: 26px; }
.form_row label { clear: left; float: left; width: 110px; }

/* Links */
.link { cursor: pointer; }
.link0, .link0:visited { color: #000000; text-decoration: none; cursor: pointer; }
.link0:hover { color: #000000; }
.link1, .link1:visited { color: #ffffff; text-decoration: none; cursor: pointer; }
.link1:hover { color: #ffffff; }
.link2, .link2:visited { color: #299bd7; text-decoration: none; cursor: pointer; }
.link2:hover { color: #299bd7; }

a.site_logo .hide { display: none; }
a.site_logo .show { display: inline; }
a.site_logo:hover .hide { display: inline; }
a.site_logo:hover .show { display: none; }

#top
{
	background: #ffffff url(../image/framework_top.png) top repeat-x;
	color: #000000; height: 42px; position: relative;
}
#top .content { margin: 0px auto; width: 1060px; padding-left: 10px; position: relative; text-align: center; }
#top .content a { color: #0033ba; }

#content { margin: 0px auto; position: relative; width: 1060px; }
* html #content { margin: 0px 0px 0px 36px; }
#content_background { padding: 20px 0px 0px 0px; }

#bottom
{
	background: #ffffff url(../image/framework_bottom.png) top repeat-x; clear: both; color: #888;
	font-size: 85%; height: 42px; margin-bottom: 0; padding-top: 10px; text-align: left;
}
#bottom_content { margin: 0 auto; padding: 0px 0px 0px 50px; border: none; }
/* #bottom p { margin: 0px; padding: 0.3em 0.3em 0.3em 0.3em; } */
#bottom p { margin: 0.3em; }
#bottom a { color: #888; margin-right: 2em; text-decoration: underline; }

#nav { background: transparent; height: 28px; margin-left: 10px; }
#nav .tab { background: transparent; display: block; float: left; height: 28px; margin-right: 5px; }
#nav .left { background: transparent; display: block; float: left; height: 28px; width: 5px; }
#nav .middle { background: transparent; display: block; float: left; height: 28px; }
#nav .right { background: transparent; display: block; float: left; height: 28px; width: 5px; }
#nav .title_mark, #nav .title_unmark
{
	background: transparent; display: block; float: left; font-weight: bold; height: 22px;
	padding-top: 6px; text-align: center; white-space: nowrap; width: 114px;
}
#nav .title_text { font-size: 12px; padding-top: 6px; }
#nav .title_image { padding-top: 3px; }

#search { height: 43px; margin-bottom: 10px; }
#search_content { padding: 0px; vertical-align: middle; }

#about { background: #e4e4e4; margin: 20px 0px 0px 20px; padding: 4px; width: 350px; }
#info
{
	background: #faf9c5; border: 2px solid #ffd648; font-size: 10px;
	height: 40px; margin: 20px 0px 0px 20px; padding: 4px; width: 300px;
}

.search_icon { height: 33px; float: left; width: 36px; }
.pages_icon { background-position: center; height: 15px; text-align: center; width: 250px; }
.mark:hover .mark_img img { height: 100px; width: 100px; }

.box1 { float: left; height: 98px; margin-bottom: 20px; position: relative; }
.box1 .box1_content { padding: 10px 10px; text-align: left; }
.box1 .box1_left { float: left; font-size: 1px; height: 98px; width: 10px; }
.box1 .box1_middle { float: left; height: 98px; }
.box1 .box1_right { float: left; font-size: 1px; height: 98px; width: 10px; }

.box2 { float: left; margin-bottom: 20px; margin-left: 10px; position: relative; }
.box2 .box2_content { left: 0px; position: absolute; text-align: left; top: 4px; }
.box2 .box2_left { float: left; font-size: 1px; height: 98px; width: 10px; }
.box2 .box2_middle { float: left; height: 98px; position: relative; width: 193px; }
.box2 .box2_right { float:left; font-size: 1px; height: 98px; width: 47px; }

.box3 { display: inline; float: left; margin-bottom: 20px; margin-left: 10px; position: relative; width: 520px; }
.box3 .box3_bottom { font-size: 1px; height: 9px; width: 520px; }
.box3 .box3_top { font-size: 1px; height: 9px; width: 520px; }
.box3 .box3_content { padding: 0px 5px; text-align: left; }
.box3 .box3_info { width: 100%; margin-bottom: 4px; }
.box3 .box3_title { font-size: 12px; height: 23px; margin-bottom: 4px; }

.box4 { color: #ffffff; height: 38px; margin-left: 10px; position: relative; width: 200px; }
.box4 .box4_left { font-size: 1px; height: 38px; left: 0px; position: absolute; top: 0px; width: 10px; }
.box4 .box4_content { font-weight: bold; padding: 11px 24px 11px 2px; text-align: center; }
.box4 .box4_right { font-size: 1px; height: 38px; position: absolute; right: 0px; top: 0px; width: 10px; }

.box5 { float: left; margin-bottom: 20px; margin-left: 10px; position: relative; width: 251px; }
.box5 .box5_bottom { font-size: 1px; height: 9px; width: 251px; }
.box5 .box5_top { font-size: 1px; height: 9px; width: 251px; }
.box5 .box5_content { padding: 0px 5px; text-align: left; }
.box5 .box5_title { font-size: 12px; height: 23px; margin-bottom: 4px; }

.tip_box
{
	background: transparent url(../image/box/tip_middle.png) top repeat-y; color: #000000;
	float: left; margin-bottom: 20px; margin-left: 10px; position: relative; width: 249px;
}
.tip_box .tip_box_top
{
	background: transparent url(../image/box/tip_top.png) top no-repeat;
	font-size: 1px; height: 94px; left: 0px; position: absolute; top: 0px; width: 249px;
}
.tip_box .tip_box_content { font-size: 10px; padding: 10px 5px; text-align: left; }
.tip_box .tip_box_bottom
{
	background: transparent url(../image/box/tip_bottom.png) top no-repeat;
	bottom: 0px; font-size: 1px; height: 6px; left: 0px; position: absolute; width: 249px; z-index: 2;
}

span.tip { position: relative; }
span.tip span
{
	background: #ffffff; border: 1px solid #000000; color: #000000; display: none;
	left: -10px; padding: 5px; position: absolute; top: 20px; z-index: 100; width: 125px;
}
span:hover.tip { font-size: 99%; }
span:hover.tip span { display: block; }

