html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}

/* remember to define focus styles! */
:focus
{
	outline:			0;
}

body
{
	line-height:		1;
	color:				black;
	background:			white;
}

ol, ul
{
	list-style:			none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse:	separate;
	border-spacing:		0;
}

caption, th, td
{
	text-align:			left;
	font-weight:		normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content:			"";
}

blockquote, q
{
	quotes:				"" "";
}

/* ----------------------------------- body --------------------------------- */
body
{
	margin:				auto;

	font-family:		Verdana, Arial, sans-serif;

	font-size:			10pt;

	text-align:			center;

	color:				#000;
	background-color:	#fff;
}

img
{
	border:				0;
}

a	{
	color:				#145A8B;
	text-decoration:	none;
}
a:hover	{
	text-decoration:	none;
}

/* ----------------------------- start #wrapper ----------------------------- */
#wrapper	{
	width:				750px;

	margin:				10px auto;

	text-align:			left;
	background-color:	#fff;
}

/* ------------------------------ start #header ----------------------------- */
#header
{
	width:				750px;
	height:				190px;

	border:				#bcbdbf solid 1px;

	background-color:	#fff;
}

#logo
{
	float:				left;
	width:				162px;
	height:				142px;

	background:			url(/tpl/default/site/images/logo.gif) no-repeat top left;
}

#banner
{
	float:				right;
	width:				562px;
	height:				142px;

	background:			url(/tpl/default/site/images/slogan.jpg) no-repeat top right;
}

#desc
{
	float:				left;
	width:				728px;
	height:				12px;
	
	padding:			4px 0px 2px 22px;

	font-size:			10px;
	background-color:	#6CCFF6;
}

/* ------------------------------ start #menu ------------------------------- */
#menu
{
	float:				left;
	width:				750px;
	height:				22px;

	border-bottom:		#6d6e72 solid 8px;

	font-size:			10px;
	background-color:	#00ADEF;
}
#menu ul
{
	list-style:			none;
}
#menu ul li
{
	float:				left;
	position:			relative;
	padding:			6px 3px 2px 22px;
	margin:				0px -22px 0px 0px;

	color:				#fff;
}
#menu a:hover
{
	color:				#000;
}

/* ----------------------------- start #content ----------------------------- */
#content
{
	float:				left;
	width:				750px;

	padding-top:		25px;
	margin-top:			1px;
	margin-bottom:		1px;
	
	border:				#6CCFF6 dashed 1px;
	
	background-color:	#fff;
}

/* ------------------------------ start #footer ----------------------------- */
#footer
{
	float:				left;
	width:				730px;
	height:				12px;

	font-size:			9px;
	
	color:				#FFF;
	background-color:	#00adef;
	text-align:			right;

	padding:			3px 20px 1px 0px;
	border:				#bcbdbf solid 1px;
	border-top:			#bcbdbf solid 4px;
	border-bottom:		#808080 solid 5px;
}
#footer a
{
	color:				#FFF;
}

/*----------------------------------- ajax ---------------------------------- */
.ajax-loading
{
	background-image:	url("/tpl/default/site/images/ajax-loader.gif");
	background-position:	center center;
	background-repeat:	no-repeat;
}

/*-------------------------------- alignment -------------------------------- */
.float-left				{ float:left; }
.float-right			{ float:right; }
.align-left				{ text-align:left; }
.align-right			{ text-align:right; }
.align-center			{ text-align:center; }
.align-justify			{ text-align:justify; }

/*--------------------------------- display --------------------------------- */
.clear					{ clear:both; }
.block					{ display:block; }
.inline					{ display:inline; }
/*.hide					{ display:none; }*/

/*--------------------------------- paging ---------------------------------- */
.pager
{
	float:				left;

	width:				100%;

	padding:			2px 0px 4px 0px;
	margin:				10px 0px 10px 0px;

	text-align:			center;
	background-color:	#e6e6e6;
}

p.pagelinks
{
	display:			block;
	background-color:	#FAFAFA;
	margin:				20px 18px 0 18px;
	padding:			0px 8px 0 8px;
	border:				1px solid #f2f2f2;

	font-size:			.9em;
	text-align:			center;
	clear:				both;
}
#locale	{
	margin-top:			-13px;
	color:				#999;
	font-size:			.7em;
	text-align:			right;
}

/*------------------------------- text formating ------------------------------- */
strong	{
	font-weight:		bold;
}
em	{
	font-style:			italic;
}