* { /* <-- Reset browser defaults */
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body { 
	background: #282828 url(./images/main_bg.png) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	margin: 10px;
	color: #000000;
}

p {
	display: inline;
}

img { 
	border: 0;
}

form {
	display: inline;
}

hr {
	border: 0;
	border-top: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 1px;
}

h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.70em;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
}

h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
}

h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.90em;
	font-weight: normal;
	color: #333333;
	margin-top: 0;
}

a:link, a:visited { 
	color: #005fa9;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

select, option { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	cursor: pointer;
	vertical-align: middle;
	width: auto;
	height: 19px;
	color: #000000;

}

div#accent {
	padding: 1em;
	width: 190px;
	height: auto;
	float:right;
}

div#accent2 {
	padding: 1em;
	width: 190px;
	height: auto;
	float:left;
}

div#add {
	float:right;
}

div#sidebar {
	padding: 1em;
	float:right;
}

div#code {
        background: #8c8c8c;
	padding: 1em;
	border: 1px solid;
	width: 600px;
 
}

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

.menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(http://www.iimages.org/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*/

}

.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 .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(http://www.iimages.org/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*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

div#warn {
	background: #000000 url(./images/warn.png) repeat-x;
	border-bottom: 1px solid #020202;
	border-top: 1px solid #3E464C;
	height: 27px;
	padding: 0 15px;
}

div#menu_under {
	background: #000000 url(./images/menu.png) repeat-x;
	border-bottom: 1px solid #020202;
	border-top: 1px solid #3E464C;
	float:right;
}

div#titel {
	background: url(./images/titel.png) repeat-x;
	width: 500px;
	height: 58px;       	
	float: none;
}

div#message_box { 
	background: #D8DCEB url(./images/blue_box_bg.gif) repeat-x;
	border: 1px solid #BFC8E3;
	margin: 5px auto 10px;
	width: 500px;
	padding: 10px;
	text-align: left;
}

th, .table_header { 
	background: #006699 url(/titlebar.png) repeat-x;
	color: #FFFFFF;
	font-size: 0.90em;
	height: 25px;
	text-align: center;
}

td span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

td span.arial {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 700;
}

td .explain {
	font-size: 0.90em;
	font-style: italic;
}

input[type="file"] { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	height: 21px;
	width: 400px;
}

.url_upload {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	height: 16px;
	width: 350px;
}

.page_cell { 
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

.input_field, .button1 { 
	background: #FFFFFF url(./images/input_bg.gif) repeat-x;
	border: 1px solid #B3B9C4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	padding: 3px;
	color: #000000;
}

a.button1:link, a.button1:visited, a.button1:hover {
	color: #000000;
	text-decoration: none;
}

.button1:active, .button1:hover, .input_field:focus, .input_field:hover {
	border: 1px solid #7E8993;
}

.table_footer { 
	background: #417DB7 url(/titlebar.png) repeat-x bottom;
	color: #FFFFFF;
	height: 15px;
	padding: 5px;
	text-align: center;
}

.table_border { 
	border: 1px solid #345487;
	margin: 0;
	padding: 0;
	width: 100%;
}

.tdrow1, td.tdrow1, tr.tdrow1 { 
	background: #EBF1F5;
	padding: 5px;
}

.tdrow2, td.tdrow2, tr.tdrow2 { 
	background: #cfcfcf;
	padding: 5px;
}

/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}

.fade_top { 
	background: #FFFFFF url(./images/pc_fade_t.gif) repeat-x;
	font-size: 0;
	height: 10px;
}

.fade_bottom { 
	background: #FFFFFF url(./images/pc_fade_b.gif) repeat-x;
	font-size: 0;
	height: 10px;
}

.logo { 
	background: #658AB4 url(./images/site_logo.png) no-repeat;
	border: 1px solid #000000;
	height: 140px;
	width: 970px;
}

.align_right {
	float: right;
}

.align_left {
	float: left;
}

.align_left span, .align_right span, .align_left div, .align_right div {
	display: inline;
}

