/*=====================================================*/
/*  universal  */
/*=====================================================*/

body {									/* blue background */
	margin: 20px;
	background-color: #0b293c;
	font-family: verdana;
	font-size: 10px;
	color: #555;
	height: 100%;
	line-height: 1.7em;
	scrollbar-track-color: #0b293c;
}

table, tr, td {							/* getting into the nooks and crannies */
	font-family: verdana;
	font-size: 10px;
	color: #555;	
	line-height: 1.7em;
}

input {										
	background-color: #0b293c;
	font-family: verdana;
	font-size: 10px;
	color: #555;
	line-height: 1.7em;
}

a:link {
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #43657b;
	font-weight: normal;
}

a:visited {
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #43657b;
	font-weight: normal;
}

a:hover {
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #809eb2;
	font-weight: normal;
}



/*=====================================================*/
/*  master and top table  */
/*=====================================================*/

table.master {								/* container for the page */
	width: 700px;
	background-color: #fff;
}

table.top {									/* table that sits above the large image */
	width: 100%;
	height: 60px;
}

td.corner {									/* contains angled corner image */
	width: 15px;
}

td.logo {									/* contains the omnilogic logo */
	padding: 15px 20px 15px 0px;
	background: url(../images/bg_top_right.gif) top right no-repeat;
}



/*=====================================================*/
/*  banner table  */
/*=====================================================*/

table.banner {								/* contains the main image banner */
	width: 100%;
	padding-left: 18px;
	padding-right: 20px;
}




/*=====================================================*/
/*  menu and content tables  */
/*=====================================================*/

table.container {						/* contains everything below banner image */
	width: 700px;
	background: url(../images/bg_master.gif) bottom left no-repeat;
}

td.leftcontainer {						/* contains menu and login areas */
	width: 120px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}

table.menu {							/* contains the main menu */
	width: 100%;
	padding: 0 0 0 0;
}

td.rightcontainer {						/* holds content to the right of the menu */
	padding-left: 30px;
	padding-right: 19px;
	padding-bottom: 40px;
	padding-top: 20px;
}

table.content {							/* table that sits within the right container */
	width: 100%;
}

table.underlined {						/* regular table with a dotted line underneath */
	width: 100%;
	padding: 0 0 10 0;
	margin-bottom: 15px;
	border-bottom: 2px dotted #ddd;
}

