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

/*Mass Reset*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, 
{
	margin: 0;
	padding: 0;
}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/*Typography*/

body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea
{
	font-family: Verdana, 宋体;
	line-height:1.6; 
	color:#000000;
}
body{
	font-size:12px;
	background:#ebebeb;
	
	}
div{}
ul {list-style-type:square;}
ol {list-style-type:decimal;}

h1,h2,h3{font-family: 微软雅黑,黑体, 幼圆,  Fixedsys;}
h1 {font-size:34px; margin-bottom:12px; font-weight:bold;}
h2 {font-size:26px; margin-bottom:10px;}
h3 {font-size:18px; margin-bottom:8px;}
h4 {font-size:16px; margin-bottom:5px; font-weight:bold;}
h5 {font-size:14px; margin-bottom:5px; font-weight:bold; }
h6 {font-size:14px; margin-bottom:5px;}

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong {font-weight: bold;}
em     {font-style:italic;}
a{color: #006699;text-decoration: none;}
a:hover {text-decoration: underline;color: #CC0000;}
p{ padding:3px 0 5px 0; margin:0;}
/*Set of Preset Classes*/

/*Paragraph Presets*/
.small, .small p {font-size:10px;}
.large, .large p {font-size:14px;}
.soft, .soft p  {color:#D3D3D3;}
.hide            {display:none;}
p.last           {margin-bottom:0px;}
p img            {} /*NOTE: Imgs in parag are set to float right*/

/*Floats*/
.left {float:left;}
.right {float:right;}
.clearThis  {clear:both;}

a img, :link img, :visited img {border:none;}

/*Element Widgets*/
/*Photo Showcase*/
/*Just add <div id="showcase"> </div> around your photos*/
#showcase
{
	width:500px;
	padding:15px;
}

#showcase img
{
	float:left;
	margin-bottom:10px;
	margin-left:15px;
	padding:3px;
	border:#ABABAB solid 1px;

}

/*Navigations*/
/*Column Nav give each link a class of navCol*/
.navCol
{
	width:140px;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin-top:5px;
	margin-left:5px;
	text-decoration:none;
	border:#000000 solid 1px;
	background-color:#F1F1F1;
	color:#000000;
}

/*Horizontal Nav give each link a class of navHor*/
.navHor
{
	width:125px;
	margin-left:5px;
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	float:left;
	text-decoration:none;
	display:block;
	background-color:#F1F1F1;
	color:#000000;
	border:#000000 solid 1px;
}
	
/*External Links*/

/*External Link - adds a little external link icon to all of your external links
a[href^="http:"] {background: url(ark-base-img/externalLink.png) no-repeat right top; padding-right:10px;}
*/
/*IMPORTANT: Reset your internal links that use absolute URLS by replacing yoursite.com with your site's URL, below*/
a[href^="http://www.yoursite.com"], a[href^="http://yoursite.com"] {background-image:none !important; padding-right:0px;}

/*Use on external links that are images or have background colors/borders...when ever you dont want an icon to appear*/
.exempt {background-image:none !important; padding:0px;}

/*This method does not work for IE6 or IE7 (big surpise) you can add the class .external to a few of your important external links so they work in IE6/7 if you wish. IE will just ignore these rules so there is now worries.*/
.external {background: url(ark-base-img/externalLink.png) no-repeat right top; padding-right:10px;}

/*Email Links - adds small email icon to all mailto links*/
a[href^="mailto:"] {background: url(ark-base-img/email_link.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*AIM Links - adds small IM icon to all aim:goim?screenname=username links*/
a[href^="aim:"] {background: url(ark-base-img/group.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {background: url(ark-base-img/page_pdf.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {background: url(ark-base-img/page_word.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*RSS Links - adds a small Feed icon to all RSS feed links*/
a[href$=".rss"], a[href$=".rdf"] {background: url(ark-base-img/feed.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}