/* (C) Copyright 2006-2008 Long2 Consulting. All Rights Reserved */
/* Start Layout CSS. This top section of CSS is what is used to layout each of the pages. To change general styles, look for the Start General Styles section below. We strongly urge you not to change the Layout styles unless you have an advanced knowledge of CSS. We cannot help you if you mess it up. */

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font: 76.4% Verdana, Arial, Helvetica, sans-serif;
	color: #A4A5A6;
	background-color: #1E1D21;
}

#wrapper {
	margin: 0px auto; /* fix to center in firefox */
	width: 760px;
	border: 2px solid #000;
	background-color: #000;
}

#header {
	text-align: center;
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/topbg.gif') repeat-x;
	width: 760px;
	height: 33px;
}

#topnav {
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/middlenavbg.gif') repeat-x;
	width: 760px;
	height: 33px;
}

#middle {
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/picture.gif') no-repeat;
	width: 760px;
	height: 193px;
}

#middle2 {
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/picture2.jpg') no-repeat;
	width: 760px;
	height: 193px;
}

#footer {
	clear: both;
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/footerbg.gif') repeat-x;
	height: 33px;
	width: 760px;
}

/* Used in single column layouts */
#body {
	width: 760px;
}

/* Used in two column layout with left navigation */
#body1 {
	width: 560px;
}

#body2 {
	width: 200px;
	height: 418px;
}

/* Used in two column layout with right navigation */
#body1a {
	width: 560px;
}


/* Used in three column layouts */
#body1b { 
	width: 385px;
}

#body3 {
	width: 175px;
}

/* End of Layout CSS */



/* Start General Styles */
table {
font-size: 100%;
border-collapse: collapse;
}

a:link, a:visited {
	color: #9DB1BB; 
}

a:active, a:hover {
	color: #333;
	background-color: #9DB1BB;
}

h1 { 
	color: #A4A5A6;
	font-size: 155%;
	padding: 4px 2px 2px 2px;
	text-align: center;
	border-bottom: 1px solid #A4A5A6;
	margin-top: 7px;
}

h2 {	
	font-size: 145%;
	color: #9DB1BB;
	padding: 4px 2px 2px 2px;
	text-align: left;
	border-bottom: 1px solid #9DB1BB;
}

h3 {	
	font-size: 125%;
	color: #cc0000;
	padding: 4px 2px 2px 2px;
	text-align: left;
	border-bottom: 1px solid #cc0000;
}

h4 { 
	font-size: 125%;
	color: #fff;
	background-color: #cc0000;
	padding: 2px;
}

h5 { 
	font-size: 100%;
	color: #cc0000;
	background-color: #999;
	padding: 2px;
	border: 1px solid #cc0000;
}

h6 { 
	font-size: 100%; 
	color: #333;
	background-color: #A4A5A6;
	padding: 2px;
}

.submitbuttons {
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 100%;
	font-variant: small-caps;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #000;
	border-right: 5px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #1E1D21;
	width: 155px;
	height: 30px;

}

.headercontent {
	padding: 0 10px 0 0;
	font-weight: bold;
	color: #000;
	text-align: right;
	font-size: 90%;
}

.topnavlinks {
	padding: 4px 18px 5px 8px;
	text-align: center;
	font-size: 96%;
	font-weight: bold;
}

.topnavlinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.topnavlinks li { display: inline; }
	
.topnavlinks a:link, .topnavlinks a:visited {
	padding: 4px 10px 4px 10px;
	color: #000;
	text-decoration: none;
}
	
.topnavlinks a:active, .topnavlinks a:hover {
	color: #fff;
	background-color: #1E1D21;
	text-decoration: none;
}

.middlecontent {

}

#companyname {
	color: #FFFFFF;
	background-color: #000;
	font-family: "Albertus Medium", Verdana, Arial, sans-serif;
	font-size: 28pt;
	font-weight: bold;
	text-align: center;
	width: 224px;
	float: right;
	margin-right: 40px;
}

/* Used in single column layouts */
.bodycontent {
	padding: 8px;
	height: 450px;
	vertical-align: top;
}

/* Used in two column left nav layouts */
.body1content {
	margin-right: 8px;
	padding: 0px 8px 5px 0px;
}

.body1content  ul {
	list-style-image: url('images/bullet.gif')
}

.body2content  {
	padding: 2px 0px 5px 12px;
}

/* Used in two column right nav layouts */
.body1acontent {
	margin-left: 8px;
	padding: 0px 0px 5px 8px;
}

.body1acontent  ul {
	list-style-image: url('images/bullet.gif')
}

.body2acontent  {
	padding: 2px 0px 5px 20px;
}

/* Used in three column layouts */
.body1bcontent {

}

.body2bcontent {
}

.body3content {
}

.sidelinks {
	padding: 10px 0px 8px 0px;
	text-align: left;
	font-weight: bold;
}

.sidelinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.sidelinks li { 
	list-style-image: none;
	margin: 0px 0px 2px 0px;
}
	
.sidelinks a:link, .sidelinks a:visited {
	padding: 0px 10px 0px 10px;
	display: block; 
	line-height: 18pt;
	width: 140px;
	color: #fff;
	background-color: #1E1D21;
	border: 1px solid #000000;
	border-right-width: 4px;
	text-decoration: none;
}
	
.sidelinks a:active, .sidelinks a:hover {
	color: #000000;
	background-color: #A4A5A6;
	border: 1px solid #1E1D21;
	border-right-width: 4px;
}

.footercontent {
	padding: 0;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.footercontent a:link, .footercontent a:visited  {
	padding: 4px 4px;
	color: #333;
	text-decoration: underline;
}

.footercontent a:active, .footercontent a:hover {
	padding: 4px 4px;
	color: #2B4F7E;
	text-decoration: underline;
	background-color: transparent;
}

.clear {
	clear: both;
}

.calendar-table {
border: 1px solid #9DB1BB;
background-color: #000000;
}

.calendar-month {
color: #FFFFFF;
background-color: #1E1D21;
border: 1px solid #9DB1BB;
font-size: .9em;
height: 36px;
}

.calendar-offday {
border: 1px solid #9DB1BB;
background-color: #1E1D21;
font-size: .9em;
}

.calendar-day {
color: #000000;
background-color: #000000;
border: 1px solid #9DB1BB;
vertical-align: top;
text-align: center; 
font-size: .8em;
width: 14.3%;
}

.calendar-daynumber {
color: #FFFFFF;
background-color: #000000;
vertical-align: top;
text-align: right; 
font-size: .9em;
font-weight: bold;
}

.calendar-dayname{
color: #000000;
background-color: #9DB1BB;
border: 1px solid #9DB1BB;
vertical-align: top;
text-align: center; 
font-size: .8em;
}
