@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: #f4d899 url(images/backgroundBody.jpg) repeat-x;
	text-align: center;
}
a, b, strong {
	color: #0606c3;
}
a:hover {
	color: #000;
}

h1 {
	font: normal 22px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0606c3;
	margin-bottom: 5px;
}
h2 {
	font: normal 18px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0606c3;
	margin-bottom: 5px;
}
td {
	padding: 3px 5px;
}
th {
	color: #FFF;
	text-align: left;
	padding: 3px 5px;
	height: 28px;
	line-height: 26px;
}

p {
	margin-bottom: 15px;
	line-height: 20px;
}
ul, ol {
	margin-bottom: 15px;
	margin-left: 30px;
}

.blueRow {
	background: #CFF0F3;
}

.formInput {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0606c3;
	padding: 2px 3px;
}
#infoText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
	position: absolute;
	height: 20px;
	top: 35px;
	right: 10px;
}


#content {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: url(images/teeth.jpg) no-repeat right top;
}
#adminContent, #mainContent {
	width: 920px;
	margin-left: 30px;
	padding-top: 20px;
	position: relative;
	margin-bottom: 20px;
}
#mainMenu {
	background: url(images/backgroundMenu.gif) no-repeat;
	height: 32px;
	width: 980px;
}
#mainMenu a {
	font: 14px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: url(images/menuDivider.gif) no-repeat right top;
	padding-right: 34px;
	padding-left: 32px;
	display: block;
	float: left;
	height: 32px;
}
#mainMenu a:hover {
	color: #F9EAC9;
}
#myTable {
	background: url(images/backgroundTable.gif) no-repeat;
}
#rightContent {
	display: inline;
	float: right;
	width: 240px;
}

#newsBox {
	background: url(images/backgroundNews.gif) no-repeat left bottom;
	float: right;
	width: 242px;
	margin-left: 40px;
	min-height: 310px;
	position: relative;
	margin-bottom: 10px;
}

#newsBox h2 {
	font: normal 14px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 26px;
	width: 242px;
	background: url(images/newsH2.gif) no-repeat;
	text-indent: 12px;
	margin-bottom: 10px;
}
#newsBox p {
	margin-right: 15px;
	margin-left: 12px;
	margin-bottom: 10px;
	line-height: 18px;
}

#rssIcon {
	position: absolute;
	top: 7px;
	right: 12px;
}


/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto; min-height: 100%;
}
#main {
	padding-bottom: 29px; /* must be same height as the footer */
}  
#footer {
	position: relative;
	margin-top: -29px; /* negative value of footer height */
	height: 29px;
	clear:both;
	background-image: url(images/backgroundFooter.gif);
	background-repeat: repeat-x;
	color: #FFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 
#footer p {
	padding-top: 7px;
	padding-left: 25px;
	margin: 0px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
	margin-right: 25px;
}
#footer a:hover {
	text-decoration: underline;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}



/* styles for highlighting rows using jquery */
.oddtr { background-color:#a9ddf3; }
.eventr { }
.trover {
	background-color: #FFC751;
	cursor: default;
}
.trover .redText { color: #FFF; }
.trover a { color: #FFF; }
.trclick { background-color: #08A0EB; color: #FFF; }
#companyLogo {
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	border-style: none;
}
.imageRight {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
#theText {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}
.leftList {
	float: left;
	width: 310px;
	height: 110px;
}
.leftListBig {
	float: left;
	width: 310px;
	height: 160px;
}