/* CSS Document */

body {background: #000000 url(images/bg.jpg) repeat-y top center; font-size: 10pt; line-height:1.75em; margin:0px; padding:0px; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; }

.menuheader {font-size: 10pt; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

strong { font-weight: bolder;}

body, p {color:#999;}

td.thumbs {width: 40px; height: 40px; padding:5px; margin:5px;}


a.button:link { color:#999; text-decoration:none; background-color:#222; padding:2px 5px 3px 5px; font-size:9px;}
a.button:visited { color:#999; text-decoration:none; background-color:#222; padding:2px 5px 3px 5px; font-size:9px;}
a.button:active { color:#999; text-decoration:none; background-color:#222; padding:2px 5px 3px 5px; font-size:9px;}
a.button:hover { color:#fff; text-decoration:none; background-color:#444; font-size:9px;}

.info_b {font-size: 1em; color:#2c51c1;}

.info_g {font-size: .9em; color:#999;}

.info_w {font-size: 1em; color:#fff;}

img, a img {border:none;}

.copy {font-size: .7em; font-weight:700; color:#999;}

textarea, input {background-color:#222; color:#999; border:1px solid #000000; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;}

textarea:hover, input:hover {background-color:#666; color: #fff;}

.send {font-size: 9px; color:#999;}

table.bg {border: 2px solid #222; background: #000000;}

h3 {font-size: 10pt; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#000000; padding:2px 5px 3px 5px; background-image:url(images/h3_bg.jpg); background-position:center;}

h3:hover {font-size: 10pt; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#000000; padding:2px 5px 3px 5px; background-image:url(images/h3_over_bg.jpg);}

a {color:#999; text-decoration:none;}

a:hover {color:#ffffff;}

table.main {background-image:url(images/icon_bg.jpg); background-position:top left; background-repeat: no-repeat;}

<style type="text/css">
.arrowlistmenu{
	width:100%;/*width of accordion menu*/
	color:#ffffff;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 5px 45px 5px 45px; /*header text is indented 30px*/
	cursor: hand;
	cursor: pointer;
}

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

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

.arrowlistmenu ul li a{
	display: inline;
	padding-left: 10px; /*link text is indented 20px*/
}

li a img, li a:visited img, li a:active img, li a:active img {border: 1px solid black;}
li a:hover img {border: 1px solid #000000;}
li.thumbs a:hover img {border: 1px solid #666666;}
</style>