html {
	padding: 0;
	margin: 0px 10px;
	border: 0;
}

body { 
	background: #52576E;  
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0;
}



/* Layout Logon Screen */
#logon {
	width: 510px;
	height: 261px;
	margin: 0 auto;
	background: url(logon.jpg) #F5F9FF no-repeat;

}
#logon_form {
	padding-top: 55px;
	padding-left: 160px;
	text-align: left;
}

#disclaimer {
	margin: 0 auto;
	margin-top: 30px;
	width: 40%;
	font-size: 80%;
	font-family: sans-serif;
	color: #BDCCD1;
}

#firefox {
	margin: 0 auto;
	margin-top: 20px;
	font-size: 60%;
	font-family: sans-serif;
	color: #BDCCD1;
	
}

/* Layout :: Header */
#header {
	/*position: absolute;*/
	top: 0px; left: 20px;
	text-align: left;
	height: 140px;
	width: 100%;
	/*background: #eaa31b;*/
	padding: 0;
	margin: 0;
}

#header h4 {
	margin-top: -10px;
	font-size: 100%;
	font-family: sans-serif;
	color: #BDCCD1;
}

#header h1 {
	font-size: 200%;
	font-family: sans-serif;
	color: #BDCCD1;
}

#header a {
	margin-left: 20px;
	color: #BDCCD1;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	text-align: right;
	padding: 4px 8px;
	border: 2px solid #BDCCD1;
}

#header a:hover {
	color: #071202;
	background-color: #BDCCD1;
}

/* Menu */
#menu {
	margin-left: 20px;
	margin-top: 20px;
	
}

#back, #list, #password, #groups, #church, #attendees, #idcards, #stats, #update, #system, #hotel, #assign {
		font-family: sans-serif;
		font-weight: bold;
		font-size: 120%;
		
		float: left;
		width: 125px;
		margin: 10px;
		padding-top: 125px;
/*		color: #BDCCD1;*/
}
/*
div:hover#church, div:hover#attendees, div:hover#idcards, div:hover#stats, div:hover#updates {
	color: white;
}
*/
div#back {
	background: url("nav_back.gif") no-repeat;
}
div:hover#back {
	background: url("nav_back_glow.gif") no-repeat;
}
div#list {
	background: url("nav_list.gif") no-repeat;
}
div:hover#list {
	background: url("nav_list_glow.gif") no-repeat;
}
div#password {
	background: url("nav_password.gif") no-repeat;
}
div:hover#password {
	background: url("nav_password_glow.gif") no-repeat;
}
div#groups {
	background: url("nav_group.gif") no-repeat;
}
div:hover#groups {
	background: url("nav_group_glow.gif") no-repeat;
}
div#church {
	background: url("nav_church.gif") no-repeat;
}
div:hover#church {
	background: url("nav_church_glow.gif") no-repeat;
}
div#attendees {
	background: url("nav_attendees.gif") no-repeat;
}
div:hover#attendees {
	background: url("nav_attendees_glow.gif") no-repeat;
}
div#idcards {
	background: url("nav_idcards.gif") no-repeat;
}
div:hover#idcards {
	background: url("nav_idcards_glow.gif") no-repeat;
}
div#stats {
	background: url("nav_stats.gif") no-repeat;
}
div:hover#stats {
	background: url("nav_stats_glow.gif") no-repeat;
}
div#update {
	background: url("nav_update.gif") no-repeat;
}
div:hover#update {
	background: url("nav_update_glow.gif") no-repeat;
}
div#system {
	background: url("nav_system.gif") no-repeat;
}
div:hover#system {
	background: url("nav_system_glow.gif") no-repeat;
}
div#hotel {
	background: url("nav_hotel.gif") no-repeat;
}
div:hover#hotel {
	background: url("nav_hotel_glow.gif") no-repeat;
}
div#assign {
	background: url("nav_assign.gif") no-repeat;
}
div:hover#assign {
	background: url("nav_assign_glow.gif") no-repeat;
}


/* Layout */
div#clear {
	clear: both;
}

div#form {
	float: left;
	/*float: left;
	margin-top: 180px;
	margin-right: 40px;*/
	text-align: left;
	color: #BDCCD1;
}

div#form fieldset {
	border: 5px solid #2B2D34;
	padding: 20px 10px;
	background-color: #A3A6AB; /*949DAA;*/
}