.nav_menu { 
	background: #000000 url(./images/nav_men_bg.gif) repeat-x;
	border-bottom: 1px solid #020202;
	border-top: 1px solid #3E464C;
	height: 27px;
	padding: 0 15px;
}

.nav_menu ul { 
	border-left: 1px solid #020202;
	border-right: 1px solid #3D464C;
	float: left;
	margin: 0;
	padding: 0;
}

.nav_menu li { 
	border-left: 1px solid #3e464c;
	border-right: 1px solid #020202;
	float: left;
	line-height: 27px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav_menu a:visited, .nav_menu a:link { 
	color: #CCCCCC;
	float: left;
	font-size: 1.0em;
	font-weight: 700;
	height: 27px;
	padding: 0 12px;
}

.nav_menu a:hover { 
	background: #000000 url(./images/nav_men_hov.gif) repeat-x;
	color: #c50303;
	text-decoration: none;
}

.members_bar { 
	background: #000000 url(./images/nav_mem_bar.gif) repeat-x;
	border-bottom: 1px solid #070809;
	color: #CCCCCC;
	height: 30px;
	font-weight: 700;
	font-size: 1.0em;
}

.members_bar a:visited, .members_bar a:link, .members_bar a:hover { 
	color: #CCCCCC;
	text-decoration: none;
}

.members_bar .guest_links { 
	padding: 9px;
	text-align: center;
}

.members_bar .member_links_right { 
	padding: 9px;
	float: right;
}

.members_bar .member_links_left { 
	padding: 9px;
	float: left;
}

.page_body { 
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	text-align: left;
}

.page_footer { 
	background: #3B57A0 url(./images/pc_foot_bg.gif) repeat-x;
	color: #FFFFFF;
	height: 15px;
	padding: 5px;
	text-align: center;
}

.page_footer a:link, .page_footer a:visited, .page_footer a:hover { 
	color: #FFFFFF;
}

.page_footer img { 
	vertical-align: middle;
}

.lightbox_background { 
	-moz-opacity: 0.80px;
	background: #000000;
	filter: alpha(opacity=80);
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.80;
	position: absolute;
	width: 100%;
	z-index: 1001;
}

.lightbox_main { 
	background: #FFFFFF;
	border: 1px solid #345487;
	left: 25%;
	top: 20%;
	overflow: hidden;
	position: absolute;
	width: 515px;
	z-index: 1002;
}

.message_box { 
	background: #D8DCEB url(./images/blue_box_bg.gif) repeat-x;
	border: 1px solid #BFC8E3;
	margin: 5px auto 10px;
	padding: 10px;
	text-align: center;
}

.message_box h1 { 
	color: #FF0C00;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.70em;
	font-weight: 700;
}

.thumbnail { 
	border: 1px outset #000000;
}

.pagination {
	height: 1%;
	width: auto;
	font-size: 0.85em;
	margin-top: 3px;
	float: right;
}

.pagination strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	font-size: 0.85em;
	color: #FFFFFF;
	background: #c50303;
	border: 1px solid #c50303;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
	font-weight: normal;
	font-size: 0.85em;
	text-decoration: none;
	color: #5C758C;
	margin: 0 2px;
	padding: 0 2px;
	background: #ECEDEE;
	border: 1px solid #B4BAC0;
}

.pagination a:hover {
	border-color: #c50303;
	background: #c50303;
	color: #FFFFFF;
	text-decoration: none;
}

.pulldown_menu {
	cursor: pointer;
}

.pulldown_menu ul {
	display: none;
	list-style: none;
	border: 1px solid #999999;
}

.pulldown_menu:hover ul {
	display: block;
	position: absolute; /* Safari Fix */
}

.pulldown_menu li {
	font-size: 0.90em;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	border-bottom: 1px solid #DDD;
	background: #EFF3F7;
	white-space: nowrap;
	width: auto;
	padding: 3px;
}

.pulldown_menu li.header {
	padding: 2px;
	text-align: center;
	background: #E1E2E5;
	font-weight: 700;
}