/******************************************************************************
*******************************************************************************
*******************************************************************************
	
TOP LEVEL WEBSITE STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	*{
	
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	line-height: 22px;
	}
				

				
	body{
		text-align: center;
		background-color: #fff;
		font-family: Arial, sans-serif;
		font-size: 10pt;
	}
	
	
	table{
		border-spacing: 0;
		font-size: 10pt;
		font-family: Arial, sans-serif;
	}
	
	#container{
	  margin: 0 auto;
	  width: 855px;
	  text-align: center;
	  background-image: url('images/design/bg_gradient.jpg');
	}
	
	#container2{
		margin: 0 auto;
		padding: 20px;
		width: 760px;
		text-align: left;
	}
	
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
DOMAIN SPECIFIC STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	
	ul.topNavRight{
		display: block;
		width: 700px;
		height: 25px;
		float: left;
		list-style-type: none;
		padding: 0px !important;
		font-size: 8pt;
	}
	
	ul.topNavRight li a:link, ul.topNavRight li a:active, ul.topNavRight li a:visited, ul.topNavRight li a:hover{
		font-size: 8pt;
		text-decoration: none;
		color: #003366;
	}
	
	ul.topNavRight li a:hover{
		text-decoration: underline;
	}
	
	ul.topNavLeft{
		display: block;
		float: left;
		width: 0px;
		height: 25px;
		list-style-type: none;
		text-align: right;
		padding: 0px !important;

	}
	
	ul.topNavRight li{
		float: left;
		padding: 0px 10px 0px 10px;
	}
	
	ul.mainNav{
		display: block;
		padding: 0;
		list-style-type: none;
		height: 60px;
		float: left;
	}
	
	div.mainNav{
		float: left;
		height: 20px;
		padding-top: 40px;
		width: 550px;
	}
	
	div.mainNav a:link, div.mainNav a:active, div.mainNav a:visited, div.mainNav a:hover{
		display: block;
		float: left;
	}	
	
	
	ul.mainNav li{
		float: left;
		height: 10px;
		float: left;
		padding: 30px 0px 0px 0px;
	}
	
	ul.mainNav li.spacer, span.spacer{
		display: block;
		float: left;
		padding: 0 5px 0 5px;
		color: #000;
	}
	
	
	ul.mainNav li a:link{
		text-decoration: none;
		color: #003366;
		font-size: 10pt;
	}
	
	ul.mainNav li a:hover{
		text-decoration: underline;
	}
	
	div.logo{
		width: 200px;
		text-align: center;
		height: 60px;
		float: left;
		clear: both;
	}
	
	div.logo img{border: 0;}
	
	div.panelRow{
		padding-top: 20px;
		clear: both;
		font-size: 8pt;
	}
	
	div.panelRowBottom .panelInfo{
		height: 375px;
	}
	
	div.panel{
		width: 244px;
		float: left;
	}
	
	div.panelMid{
		width: 244px;
		padding-left: 13px;
		padding-right: 13px;
	}
	
	div.panelInfo{
		width: 234px;
		border: 1px solid #ccc;
		height: 188px;
		padding-top: 10px;
		background-image: url('images/design/panel_top.jpg');
		background-repeat: repeat-x;
		background-position: top left;
	}
	
	div.panel .special, div.panel .extra{
		color: red;
		width: 214px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}
	
	div.panel .extra{
		text-align: left;
	}
	
	
	div.panel .special img{
		float: right;
	}
	
	
	
	
	h2.panelHead{
		height: 30px;
		width: 219px;
		padding-left: 15px;
		padding-top: 10px;
		font-size: 10pt;
		font-weight: normal
	}
	
	h2.red{
		background-color: #660033;
		border: 1px solid #660033;
		color: #fff;
	}
	
	h2.blue{
		background-color: #003366;
		border: 1px solid #003366;
		color: #fff;
	}
	
	h2.green{
		background-color: #006633;
		border: 1px solid #006633;
		color: #fff;
	}
	
	div.generalContent{
		padding-top: 20px;
		padding-bottom: 10px;
		clear: both;
		width: 750px;
		padding-right: 10px;
	}
	
	div.generalContentHead{
		height: 30px;
		padding-left: 15px;
		padding-top: 10px;
		font-size: 10pt;
		font-weight: normal;
		color: #fff;
		background-color: #000;
	}
	
	div.generalContentInfo{
		background-image: url('images/design/panel_top.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		border: 1px solid #ccc;
	}
	
	div.top{
		clear: both;
		width: 754px;
		height: 219px;
	}
	
	div.top img{
		border: 0;
		float: left;
	}
	
	div.mainInfo{
		width: 171px;
		float: left;
		padding: 8px;
	}
	
	div.mainInfo div.subHead{
		font-weight: bold;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 5px;
	}
	
	div.mainInfo div.info{
		font-size: 8pt;
	}
	
	div.footer{
		text-align: center;
		font-size: 8pt;
		padding: 20px;
		clear: both;
	}
	
	div.footer a:link{
		text-decoration: none;
		color: #003366;
		font-size: 8pt;
	}
	
	div.footer a:hover{
		text-decoration: underline;
	}
	
	a.partnerLogo img{ 
		border: 0;
	}
	
	div.businessReferences{
		font-size: 8pt;
		padding-left: 5px;
		width: 229px;
	}
	
	span.contactLabel{
		display: block;
		width: 150px;
		float: left;
		clear: both;
	}
	
	span.contactInfo{
		float: left;
		width: 300px;
	}
	
	div.contactLabel{
		font-weight: bold;
		float: left;
		width: 120px;
		padding-left: 5px;
	}
	
	ul.news{
		list-style-type: square;
		padding-left: 20px;
	}
	
	div.contentPadded{
		padding: 10px;
	}
	
	div.sectionHeading{
		font-weight: bold;
		clear: both;
		padding-top: 10px;
	}
	
	p{
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 20px;
	}
	
	div.specHeading{
		font-weight: bold;
	}
	
	a.mainHeader:link, a.mainHeader:active, a.mainHeader:visited, a.mainHeader:hover{
		color: #fff;
		text-decoration: none;
	}
	
	a.mainHeader:hover{
		text-decoration: underline;
	}
	
	div.employeeBioInfo{
		float: left;
		padding-bottom: 20px;
	}
	
	div.employeeBioImage{
		float: left;
		padding-right: 20px;
		padding-bottom: 10px;
	}
	
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
GENERAL WEBSITE STYLES	
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	
	a:link, a:active, a:visited, a:hover{
		color: #003366;
		text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	a.login:link, a.login:active, a.login:visited{
		color: #fff;
		text-decoration: none;
		font-size: 10pt;
	}
	
	a.login:hover{
		text-decoration: underline;
		font-size: 10pt;
	}
	
	.center{text-align: center}
	
	div.generalHead, div.consoleHeading, div.newsGeneralHead, div.eventsGeneralHead{
		font-size: 14pt; 
		color: #663333;
		background-position: bottom left;
		background-repeat: repeat-x;
		padding-bottom: 8px;
		width: 440px;
	}
	
	a.headerLink:link, a.headerLink:active, a.headerLink:visited, a.headerLink:hover{
		font-size: 14pt; 
		color: #333;
		text-decoration: none;
	}
	
	a.headerLink:hover{
		text-decoration: underline;
		color: #663333;
	}
	
	table td{vertical-align: top}	
	
	table.consoleForm{width: 700px;}
	table.consoleForm td{padding: 3px; text-align: left; }
	table.consoleForm td.label{text-align: right; width: 200px;}
	.submitField{text-align: center; margin: auto}
	
	table.list{width: 100%; border: 1px solid #333}
	table.list td{padding: 3px; text-align: left}
	table.list td.listHeading, table.list tr.trHeading{
		background-color: #333;
		color: #fff;
	}
	
	img{border: 1px solid #666}
	
	div.menuHead{
		padding-top: 5px;
		font-weight: bold;
		font-size: 10pt;
		color: #663333;
		width: 220px;
	}
	div.menuContent{
		padding-left: 15px;
		width: 220px;
	}
	
	.failed, .error{
		display: block;
		background-color: #FF6666;
		color: #fff;
		padding: 3px;
		text-align: left;
	}
	
	.success{
		display: block;
		background-color: green;
		text-align: left;
		color: #fff;
		padding: 3px;
	}
	
	div.subNavWrapper{
		padding: 3px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
	a.mainPageBlock:link, a.mainPageBlock:active, a.mainPageBlock:visited, a.mainPageBlock:hover{
		text-decoration: none;
		color: #000; /*#FF6600;*/
	}
	
	a.mainPageBlock:hover{
		color: #003366; /*#FF6600;*/
	}
	
	a.subNav:link, a.subNav:active, a.subNav:visited{
		text-decoration: none;
		color: #003366; /*#FF6600;*/
	}
	
	a.subNav:hover{
		color: #663333;
		text-decoration: underline;
	}
	
	a.noDeco:link, a.noDeco:active, a.noDeco:visited, a.noDeco:hover{
		text-decoration: none;
	}
		
	a.editLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		float: left;
	}

	a.deleteLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;
		float: left;
	}
	a.newLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	a.editLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
	}
	a.deleteLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;	
	}
	a.newLink{
		display: block;
		width: 18px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	
	a.newLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;	
	}
		
	.even{
		background-color: #fff;
	}
	.odd{
		background-color: #ccc;
	}
	.striped{
		background-color: #CCCC99;
	}
	
	
	
	div.galleryPhoto{
		float: left;
		width: 240px;
		text-align: center;
		padding-bottom: 25px;
	}
	
	div.galleryPhotoText{
		text-align: left;
		font-size: 8pt; 
		font-style: italic;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.clear{clear: both}
	
	
	.albumPagePhoto{
		padding-top: 20px;
		width: 170px;
		padding-left: 10px;
		padding-bottom: 10px;
		float: left;
		clear: both;
	}
	
	.albumPageInfo{
		padding-top: 20px;
		float: left;
		padding-bottom: 25px;
	}
	.albumPageHead, .headline{
		font-size: 10pt;
		color: #663333;
		font-weight: bold;
	}
	
	.albumWrapper{
		clear: both
	}
	
	.headline{clear: both;}
	
	.newsImageGallery{
		float: left;
		width: 180px;
		padding-bottom: 20px;
	}
	
	.posted{
		font-size: 8pt; 
		color: #666; 
		font-style: italic;
	}
	
	.article{
		padding-left: 25px;
		padding-bottom: 25px;
		float: left;
	}
	
	.newsImageFirst{
		width: 115px;
		float: left;
		padding-bottom: 10px;
	}
	
	.albumPageInfo a:link, .albumPageInfo a:active, .albumPageInfo a:visited, .albumPageInfo a:hover{
		color: #000;
		text-decoration: none;
	}
	
	.albumPageHead a:link, .albumPageHead a:active, .albumPageHead a:visited, .albumPageHead a:hover{
		color: #663333;
		font-weight: bold;
		text-decoration: none;
	}
	
	.albumPageHead a:hover{
		text-decoration: underline;
	}

	.testimonial{
		padding: 20px;
		font-style: italic;
		padding-bottom: 10px;
	}
	
	.testAuthor{
		padding-left: 150px;
	}
	
	.randomTestimonial{
		padding: 5px;
		padding-left: 25px;
		font-style: italic;
	}
	
	.randomTestimonialAuthor{
		padding-left: 25px;
	}
	
	ul{
		padding-left: 50px;
		padding-top: 5px;
	}
	

	.noBorder{border: 0px}
	
	
	div.newsImageGallery span.photoCaption{
		font-size: 8pt;
		font-style: italic;
	}
	
	
	.peopleCatName{
		font-weight: bold;
		color: #663333;
	}
	
	.peopleWrap{
		padding-left: 50px;
		padding-bottom: 20px;
		padding-top: 5px;
	}
	
	.peopleImage{
		float: left;
		width: 160px;
		padding-bottom: 10px;
		clear: both;
		padding-top: 20px;
	}
	
	.peopleName{
		font-weight: bold;
		padding-top: 20px;
	}
	
	.peoplePosition{
		font-style: italic;
	}
	
	
	table.contactForm td.label{
		width: 150px;
	}
	
	
	td.submitField{
		margin: 0 auto;
		text-align: center;
	}