/* some additions to 'blueprint'
-------------------------------------------------------------- */
p { text-align:left; }
h1, h2, h3, h4, h5 { font-weight:bold; }
h5 { padding:0; }
ul, ol { margin:0 0 18px 18px; padding:0; }
hr { width:100%; height:2px; background-color:transparent; border-top:1px solid; }
hr.dot   { border-top:1px dotted; }
hr.solid { border-top:1px solid; }


/* for common use
-------------------------------------------------------------- */
.reset-both { margin:0; padding:0; } 
.reset-margin { margin:0; } 
.reset-padding { padding:0; } 
.align-justify { text-align:justify; } 
.align-left { text-align:left; } 
.align-center { text-align:center; } 
.align-right { text-align:right; }
.bg_gray { background-color:#f0f0f0; } // filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.txt_gray { color:#AAA; }
.indent { padding-left:6em; }
.clear-both { clear:both; }


/* background color
-------------------------------------------------------------- */
body { background-color:#FFFBF2; }


/* header navigation
-------------------------------------------------------------- */
div#hnav   { background-image:url(../images/hnav_bg.gif); }
div#hnav a { display:block; float:left;  background-repeat:no-repeat; background-position:top left; }

#hnav_home { width:59px; height:36px; }
#hnav_home:hover   { background-image:url(../images/hnav_home.gif); }
#hnav_home:active  { background-image:url(../images/hnav_home.gif); }

#hnav_community { width:103px; height:36px; }
#hnav_community:hover   { background-image:url(../images/hnav_community.gif); }
#hnav_community:active  { background-image:url(../images/hnav_community.gif); }

#hnav_training { width:98px; height:36px; }
#hnav_training:hover   { background-image:url(../images/hnav_training.gif); }
#hnav_training:active  { background-image:url(../images/hnav_training.gif); }

#hnav_learning { width:55px; height:36px; }
#hnav_learning:hover   { background-image:url(../images/hnav_learning.gif); }
#hnav_learning:active  { background-image:url(../images/hnav_learning.gif); }

#hnav_pa { width:103px; height:36px; }
#hnav_pa:hover   { background-image:url(../images/hnav_pa.gif); }
#hnav_pa:active  { background-image:url(../images/hnav_pa.gif); }

#hnav_events { width:142px; height:36px; }
#hnav_events:hover   { background-image:url(../images/hnav_events.gif); }
#hnav_events:active  { background-image:url(../images/hnav_events.gif); }

#hnav_reports { width:160px; height:36px; }
#hnav_reports:hover   { background-image:url(../images/hnav_reports.gif); }
#hnav_reports:active  { background-image:url(../images/hnav_reports.gif); }


/* Header navigation - thread
-------------------------------------------------------------- */
#thread   { padding:0 9px; font-size:11px; color:#777; }
#thread a { color:#777; }

/* Header navigation - pagetitle
-------------------------------------------------------------- */
#pagetitle { }


/* boxed contents
-------------------------------------------------------------- */
box_top    {  }
box_body   {  }
box_bottom {  }

div.boxbg_mu       { background:url(../images/boxbg_mu.gif) top left no-repeat; } 

div.box_top_720    { background:url(../images/box_top_720.gif) top left no-repeat; } 
div.box_middle_720 { background:url(../images/box_middle_720.gif) top left repeat-y; margin-top:1em; }
div.box_middle_720_mu { background:url(../images/box_middle_720_mu.gif) top left repeat-y; }
div.box_bottom_720 { background:url(../images/box_bottom_720.gif) bottom left no-repeat; }

div.box_top_630    { background:url(../images/box_top_630.gif) top left no-repeat; } 
div.box_middle_630 { background:url(../images/box_middle_630.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_630 { background:url(../images/box_bottom_630.gif) bottom left no-repeat; }

div.box_top_540_orange { background:url(../images/box_top_540_orange.gif) top left no-repeat; } 
div.box_top_540    { background:url(../images/box_top_540.gif) top left no-repeat; } 
div.box_middle_540 { background:url(../images/box_middle_540.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_540 { background:url(../images/box_bottom_540.gif) bottom left no-repeat; }

div.box_top_450_orange { background:url(../images/box_top_450_orange.gif) top left no-repeat; } 
div.box_top_450    { background:url(../images/box_top_450.gif) top left no-repeat; } 
div.box_middle_450 { background:url(../images/box_middle_450.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_450 { background:url(../images/box_bottom_450.gif) bottom left no-repeat; }

div.box_top_360    { background:url(../images/box_top_360.gif) top left no-repeat; } 
div.box_middle_360 { background:url(../images/box_middle_360.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_360 { background:url(../images/box_bottom_360.gif) bottom left no-repeat; }

div.box_top_270_orange { background:url(../images/box_top_270_orange.gif) top left no-repeat; } 
div.box_top_270    { background:url(../images/box_top_270.gif) top left no-repeat; } 
div.box_middle_270 { background:url(../images/box_middle_270.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_270 { background:url(../images/box_bottom_270.gif) bottom left no-repeat; }

div.box_top_180_orange { background:url(../images/box_top_180_orange.gif) top left no-repeat; } 
div.box_top_180    { background:url(../images/box_top_180.gif) top left no-repeat; } 
div.box_middle_180 { background:url(../images/box_middle_180.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_180 { background:url(../images/box_bottom_180.gif) bottom left no-repeat; }

div.box_top_90    { background:url(../images/box_top_90.gif) top left no-repeat; } 
div.box_middle_90 { background:url(../images/box_middle_90.gif) top left repeat-y; margin-top:1em; }
div.box_bottom_90 { background:url(../images/box_bottom_90.gif) bottom left no-repeat; }

/* footer navigation
-------------------------------------------------------------- */
div.footer {
	width:720px;
	height:36px;
	}
div.footer .links {
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	margin:18px 0;
	font-size:10px;
	line-height:36px;
	text-align:center;
	}
div.footer .search {
	margin:18px;
	text-align:center;
	}
div.footer div.copyright { 
	margin:18px;
	text-align:center;
	font-size:10px; line-height:18px;
	}

/* misc.
-------------------------------------------------------------- */
a.anchor, a.anchor:link, a.anchor:hover {
	color:#EA4800;
	padding-right:12px;
	background:url(../images/arrow_white.gif) top right no-repeat;
	}