@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	background-color:#33007B;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

body,p,table,tr,th,td,ol,ul,li {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444;
}

H1 {
	margin-top:17px;
	padding-top:0;
	color:#340075;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	margin:3px 0 0 0;
	padding:0 0 2px 0;
	color:#333;
	font-size:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #333;
}
#top {
	margin:0 auto;
	background-image:url(images/top.jpg);
	width:800px;
	height:80px;
}

#nav {
	margin:0 auto;
	background-image:url(images/nav_bg.jpg);
	background-repeat:repeat-x;
	width:800px;
	height:30px;
}

#nav ul {
	margin:0;
	padding:5px 0 0 10px;
}	
#nav ul li {
	display:inline;
	margin:0 10px 0 0;
}
#nav ul li a {
	width:100px;
	color:#333;
	text-decoration:none;
	font-size:14px;
}
#nav ul li a:hover {
	text-decoration:underline;
	color:#136527;
}
	

#top2 {
	margin:0 auto;
	width:800px;
	height:144px;
	background-image:url(images/top2.jpg);
	background-repeat:no-repeat;
}

#main {
	margin:0 auto 20px auto;
	width:800px;
	background-color:#E8E3F0;
	min-height:500px;
    height:auto !important;
    height:500px;
	border-bottom:1px solid #0B8D2B;
}

#left {
	float:left;
	width:200px;
	background-color:#E8E3F0;
}	
#right {
	float:left;
	margin-left:10px;
	width:570px;
	background-color:#E8E3F0;
}

#create_menu {
	margin:0 auto 10px auto;
	background-image:url(images/create_sign_bg.jpg);
	background-repeat:no-repeat;
	width:576px;
	height:37px;
}

#create_menu ul {
	margin:0;
	padding:8px 0 0 10px;
}	
#create_menu ul li {
	display:inline;
	margin:0 10px 0 0;
}
#create_menu ul li a {
	width:100px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
}
#create_menu ul li a:hover {
	text-decoration:underline;
	color:#FFF;
}

/* form styles */

form {
		padding:0;
		margin:0;
}
.input {
	font-size:10px;
	padding:2px;
}
.input_edit {
	font-size:12px;
	background-color:#F9F9F9;
	border-bottom:1px solid #666;
	border-top:none;
	border-right:none;
	border-left:none;
	padding:0;
	margin:0;
	color:#666;
}

.edit {
	background-color:#DBD1E9;
}

.textarea {
		font-size:11px;
		width:300px;
		height:100px;
}	
.select {
		font-size:11px;
		width:200px;
}
.100 {
	width:100px;
}
.150  {
	width:150px;
}

.200 {
	width:200px;
}
.300 {
	width:300px;
}
.button {
	margin:0;
	padding:0;
	width:150px;
	height:32px;
	padding-bottom:4px;
	border-style:none;
	background-image:url(images/btn.gif);
	background-color:transparent;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-align:center;
}

/* table style */

.table_form {
	 border-collapse: collapse;
	border-color:#AAA;
}
.table_form th {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#666;
	border-color:#AAA;
}
.table_form td {
	font-size:12px;
	color:#666;
	border-color:#AAA;
}
.table {
	font-size:11px;
	border-width: 1px;
    border-spacing: 0;
    border-collapse: collapse;
	border-color:#AAA;
}
.table th {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#0B8D2B;
	border-color:#AAA;
}
.table th.totals {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#A6B199;
}
.table td {
	font-size:11px;
	color:#666;
	border-color:#AAA;
}
.table td.totals {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#347E4D;
}

.table_form tr.shade {
	background-color:#F9F9D1;
}