body {
	font: 70%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	background: #f8f8f8;
	margin: 0px;
	padding: 0px;
}
a, strong a {
	color: black;
	text-decoration:none;
	outline: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #ff9900;
	text-decoration: none;
}
img {
	margin: 0px 0px 5px;
	border: none;
}
p {
	margin: 0px 0px 12px;
}
h1 {
	margin:0px;
	padding-left: 385px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #FFFFFF;
}
h1 a{
	display:block;
	height: 50px;
	width: 280px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h2 {
	margin: 0px 0px 2px;
	color: #ff6600;
	border-bottom: 1px dashed #CCCCCC;
	font: normal 170%/100% "Trebuchet MS", Arial, sans-serif;
	padding-bottom: 2px;
	
}
h2 a, h2 a:visited {
	color: #779d03;
	text-decoration: none;
}
h2 a:hover {
	color: #ff9900;
	text-decoration: none;
}
h3 {
	margin: 0px;
	padding:0px;
	font: bold 14px "Trebuchet MS", Tahoma, Arial;
	color:#ff9900;
	text-transform:none;
	letter-spacing: 0px;
	padding-bottom: 3px
}

form {
	margin:0px;
	padding:0px;
}
hr.hidden {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
}
#body {
	width: 835px;
	margin: 0px auto;
	background: #FFFFFF;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4; 
	border-left: 1px solid #d4d4d4; 
	border-right: 1px solid #d4d4d4
}

/* header area */
#header {
	background: #c7d923 url(../images/header.png) no-repeat;
	width: 835px;
	height: 191px;
	position: relative;
	border-left: 1px solid #d4d4d4; 
	border-right: 1px solid #d4d4d4; 
	margin: 0px auto
}
#headerimg {
	position: relative;
	padding: 50px 0px 0px 20px;
	height: 60px;
}

/* content area */
#content {
	float: left;
	width: 625px;
	padding-top: 10px;
	padding-left: 10px;
}
.entry {
	clear:both;
	padding-top: 10px;
	padding-bottom: 15px;
}

.caution {
	padding:5px 40px 5px 65px; 
	margin-bottom: 10px;
	background: #FFFFFF url(../images/icon/caution.gif) no-repeat left center;
	height: 50px;
	color: #D86C03; 
	font-size: 9px;
}
.caution a{
	color: #2A7DC3; 
	text-decoration: underline;
	font-size: 9px;
}
.caution a:hover{
	color: #2A7DC3; 
	font-size: 9px;
}

.info {
	padding:5px 40px 5px 65px; 
	margin-bottom: 10px;
	height: 50px;
	background: #FFFFFF url(../images/icon/info.gif) no-repeat left center;
	color: #2A7DC3; 
	font-size: 9px;
}
 
.info a{
	color: #2A7DC3; 
	text-decoration: underline;
	font-size: 9px;
}

.info a:hover{
	color: #2A7DC3; 
	font-size: 9px;
}

code {
	font: 9pt "Courier New", Courier, monospace;
	margin: 5px 0px;
	padding: 10px;
	margin-bottom: 20px;
	display:block;
	border: 1px dashed #818181;
}
.blue {
	background-color: #f0f9ff;
}
.orange {
	background-color: #fcfbea;
}
.green {
	background-color: #f0fff0;
}

/*sidebar */
#menu {
	float: left;
	width: 160px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#menu h2 {
	margin: 0px 0px 2px;
	color: #ff6600;
	border-bottom: 1px dashed #CCCCCC;
	font: normal 170%/100% "Trebuchet MS", Arial, sans-serif;
	padding-bottom: 2px;
}
#menu a {
	color: #333333; 
}
#menu a:visited {
	color: #333333; 
}
#menu a:hover {
	color: #ff9900; 
}
.menu-list {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0px 0px 15px; 
	padding-top: 0px; 
	list-style-type: none
}
.menu-list li{
	padding-right: 6px;
	display: block;
	padding-left: 12px;
	border-bottom: 1px dashed #CCCCCC;
	background: url(../images/mini-icon/mini-navig.gif) no-repeat left center; 
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 165%;
	list-style-type: none
}
.sponsor-banner {
	margin-top: 7px
}
.sponsorlinks {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 90%; 
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px;
	list-style-type: none
}
.sponsorlinks li {
	padding-right: 0px; 
	padding-left: 10px; 
	background: url(../images/mini-icon/text-link-arrow.gif) no-repeat left center; 
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none
}
.sponsorlinks li a {
	color: #333333; 
	text-decoration: none
}
.sponsorlinks li a:visited {
	color: #333333;
	text-decoration: none
}
.sponsorlinks li a:hover {
	color: #ff6600;
	text-decoration: none
}

/* footer area */

#copyright {
	margin: 0px auto;
	width: 835px;
	color: #7d7d7d;
	font-size: 90%;
	padding-top: 10px;
	padding-bottom: 15px
}
#copyright a{
	color: #97b606;
	text-decoration:none;
	outline: none;
}
#copyright a:visited {
	color: #97b606;
	text-decoration: none;
}
#copyright a:hover {
	color: #ff9900;
	text-decoration: none;
}
.copyalignleft {
	float: left;
	padding-left: 5px;
}
.copyalignright {
	padding-right: 5px;
	float: right;
}

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
.glossymenu {
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}