/* Main application stylesheet */
/* general tag styles */
body {
    background: url(/images/bg.gif);
	text-align: center;
    font-size: 68%;
    font-family: arial, sans-serif;
    color: #000;
    margin: 0px;
    } 

img { border: 0px; } 

table { border-collapse: collapse; font-size: 100%; }

h1 {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 18px;
	background: url(/images/h1-bg.gif) bottom left no-repeat;
	color: #21201E;
}

h2 {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	font-size: 15px;
	color: #21201E;
}

p{
	padding-top: 0px;
	padding-bottom: 4px;
}

td { 
    vertical-align: top; 
    text-align: left;
    }         
    
th {
   vertical-align: top;
   text-align: left;
   font-weight: bold;
   }

a { color: #000; }

input {
    font-size: 11px;
    padding: 3px;
    }

textarea {
    font-size: 11px;
    padding: 3px;
    }

form { margin: 0px; padding: 0px; }

/* useful general styles */
.bold {
    font-weight: bold;
    }

.center, .centered  {
    text-align: center;
    }

.black{
	color: #21201E;
}

ol.alpha {
    list-style-type: lower-alpha;
    }

.name{
	float: left;
	width: 740px;
	height: 17px;
	padding: 10px;
	background: #eee;
	display: inline;
	margin-top: 10px;
}
.name a{
	font-weight: bold;
	text-decoration: none;
}

.name-expanded{
	float: left;
	width: 740px;
	padding: 10px;
	background: #eee;
	display: inline;
}

/* outer container styles */
#primary_wrapper {
    margin: auto;
    margin-top: 0px;
    width: 800px;
	margin-top: 20px;
    }

#secondary_wrapper {
    width: 100%;
    padding: 0px;
    float: left;
    text-align: center;
    background-color: #787777;
	border: solid 1px #fff;
	}

/* header */
#header { 
    float: left; 
    clear: right;
    width: 100%;
    text-align: left;
    height: 65px;
    background-color: #fff;
    }

#header #logo { float: left;}

#header img { margin-top: 5px; margin-left: 5px; }

#header #datetime { 
	float: right;
	margin-top: 22px;
	margin-right: 10px;
	display: inline;
	}

/* navbar */
/* horizontal navbar */
#navbar {
    float: left;
    clear: left;
    background: #231f20;
    width: 100%;
    height: 29px;
	text-align: left;
	}
#navbar ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 6px;
}
#navbar ul li{
	float: left;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}
#navbar ul li a{
	color: #fff;
	text-decoration: none;
	}
#navbar ul li a:hover{
	text-decoration: underline;
	}

#subnav{
	float: left;
	width: 740px;
	background: url(/images/navigation-bg.gif) bottom right no-repeat;
	background-color: #eee;
	padding: 10px;
	margin-bottom: 20px;
	display: inline;
}
#subnav ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#subnav ul li{
	float: left;
	margin-right: 10px;
	color: #000;
}
#subnav ul li a{
	text-decoration: none;
}
#subnav ul li a:hover{
	text-decoration: underline;
}

/* content_for_layout container */
#main_content {
    float: left;
    width: 800px;
    height: auto;
    /*min-height: 500px;*/
    color: #000;
    font-size: 90%;
	padding: 10px;
	display: inline;
    }

#main_content #main_content_inner {
    margin-bottom: 30px;
	text-align: left;
	}
	
#main_content_pages{
	float: left;
	margin: auto;
	width: 760px;
	height: auto;
	background: #fff;
	font-size: 120%;
	padding: 10px;
}

#text-area{
	margin: 0px;
	padding: 10px;
	width: 764px;
}


/* footer */
#footer {
    float: left;
    clear: left;
    width: 100%;
    height: 25px;
    font-size: .8em;
    background: #fff;
    color: #767676;
	display: inline;
    } 

#footer #footer_navbar {	
	margin: 6px 0px 3px 0px;
	}

#footer a {
	color: #767676;
	text-decoration: none;
    }
	
#footer a:hover {
	text-decoration: underline;
    }
	
#credits{
	float: left;
	width: 100%;
	padding-top: 10px;
	color: #fff;
	font-size: 10px;
}
#credits a{
	color: #fff;
	text-decoration: none;
}
#credits a:hover{
	color: #fff;
	text-decoration: underline;
}