html{
	position: relative;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .84em;
	background: #7F7F7F url(../images/complogo.jpg) repeat-y;
	margin: 0;
	padding: 2px 2px 2px 2px;
}

#innerbody{
	margin: 0 auto 0 auto;
	height: auto;
	width: auto;
	min-width: 75%;
	display: table;
	background: #FFFFFF;
	border: 0px;
	-webkit-border-radius: 1.2em;
	border-radius: 1.2em;
}

header{
	margin: 1px 1px 0 1px;
	border: 1px solid #336699;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

nav{
	width: 100%;
	color: #FFFFFF;
	background: #336699;
}

main{
	width: 100%;
}

footer{
	margin: 1px 1px 0 1px;
	border: 1px solid #336699;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

div, p {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
}

h1 {
	font-size: 2em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

h2 {
	font-size: 1.5em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

h3 {
	font-size: 1.17em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

h4 {
	font-size: 1em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

h5 {
	font-size: 0.83em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

h6 {
	font-size: 0.67em;
	text-align: center;
	margin: 1em 2px 1em 2px;
	padding: 2px 2px 2px 2px;
}

ol, ul{
	margin: 0;
	padding: 0 4px 1px 4px;
	display: block;
	list-style-position: inside;
	list-style-type: none;
}

table{
	border: 0;
	border-collapse:collapse;
	margin: 0 auto 0 auto;
	padding: 0;	/* row spacing */
}

/*thead, tbody, tfoot{}*/

tr{
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

th, td{
	border: 0;
	border-collapse: collapse;
	margin: 1px 1px 1px 1px;	/* cell spacing */
	padding: 2px 2px 2px 2px;	/* cell padding */
}

th{
	text-align: center;
	font-weight: bold;
}

/*td{}*/

td hr{
	margin: -1px;
}

table, thead, tbody, tfoot, tr, th, td{
	vertical-align: baseline;
	/* border: 1px solid #7F7F7F; /* diagnostic */
}

/* optgroup styling cascades down to option styling */
optgroup {
	background: #FFFFFF;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}

/* this override must follow immediately */
option {
	background: #FFFFFF;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

img{
	border: 0;
}

.searchmain{
	width: 84em;
	border: 1px solid #7F7F7F;
}

.searchdialog{
	width: 64em;
	border: 1px solid #7F7F7F;
	margin: auto auto 1em auto;
}

.altrow tr:nth-child(even),
.altcol td:nth-child(even),
.altitem li:nth-child(even) {
	background: #EEE;
}

.altrow tr:nth-child(odd),
.altcol td:nth-child(odd),
.altitem li:nth-child(odd) {
	background: #FFF;
}

.thumb_img{
	border: 1px solid #7F7F7F;
	margin: 5px 5px;
	max-width: 200px;
	max-height: 200px;
}

.button{
	font-size: .8em;
 	text-decoration: none;
	background: #F7F7F7;
	height: .9em;
	padding: 0 4px;
	margin: 0 1px;
	border: 1px solid #7F7F7F;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #4F4F4F;
}

.ud_arrow{
	height: 0.8em;
	width: 0.6em;
	vertical-align: middle;
}

a[id]{	/* camouflage "<a id=" link styling*/
	color: #000066;
 	text-decoration: none;
}

a.navigation {
	color: #000066;
	text-decoration: none;
}

a.navigation:visited {
	color: #000066;
	text-decoration: none;
}

a.navigation:hover {
	color: #000066;
	text-decoration: none;
	border-bottom: 1px dotted #000066;
}

a.searchlink {
	color: #FFFFFF;
	text-decoration: none;
}

a.searchlink:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.searchlink:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
}