body {
    margin: 0 auto;
	padding: 0;
    background: #69c url('../images/bg.jpg') top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 1000px;
}
a {
    color: #008bf0;
}

h4 {
    margin: 0 0 20px;
    padding: 8px 10px;
	background: #000;
	color: #fff;
	-moz-border-radius: 10px;
}
h5 {
	margin: 0;
	padding: 8px 10px;
	background: #ddd;
	font-size: 12px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}


h6 {
	 margin:0;
	 padding:8px 10px;
	 background:#ddd;
	 font-size:12px;
	 -moz-border-radius-topleft:10px;
	 -moz-border-radius-topright:10px;
}


p {
    margin: 0 0 20px;
	line-height: 1.5em;
}
img {
    border: 0;
}
u { cursor: pointer; }


/* ===========================================
	Header
============================================== */

#division {
	margin: 0;
	padding: 20px 20px 0;
	height: 70px;
}
#division ul {
    float:right;
	margin: 5px 0 0 0;
	padding:0;
	list-style:none;
}
#division ul li {
    float:left;
	margin:0 0 0 5px;
}
#division li a {
    margin: 0;
	padding: 8px 10px;
	color: #def;
	font-size: 12px;
	text-decoration: none;
	display: block;
	text-align:center;
	background: #4789c3 url('../images/division-nav.gif') top left repeat-x;
	-moz-border-radius: 5px;
    border-right: 1px solid #036;
    border-bottom: 1px solid #036;
}
#division li a:hover {
    background: #369;
}
#division h1 {
    margin: 0;
	padding: 0;
	text-indent: -9000px;
}

#header-wrap {
    background: url('../images/header-wrap.jpg') repeat-x;

}
#header {
    margin: 0;
	padding: 20px 20px 0;
	background: #ccc url('../images/bg.gif');
	-moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-right: 1px solid #369;
}
#header p {
    float: right;
	color: #fff;
}
#header ul {
    float:right;
	margin: 0px 0 0;
	padding:0;
	list-style:none;
}
#header ul li {
    float:left;
	margin:0 0 0 5px;
}
#header ul li a {
    margin: 0;
	padding: 8px 10px;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	display: block;
	text-align:center;
	background: #ccc url('../images/header-nav.gif') top left repeat-x;
	-moz-border-radius: 5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
#header ul li a.login {
    background: url('../images/header-nav-green.gif') top left repeat-x;
}
#header ul li a.login:hover {
    background: #090;
}
#header ul li a:hover {
    background: #eee;
}
#header ul li a.logout {
    background: #900;
}


/* ===========================================
	Navigation
============================================== */
#nav {
    margin: 0 0 0px;
	padding: 0 20px;
	background: #036;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style:none;
	height: 39px;
}
#nav ul li {
    float:left;
}
#nav ul li a {
    margin: 0 5px 0 0;
	padding: 12px 15px;
	color: #fff;
	background: #369;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 80px;
    -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
#nav ul li a:hover, #nav ul li#login a:hover {
    background: #fff;
	color: #000;
}
#nav ul li.current a {
    background: #fff;
	color: #000;
}
#nav ul li#login.current a {
	background: #eee;
	color: #000;
}


#nav li#login a {
	width: 150px;
	background: #090;
}
#nav li#login {
	float: right;
}


/* ===========================================
	CONTENT
============================================== */

#content {
    margin: 0;
	padding: 0;
	background: #9cf url('../images/bg.gif');
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
	width: 1000px;
	vertical-align: top;
    border-right: 1px solid #369;
    border-bottom: 1px solid #369;
}
td#main {
    padding: 20px 20px 0;
    background: #fff;
    -moz-border-radius: 10px;
    main-height: 500px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}
td#main-home {
    padding: 20px 20px 0;
    background: #fff url('../images/feature.png') top center no-repeat;
    -moz-border-radius: 10px;
    main-height: 500px;
    border-left: 1px solid #999;
    border-top: 1px solid #036;
}
td#bar {
    margin: 0;
    padding: 10px 20px;
    background: #ffd;
    -moz-border-radius: 10px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}

#content h1 {
    font-size: 20px;
    margin: 0 0 20px 0;
	padding: 0;
	color: #000;
}
#content h2 {
    font-size: 16px;
    margin: 0 0 20px 0;
	padding: 0;
	color: #000;
}

#content h3 {
    margin: 0 0 10px 0;
	padding: 8px 10px;
	background: #eee;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 5px;
    border: 1px solid #ccc;
}

/* ===========================================
	SIDEBAR
============================================== */

#sidebar {
    padding: 20px;
    background: #fff;
    -moz-border-radius: 10px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}

#sidebar {
    margin: 0;
	padding-left: 20px;
	width: 220px;
	vertical-align: top;
}
#sidebar h1 {
	margin: 0 0 10px 0;
	padding: 8px 10px;
	background: #eee;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 5px;
    border: 1px solid #ccc;
}
#sidebar ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
#sidebar li {
	margin: 0 0 5px;
	padding: 0;
}


#feature {
    margin: 0px;
    padding: 20px 20px 0;
	height: 340px;
    -moz-border-radius: 10px;
}
#feature table {
    margin: 260px 0 0 0;
    padding: 0;
    width: 390px;
}
#feature td {
    padding-right: 0px;
}