div#form input {
    font-size: 120%;
    width: 300px;
    text-align: left;
}

div#form input.button {
    width: 100px;
    font-size: 90%;
}

div#form input.radio_button {
    width: 20px;
    font-size: 90%;
    text-align: left;
    margin: 0;
    padding: 0;

}

div#form table, div#form tr, div#form th,  div#form td, div#form tr:hover{
    background: transparent;
    border: none;
}

div#form legend {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 140%;
	border: 1px solid #2B2D34;
	padding: 4px 12px;
	background: #2B2D34;
}
	
div#form label {
	font-family: "Times New Roman", serif;
	font-size: 120%;
    color: #222; /*2B2D34;*/
    text-align: left;
}

div#view {
	margin-top: 20px;
	margin-left: 150px;
	text-align: left;
}

ol {
    text-align: left; 
    color: white;
    font-family: sans-serif;
    margin-left: 30px;	
}

#wrap {
	margin:0 auto;
}

#content {
	background: #F6F3D9;
	margin-top: 140px;
	padding: 30px;
	padding-top: 10px;
	text-align: left;
}
#navigation {
	float: left;
	width: 200px;
	padding: 5px;
}
#view {
	margin-left: 230px;
	width: 70%; 
}

#footer {
	width: 100%;
	height: 58px;
	background: #eaa31b;
}

/* Misc. */

h1, h2, h3, h4, h5, h6 { color: #BDCCD1; font-family: sans-serif;}

.underlined {
	text-decoration: underline;
}

.highlighted {
	color: #417000;
}

#instructions, #message {
	font-size: 100%;
	width: 400px;
	font-family: sans-serif;
    color: #330000;
    background: #99CCCC;
    padding: 10px;
    border: thin solid black;
    margin: 10px 20px 10px 20px;
    text-align: left;
}

#message {
    background-color: #8E97A3;
}

#message a {
    color: #663300;
}

#instructions h3 {
    margin: 0;
    padding: 0;
    color: #000000;
}

#instructions ol {
    margin: 0 0 0 2em;
    padding: 0;
}

#instructions li {
    color: #333333;
}

/*
p.instructions:first-letter { 
	font-size: 110%; 
	font-family: serif;
	/*color : #d88500;*/ 
}*/

.error {
	color: red;
	font-size: 100%;
	font-weight: bold;
}

.msg {
	color: #9AA4EE;
	font-size: 100%;
	font-weight: bold;
}

.danger {
	color: yellow; 
	font-size: 120%;
	font-weight: bold;
}

img {
	border-width: 0px;
}

table {
	background-color: #EAEAEA;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	margin-bottom: 20px;
}

caption {
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #eeeeee;
	font-size: 85%;
	padding-bottom: 6px;
}

caption span {
    font-size: 75%;
    color: #cccccc
}

li {
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #eeeeee;
	font-size: 85%;
	padding-bottom: 6px;
}

th, td {
	padding: 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

th {
	color: #555;
	font-family: Verdana, sans-serif;
	font-weight: bold;	
	background-color: #CC9933;
}

th a {
	color: #222;	
   	text-decoration: underline;
}

th a:hover {
	color: #eee;
}

td a {
	color: #000033;
	font-weight: bold;
	text-decoration: underline;
}

td a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

tr:hover {
    background-color: #CC6666;
}

.tabletitle { background-color: #BFBED5; }
.tablerow1 { background-color: #EAEAEA; }
.tablerow2 { background-color: #C9C9C9; }
.tablerowhighlight { background-color: #CC6666; }

#button_edit, #button_assign, #button_remove {
	width: 14px;
	height: 14px;
	margin: 3px 3px;
	background-repeat: no-repeat; 
}

#button_edit {
	background-image: url(button_edit.gif);
}

#button_edit:hover{
	background-image: url(button_edit_highlighted.gif);
}

#button_assign {
	background-image: url(button_assign.gif);
}

#button_assign:hover{
	background-image: url(button_assign_highlighted.gif);
}

#button_remove {
	background-image: url(button_remove.gif);
}

#button_remove:hover{
	background-image: url(button_remove_highlighted.gif);
}

a {
	color: #d88500; /*#D6C2C2;*/
	text-decoration: dashed;
}

a:hover {
	color: white;
	text-decoration: underline;
}