table.bottompad {						/* regular table with no dotted line underneath */
	width: 100%;
	padding: 0 0 10 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.galleryindex {					/* thumb gallery paragraph plus thumb */
	width: 100%;
	padding: 0 0 10 0;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #ddd;
}

td.pagedesc {							/* descriptions that sit below the page title */
	padding-bottom: 20px;
	padding-top: 10px;
	width: 100%;
}

td.pagetitle {							/* page titles */
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 2px dotted #ddd;
}

td.submenu {							/* submenu that sits under the page title */
	padding-top: 5px;
	text-align: right;
	padding-bottom: 5px;
}

td.leftpic {							/* contain gallery index thumbs */
	width: 110px;
}

td.picdesc {							/* contains the gallery title and description in the index page */
	padding-left: 0px;
}


/*=====================================================*/
/*  paragraphs, headers and charts  */
/*=====================================================*/



p.loginbox {							/* paragraph surrounding login area */
	padding-top: 14px;
	margin-top: 10px;
	border-top: 2px dotted #ddd;
	text-align: right;
}

.alert {								/* error or alert messages */
	color: #a00;
}

.chartheader {							/* chart headings */
	font-weight: bold;
	color: #fff;
	background-color: #0B293C;
	padding-left: 6px;
}

.chartrow {								/* chart result rows */
	border-bottom: 2px dotted #ddd;
	padding-left: 2px;
}

.approved {									
	color: #3D7000;
}


/*=====================================================*/
/*  forms  */
/*=====================================================*/

input.input {							/* for login boxes */
	height: 22px;
	border: 1px solid #c9c4b8;
	background-color: #f6f5f2;
	padding-left: 5px;
	padding-right: 5px;
}



textarea {								/* for textareas */
	width: 340px;
	height: 60px;
	border: 1px solid #c9c4b8;
	background-color: #f6f5f2;
	font-family: verdana;
	color: #555;
	font-size: 10px;
	padding: 5px;
	scrollbar-face-color: #f6f5f2;
	scrollbar-track-color: #f6f5f2;
	scrollbar-arrow-color: #0b293c;
	scrollbar-3dlight-color: #f6f5f2;
	scrollbar-shadow-color: #f6f5f2;
	scrollbar-highlight-color: #f6f5f2;
	scrollbar-darkshadow-color: #f6f5f2;
}

input.checkbox {					/* in case we want to change checkbox looks */
	background-color: #fff;
}

input.radio {
	background-color: #fff;			/* radio buttons */
}

.select {
	font-family: verdana;
	color: #555;
	font-size: 10px;
	background-color: #f6f5f2;
	height: 22px;
}



/*=====================================================*/
/*  images  */
/*=====================================================*/

img.thumbnail {						/* adds a pretty border to the thumbnails! */
	border: 20px solid #f6f6f6;
}


/*=====================================================*/
/*  links  */
/*=====================================================*/

a:link.menu {							/* main menu links */
	text-decoration: none;
	color: #43657b;
	font-weight: normal;
}

a:visited.menu {						/*  */
	text-decoration: none;
	color: #43657b;
	font-weight: normal;
}

a:hover.menu {							/*  */
	text-decoration: underline;
	color: #809eb2;
	font-weight: normal;
}

a:link.menu2 {							/* logged in menu links */
	text-decoration: none;
	color: #9D9077;
	font-weight: normal;
}

a:visited.menu2 {						/*  */
	text-decoration: none;
	color: #9D9077;
	font-weight: normal;
}

a:hover.menu2 {							/*  */
	text-decoration: underline;
	color: #B9AD96;
	font-weight: normal;
}


a:link.admin {							/* logged in menu links */
	text-decoration: underline;
	color: #9D9077;
	font-weight: normal;
}

a:visited.admin {						/*  */
	text-decoration: underline;
	color: #9D9077;
	font-weight: normal;
}

a:hover.admin {							/*  */
	text-decoration: underline;
	color: #B9AD96;
	font-weight: normal;
}


a:link.loggedin {						/* links that replace login boxes when logged in */
	text-decoration: none;
	color: #8f856c;
	font-weight: normal;
}

a:visited.loggedin {					/*  */
	text-decoration: none;
	color: #8f856c;
	font-weight: normal;
}

a:hover.loggedin {						/*  */
	text-decoration: underline;
	color: #b2aa95;
	font-weight: normal;
}

a:link.chartlink {						/* links that replace login boxes when logged in */
	text-decoration: none;
	color: #43657b;
	font-weight: normal;
}

a:visited.chartlink {					/*  */
	text-decoration: none;
	color: #43657b;
	font-weight: normal;
}

a:hover.chartlink {						/*  */
	text-decoration: underline;
	color: #809eb2;
	font-weight: normal;
}

a:link.newstitle {						/* News and Events titles */
	text-decoration: underline;
	color: #43657b;
	font-weight: bold;
}

a:visited.newstitle {					/*  */
	text-decoration: underline;
	color: #43657b;
	font-weight: bold;
}

a:hover.newstitle {						/*  */
	text-decoration: underline;
	color: #809eb2;
	font-weight: bold;
}

a:link.results {						/* Search criteria */
	text-decoration: none;
	color: #a00;
	font-weight: normal;
}

a:visited.results {						/*  */
	text-decoration: none;
	color: #a00;
	font-weight: normal;
}

a:hover.results {						/*  */
	text-decoration: underline;
	color: #d14e4e;
	font-weight: normal;
}