#box-320 {
    margin: 0 20px 20px 0;
	padding: 20px;
	width: 258px;
	height: 200px;
	border: 1px solid #ccc;
	float:left;
}

.stop {
    margin-right: 0;
}


.clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearing {
    display: inline-block;
    }

/* Hides from IE-mac \*/
* html .clearing {
    height: 1%;
    }
.clearing {
    display: block;
    }
/* End hide from IE-mac */
/*** end clearing hack ***/



/* ===========================================
	Footer
============================================== */

#footer {
    margin: 0;
	padding: 20px;
}
#footer ul {
    float:right;
	margin: 0;
	padding:0;
	list-style:none;
}
#footer ul li {
    float:left;
	padding:0 10px 0 0;
	border-right: 1px solid #91b9db;
}
#footer li a {
    margin: 0 0 0 10px;
	padding: 0;
	color: #036;
	text-decoration: none;
}
#footer li a:hover {
    text-decoration: underline;
}
#footer li.last {
    border: 0;
	padding: 0;
}

/* ===========================================
	Misc classes
============================================== */

table.list {
    margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
}
table.list th {
	background: #def;
	padding:8px 10px;
	text-align:left;
}
table.list td {
	padding:5px 10px;
	border-bottom: 1px solid #eee;
}
table.list tr:hover td {
	background: #eee;
}

table.list th.left {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}
table.list th.right {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

div.comment {
   	margin: 0 0 20px 0;
	background:#eee;
	-moz-border-radius: 10px;
	padding:20px;
    border: 1px solid #ccc;
}
table.entry, div.entry {
    margin: 0 0 20px 0;
	background:#eee;
	-moz-border-radius: 10px;
	padding:20px;
    width: 50%;
    border: 1px solid #ccc;
}
table.entry th {
	font-weight: normal;
	color: #667;
}
table.entry td {
    padding:2px 0;
	text-align: center;
    color: #666;
}

table.entry-form {
	margin:0 0 20px 0;
	background:#eee;
	padding:20px;
	-moz-border-radius: 10px;
    border:1px solid #ccc;
    color: #666;
}
table.entry-form th {
	text-align: right;
	color: #667;
	font-weight: normal;
	vertical-align: top;
	padding: 4px 0 5px 0;
	white-space: nowrap;
}
table.entry-form p {
    margin: 0 0 0px 0;
	padding: 0 0 0 18px;
	color: #c00;
	font-weight: bold;
	background: url('../images/error.png') left top no-repeat;
}
table.entry-form td {
	width: 100%;
	padding: 0 0 5px 0;
}


table.facility-info {
	margin:0 0 20px 0;
	background:#fff;
}
table.facility-info th {
    padding-right: 10px;
	text-align: left;
	color: #667;
	font-weight: normal;
}

.table {
	margin: 0 0 20px;
	width: 100%;
	border-collapse: collapse;
    border-color: #ccc;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
.table th {
	background: #eee;
	padding: 5px 10px;
	font-weight: bold;
    color: #666;
    font-size: 11px;
    border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
}
.table td {
	padding: 5px 10px;
	text-align: center;
    border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
}
.table .left { text-align: left; }
.table .right { text-align: right; }
.table .black-underline {
    border-bottom: 1px solid #000;
}
.table .no-border {
    border:none;
}
.table tr.header .left-corner {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.table tr.header .right-corner {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
}

.table tr.header th {
    border:none;
    padding: 10px;
    background: #def;
}
.table tr:hover {
	background: #ffc;
}

.sidebar_table {
    margin: 0 0 20px;
	width: 100%;
	border-collapse: collapse;
}
.sidebar_table td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.sidebar_table .no-border{
    border:none;
}
.sidebar_table .left { text-align: left; }
.sidebar_table .right { text-align: right; }


.definitions {
    margin: 0 0 15px 0;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.definitions th {
    text-align: left;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:3px;
}
.definitions td {
    padding: 3px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/* ===========================================
	Form
============================================== */

p.error {
    margin: 0 0 20px 0;
	padding-left: 20px;
	color: #c00;
	font-weight: bold;
	background: url('../images/error.png') left top no-repeat;
}

input, select, textarea {
	padding: 2px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
}
input.button, a.button {
    background: #369 url('../images/division-nav.gif') top left repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 8px 15px;
	width: auto;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #036;
	border-right: 1px solid #036;
}
input.button:hover, a.button:hover {
    background: #69c;
	cursor: pointer;
}
.gray {
    background: #eee;
    color: #000;
    border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.button-small {
	background: #900;
    color: #fff;
	font-weight: bold;
    font-size: 8px;
	text-decoration: none;
	margin: 0;
	padding: 5px 10px;
	border: 0;
}

.center {
	text-align: center;
}

p.message {
    margin: 0 0 20px 0;
    padding:0 0 0 22px;
    background: url('../images/accept.png') 0px 2px no-repeat;
    color: #090;
    font-weight: bold;
    -moz-border-radius: 10px;
}

#tooltip {
	position:absolute;
	border:1px solid #cc9;
	background:#ffc;
	padding: 10px;
	color: #333;
	display:none;
    width: 200px;
}
a.tooltip {
    color: #666;
    text-decoration: underline;
}


