/* ```````````````````````````````````````` */
/* global & common */
/* ........................................ */

body
{
	margin: 0px auto 0px auto;
	width: 777px;
	padding: 0px;
	font-size: 0.75em; /* about 12px */
	font-family: Verdana;
	background:White;
}
A
{
	color: #006633;
	text-decoration: none;
}
A:hover
{
	color: #ff6600;
	text-decoration: underline;
}
li
{
	list-style: none;
}


/* ```````````````````````````````````````` */
/* header logo & links & service call number */
/* ........................................ */

#mheader
{
	width: 100%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}
#mheader #logo
{
	margin: 0px;
	padding: 0px 0px 7px 0px;
	float: left;
	width: 50%;
}
#logo h1
{
	margin: 0px;
	padding: 0px;
}
#logo h1 a
{
	display: block;
	float: left;
	width: 156px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	background: url(images/xl.gif) no-repeat top left;
	text-indent: -1600px;
	overflow: hidden;
}

#mheader #rtsignin
{
	float: left;
	clear: right;
	width: 49%;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#mheader .svcall
{
	line-height: 1.2em; margin:6px 0px 0px 0px; color:Gray;
}
#mheader #rtsignin span.signin
{
	display: block;
	margin: 0px 0px 3px auto;
	padding: 0px 0px 0px 12px;
	width: 30em;
	height: 1.3em; line-height:1.3em;
	overflow: hidden;
}


/* ```````````````````````````````````````` */
/* site front news & menu bar */
/* ........................................ */

#mnav
{
	margin: 0px;
	clear: both;
	padding: 0px;
	height: 35px;
	background: url(images/mb_bk.gif) repeat-x top left;
	width: 100%;
}
#mnav #ann
{
	clear: left;
	background: url(images/mb_left.gif) no-repeat top left;
	float: left;
	width: 45%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
#ann .ann
{
	display: block;
	margin: 10px 0px 0px 10px;
	height: 1em;
	padding: 1px 0px 0px 18px;
	color: #638c0b;
	background: url(images/mb_ann.gif) no-repeat top left;
}
#ann #userstate
{
	display: block;
	margin: 10px 0px 0px 10px;
	height: 1em;
	padding: 1px 0px 0px 6px;
	/* color: #638c0b; */ color:#cccccc;
}
#ann #userstate a{ color:#21ab38; }
#ann #userstate a:hover{ color:#97d697; text-decoration:none; }

/* menu buttons */
#mnav #btns
{
	background: url(images/mb_right.gif) no-repeat top right;
	float: left;
	width: 55%;
	height: 100%;
	padding: 0px;
	text-align: right;
}
#btns ul
{
	display: inline;
	margin: 4px 5px 0px auto;
	padding: 0px;
	text-align: right;
	clear: both;
	float: right;
}
#btns li
{
	margin: 0px 1px 0px 0px;
	display: block;
	float: left;
	height: 27px;
	padding: 0px;
	overflow: hidden;
}
#btns li a
{
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -1700px;
	line-height: 999em;
}

#btns li a.mbtnUpload
{
	background: url(images/m_upload.gif) no-repeat left top;
	width: 76px;
}
#btns li a.mbtnUpload:hover
{
	background: url(images/m_upload_a.gif) no-repeat left top;
}

#btns li a.mbtnAlbum
{
	background: url(images/m_album.gif) no-repeat left top;
	width: 51px;
}
#btns li a.mbtnAlbum:hover
{
	background: url(images/m_album_a.gif) no-repeat left top;
}

#btns li a.mbtnCustomizing
{
	background: url(images/m_customizing.gif) no-repeat left top;
	width: 78px;
}
#btns li a.mbtnCustomizing:hover
{
	background: url(images/m_customizing_a.gif) no-repeat left top;
}

#btns li a.mbtnPrint
{
	background: url(images/m_print.gif) no-repeat left top;
	width: 78px;
}
#btns li a.mbtnPrint:hover
{
	background: url(images/m_print_a.gif) no-repeat left top;
}

#btns li a.mbtnStore
{
	background: url(images/m_store.gif) no-repeat left top;
	width: 54px;
}
#btns li a.mbtnStore:hover
{
	background: url(images/m_store_a.gif) no-repeat left top;
}

#btns li a.mbtnSupport
{
	background: url(images/m_support.gif) no-repeat left top;
	width: 54px;
}
#btns li a.mbtnSupport:hover
{
	background: url(images/m_support_a.gif) no-repeat left top;
}





/* ```````````````````````````````````````` */
/* body */
/* ........................................ */

#mbody
{
	clear: both;
	overflow: hidden;
	width: 100%;
}

#mbody #content
{
	float: left;
	overflow: hidden;
	width: 554px;
	margin: 4px 4px 0px 0px;
	min-height: 350px;
	z-index: 20;
}
#content h2
{
	display: block;
	margin: 0px;
	padding: 9px 4px 6px 6px;
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
}
#content .content
{
	display: block;
	margin: 0px 0px 12px 0px;
	padding: 9px 4px 6px 12px;
}
#content .content .block
{
	margin: 0px 0px 1em 0px;
}
#content .content .idt
{
	margin: 0.8em 0px 1em 1em;
}
#content .contentx 
{
	margin:0px 0px 0px 4px; 
}

#mbody #sidebar
{
	margin: 2px 0px 2px 0px;
	width: 219px;
	float: left;
	overflow: hidden;
	z-index: 10;
}
#sidebar ul
{
	margin: 0px 0px 0px 12px;
	padding: 0px;
}
#sidebar li
{
	clear: both;
	display: block;
	height: 1.8em;
	margin: 0px;
	padding: 0px;
}

/* solid green frame */
#sidebar .rf
{
	background: url(images/rf_bk.gif) repeat-y left top;
	margin: 2px 0px 4px 0px;
	padding: 0px;
}
#sidebar .rf .h
{
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(images/rf_top.gif) no-repeat left top;
	height: 5px;
	width: 219px;
}
#sidebar .rf h3
{
	display: block;
	margin: 0px;
	padding: 9px 4px 6px 6px;
	background: url(images/rf_top.gif) no-repeat left top;
	height: 1.5em;
	line-height: 1em;
	font-size: 1.3em;
	width: 219px;
}
#sidebar .rf .content
{
	clear: both;
	background: url(images/rf_bottom.gif) no-repeat left bottom;
	padding: 4px 4px 14px 6px;
	margin: 0px;
}
#sidebar .rf .content .idt
{
	margin-left: 12px;
}

/* solid light yellow frame */
#sidebar .pf
{
	background: url(images/pf_bk.gif) repeat-y left top;
	margin: 2px 0px 4px 0px;
	padding: 0px;
}
#sidebar .pf .h
{
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(images/pf_top.gif) no-repeat left top;
	height: 5px;
	width: 219px;
}
#sidebar .pf h3
{
	display: block;
	margin: 0px;
	padding: 9px 4px 6px 6px;
	background: url(images/pf_top.gif) no-repeat left top;
	height: 1.5em;
	line-height: 1em;
	font-size: 1.3em;
	width: 219px;
}
#sidebar .pf .content
{
	clear: both;
	background: url(images/pf_bottom.gif) no-repeat left bottom;
	padding: 4px 4px 14px 6px;
	margin: 0px;
}

#sidebar .pf .content .idt
{
	margin-left: 12px;
	margin-bottom: 12px;
}

/* ```````````````````````````````````````` */
/* side bar MISC */
/* ........................................ */

#sidebar .hint
{
	display:block; margin:2px 3px 5px 1px; color:#9ab377;
	background:url(images/ar_up.gif) no-repeat left top; padding-left:15px;
}

#sidebar .downhint
{
	display:block; margin:3px 3px 1px 1px; color:#9ab377;
	background:url(images/ar_down.gif) no-repeat left top; padding-left:15px;
}


/* ```````````````````````````````````````` */
/* footer links & ICP & service call numbers */
/* ........................................ */

#mfooter
{
	background: url(images/wf_bk.gif) repeat-x left top;
	clear: both;
	height: 126px;
}
#mfooter div
{
	margin: 0px;
	padding: 0px;
}
#mfooter .l
{
	float: left;
	width: 7px;
	background: url(images/wf_left.gif) no-repeat left top;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
#mfooter .c
{
	float: left;
	width: 760px;
	height: 100%;
	text-align: center;
	padding-top: 0.9em;
}
#mfooter .r
{
	float: right;
	width: 8px;
	background: url(images/wf_right.gif) no-repeat left top;
	height: 100%;
	clear: right;
}
#mfooter ul
{
	margin: 0px;
	padding: 0px;
}
#mfooter li
{
	list-style: none;
	display: inline;
	border-left: 1px solid #cccccc;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 7px;
}
#mfooter li.first
{
	border: 0px;
}
#mfooter .misc
{
	margin: 10px 0px 0px 0px;
	clear: both;
	padding: 0px 0px 0px 0px;
}
#mfooter .misc img.svcall
{
	float: left;
	display: block;
	padding-left: 60px;
	border-right: 1px solid #cccccc;
	padding-right: 10px;
}
#mfooter .misc div
{
	display: block;
	float: left;
	margin-left: 10px;
	line-height: 1.3em;
}


/* ```````````````````````````````````````` */
/* MISC */
/* ........................................ */

a.ar
{
	background: url(images/ar.gif) no-repeat left center;
	padding: 3px 0px 0px 13px;
}
a.ar:hover
{
	background: url(images/ar_a.gif) no-repeat left center;
	text-decoration: none;
}

a.arr
{
	background: url(images/paper.gif) no-repeat left center;
	padding: 3px 0px 0px 13px;
	color: #ff6600;
}
a.arr:hover
{
	color: #ff9900;
	text-decoration: none;
	background-color: #ffffcc;
}


#ann .ann a
{
}