body {
	font:12px Arial,Helvetica,sans-serif;
	margin:0 0 8px 0;
	color:#000;
	background:#F0FFF0;
	margin:0 0 8px 0;
	background-image: url(../images2/bkg_green.gif);
}
h6 {font:bolder 14px/16px Arial,Helvetica,sans-serif;color:#006600;padding:10px 0 0 0;margin:0;width:279px;border-bottom:1px solid #666666;}

a {font:bold 12px Arial,Helvetica,sans-serif;text-decoration:underline;}
a:link {color:#c00000;}
a:visited {color:#c00000;}
a:hover {color:#006400;text-decoration:none;}
a:active {color:#000000;}

#wrapper {position:relative;width:770px;margin:0 auto 8px auto;padding:0;border:1px solid #666666;border-top:1px solid black;background:#F0FFF0;}
#header {position:relative;background:#006400 url("../images2/header_770.gif") no-repeat 0px 4px;width:770px;height:104px;}
#content {clear:both;padding:20px 8px 8px 10px;}
#footer {clear:both;font:10px Arial,Helvetica,sans-serif;}
.mainTitle {position:absolute;top:10px;left:150px;}
html>body .mainTitle {top:0px;}
.mainTitle h1 {font:bold 22px Arial,Helvetica,sans-serif;color:#FEFEFF;}
.mainSubTitle {padding:50px 0 0 180px;margin:0 auto 0 auto;width:350px;text-align:center;}
html>body .mainSubTitle {padding-top:36px;}
.mainSubTitle h2 {font:bold 18px Arial,Helvetica,sans-serif;color:#FEFEFF;}
.main {float:left;width:490px;border-right:1px solid #666666;padding:0 10px 0 5px;}
.main img {border:0px solid #000;float:left;margin-right: 5px;}
.main2 {float:left;width:490px;border-right:1px solid #666666;padding:0 10px 0 5px;}
.main2 img {border:1px solid #000;margin-right: 5px;}
.main3 {float:left;width:558px;border-right:1px solid #666666;padding:0 10px 0 5px;}
.main3 img {margin-right: 5px;}
.main4 {float:left;width:490px;border-right:1px solid #666666;padding:0 10px 0 5px;}
.main4 img {border:1px solid #000;float:left;margin-right: 5px;}
.comments {float:left;width:490px;border-right:1px solid #666666;padding:0 10px 0 5px;font:11px Arial,Helvetica,sans-serif;}

.sidebar {float:left;width:169px;padding:0 0 0 5px;}
.sidebar p {margin:0 0 0 2px;padding:0;}
.sidebar img {border:0px solid #666666;padding:0;margin-bottom:8px;}

/* =-=-=-=-=-=-=-[Images]-=-=-=-=-=-=-=- */

.Q {float:left;background:  url("../images2/faq_q.gif") no-repeat 0px 0px;width:25px;height:15px;}
.A {float:left;background:  url("../images2/faq_a.gif") no-repeat 0px 0px;width:25px;height:15px;}
.arrow_blue {float:left;background:  url("../images2/arrow_blue.gif") no-repeat 0px 0px;width:25px;height:12px;}
.arrow_gray {float:left;background:  url("../images2/arrow_gray.gif") no-repeat 0px 0px;width:11px;height:30px;margin-right: 5px;margin-top: 2px;}
.free {float:left;background:  url("../images/free03.gif") no-repeat 0px 0px;width:44px;height:38px;}
.pen01 {float:left;background:  url("../images2/pen01.gif") no-repeat 0px 0px;width:95px;height:80px;margin-right: 5px;}
.lineGreen {background:  url("../images2/line_green.gif") no-repeat 0px 0px;width:450px;height:9px;}

.footer {font:11px Arial,Helvetica,sans-serif;width:400px;height:50px;margin:0 auto 0 auto;padding:1px;text-align:center;}
.footer a {font:12px Arial,Helvetica,sans-serif;padding:0 4px 0 4px;font-weight: bolder;}
.space {width:770px;height:8px;background:#006400;font-size:6px;}
.space2 {clear:both;width:702px;height:2px;background:#006400;font-size:1px;}
.contact {font:bolder italic 16px Arial,Helvetica,sans-serif;text-align:center;width:700px;padding:6px 1px 0 1px;}
.contact p {font:normal normal .75em/1.5em Arial,Helvetica,sans-serif;width:169px;margin:0 auto 20px auto;padding:0 0 2px 0;border-bottom:1px solid #666666;}

.copyR {float:left;font-size:1em;padding:6px 0 0 5px;}
.credit {float:right;padding:0 5px 0 0;}
.clear {clear:both;display:block;height:1px;overflow:hidden;margin:0;padding:0;}

html>body .sidebar p {margin:0 0 0 5px;width:150px;padding:0;}
.TxtBigBlue {
	font-size: 14px;
	color: #000099;
	font-weight: bolder;
}
.txtBigRed2 {
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	color: #c00000;
}
.TxtBigRed {
	font-size: 14px;
	color: #c00000;
	font-weight: bolder;
}
.TxtRed {
	font-size: 12px;
	color: #c00000;
	font-weight: bold;
}
.TxtBigGreen {
	font-size: 14px;
	color: #006400;
	font-weight: bolder;
}
.TxtGreen {
	font-size: 12px;
	color: #006400;
	font-weight: bold;
}

.main h1 {font-size: 16px;color: #006400;font-weight: bolder;font-style: italic;}
.main h2 { font-size: 14px; color: #006400; font-weight: bolder; }

/* =-=-=-=-=-=-=-[Menu Top]-=-=-=-=-=-=-=- */

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center
}

#nav-menu li a, #nav-menu li a:hover, #nav-menu li a:visited, #nav-menu li a:active
{
background:   url("../images2/background.gif") #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 108px;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover
{
color: #808080;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */

#nav-menu
{
width:100%
}

/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */

#menu3 ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu3 {
	width: 130px;
	border: 1px solid #ccc;
	margin: 1px;
	}
	
html>body #menu3, #menu3 ul{
    width: 128px;
    height:154px;
    }
	
#menu3 li a {
  	height: 20px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #283A50;
	display: block;
	background: url("../images2/menu4.gif");
	padding: 2px 2px 0 5px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #808080;
	background: url("../images2/menu4.gif") 0 -20px;
	padding: 2px 2px 0 5px;
	}
	
.BlueBox {
	padding: 5px;
	height: auto;
	width: 150px;
	border: 1px dashed #999999;
	margin-top: 5px;
	background-color: #E6E6FA;
}
.OrangeBox {
	padding: 5px;
	height: auto;
	width: 150px;
	border: 1px dashed #999999;
	margin-top: 5px;
	background-color: #fff3e7;
}
	
.WhiteBox {
	background: #fff;
	padding: 5px;
	height: auto;
	width: 150px;
	border: 1px dashed #999999;
	margin-top: 5px;
}
.FlashBox {
	background: #ffeeed;
	padding: 5px;
	height: auto;
	width: 150px;
	border: 1px solid #999999;
	margin-top: 5px;
}
.FlashBox a:link, .FlashBox a:visited, .FlashBox a:active {
color: #260b39;
text-decoration: underline;
font-size: 10px;
}
.FlashBox a:hover {
text-decoration: none;
color: #000000;
font-size: 10px;
}
.NoticeBox {
	background: #f8f3dd;
	padding: 5px;
	width: 96%;
	border: 1px solid #CC0000;
	font-size: 11px;
	line-height: 1.2em;
}

.MouseType {
	font-size: 10px;
}
.WhiteTxtGreenBkg {
	font-size: 10px;
	color: #FFFFFF;
	background: #006600;
}
.MouseTypeItal {
	font-size: 10px;
	font-style: italic;
}
.GrayDividerBkg {
	background: url(../images2/sp_grey.gif) repeat-y;
}
.boxNotice {
	background: #f8f3dd;
	padding: 5px;
	width: 96%;
	border: 1px solid #CC0000;
	font-size: 14px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: bold;
}
.style1 {
	color: #990000;
	font-size: 125%;
	font-weight: bold;
}
.NoticeBox a:link, .NoticeBox a:visited, .NoticeBox a:active {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
}
.NoticeBox a:hover {
	font-size: 11px;
	font-style: normal;
	color: #990000;
	font-weight: normal;
}
.MouseTypePublisher {
	font-size: 10px;
}
.MouseTypeBookTitle {
	font-size: 10px;
	font-style: italic;
	display: inline;
}
.TxtBigGreenGallery {
	font-size: 14px;
	color: #006400;
	font-weight: bolder;
	display: block;
	width: 140px;
	clear: right;
}
.graphicborder {
	border: 1px solid #000000;
}