@charset "UTF-8";
 @import 'reset.css';
/* 
------------------------------------------------------------------ 
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------ 
This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). 
*/

body {
	background-color: #333366;
	font-size: 76%; /* thanks to http://www.thenoodleincident.com/tutorials/typography/index.html */
}
/* set some text defaults
------------------------------------------------------------------- */

body, td, th, div, p, ul, li, h1, h2, h3, h4, h5, h6  {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #424242;
	line-height: 2em;
}

p { margin: 0 0 1.5em 0; }


/* headings
------------------------------------------------------------- */

h1 {
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #555555;
}
h2 {
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #555555;
}
h3 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #555555;
}
h4 {
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #555555;
}
h5 {
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #555555;
}
h6 {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #000000;
	padding: 0px;
	margin-bottom: 10px;
}




/* Text elements
-------------------------------------------------------------- */


ul, ol {
	margin:1.5em 1.5em;
}
ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
li {
	margin-bottom: .5em;
}
blockquote {
	margin: 1.5em;
	color: #222;
	font-style: italic;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
pre, code {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 1.5;
}
tt {
	display: block;
	margin: 1.5em 0;
	line-height: 1.5;
}



/* Some other default classes
-------------------------------------------------------------- */

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide {
	display: none;
}
.highlight {
	background:#ff0;
}


/* default links
---------------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#000000;
}
a:hover, a:active {
	text-decoration: underline;
	color: #000000;
}

#serviceDetailBottom a {
	font-weight: normal;
}



/* begin structure
----------------------------------------------------- */

.divOutside {
	width: 810px;
	padding: 8px;
	background-color: #63668D;
	margin: 10px auto 0 auto;
}
.divInside {
	width: 100%;
	background-color: #ffffff;
}

/* floating 
------------------------------------------------------ */

#popContactButton	{
	position: absolute; 
	margin-left: -60px; 
	margin-top: 78px;
	}
	
#popBrochureButton	{
	position: absolute; 
	margin-left: -48px; 
	margin-top: 188px;
	}

#cornerNav	{
	position: absolute;
	width: 309px;
	padding-left: 505px;
	font-size: 10px;
	}
	
#cornerNav a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
#cornerNav a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}


/* header 
------------------------------------------------------ */


#header {
	width: 100%;
	height: 162px;
	background-color: #333366;
	background-image: url(/home/home-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
}
#header .top {
	height: 18px;
	background-color: #333366;
	margin: 0;
	padding: 0 0 0 560px;
}
#header .logo {
	width: 261px !important;
	height: 97px;
	margin: 24px 0 0 20px;
	display: block;
	text-align: right;
	float: left;
}
#header .hmpgPix {
	width: 300px;
	height: 144px;
	margin: 0;
	padding: 0 0 0 400px;
}
#header .slogan {
	margin: 0;
	padding: 0;
	text-align: right;
}
#content {
	background-color: #ffffff;
	padding: 12px;
}
#contentHmPgBottom {
	padding: 0 12px;
	background-image: url(/home/E6E6E6-col-background.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: .98em;
}

.iconRow {
	color: #333366;
	width: 730px;
	background-image: url(/home/home-row-bkgd.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.iconRow a {
	color: #333366;
}



/* About Us Area Styles */

#headerAbout {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/about/about-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentAbout {
	background-color: #ffffff;
	background-image: url(/about/about-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentAbout h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
#imgAbout {
	position: absolute;
	z-index: 50;
	left: 130px;
	top: -18px;
}





/* Homes */

#headerIndex {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/home/home-top_01_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentIndex {
	background-color: #ffffff;
	background-image: url(/services/services-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 60px 0;
}
#prjHmBottom {
	margin: 12px 0 0 0;
	padding: 6px 18px 18px 18px;
}
.prjHmFloats {
	width: 225px;
	float: left;
	padding: 0 0 0 9px;
	line-height: 1.2em;
}
.prjHmLine {
	width: 24px;
	height: 75px;
	background: url(/_common/dotted_vertical.png) repeat-y center top;
	float: left;
}






/* Services Styles */

#servicesChart {
	text-align: center;
	margin: 0 auto 12px auto;
}
	.servicesChartTable {
		margin: 0 auto;
		width: 730px;
	}
	.servicesChartTable td, .servicesChartTable h6 {
		text-align: center;
	}

	
	
	
	
#headerServices {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/services/services-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.serviceList { width: 750px; margin: 18px auto;}

.serviceList td { padding: .125em .0625em .375em .0625em;  }
.serviceList td a { padding: .1em; color:#323464; line-height: 1em; text-align: center; display: block; }
.serviceList td a:hover { background:#FFFFF3;  }

.serviceList #tdLine {
	width: 20px;
	background: url(/_common/dotted_vertical.gif) repeat-y center top;
}


#serviceDetailBottom {
	background-image: url(/home/E6E6E6-col-background.gif);
	background-repeat: repeat;
	background-position: left top;
	height: 100px;
}

/* 
//////////////////////////////////
Also used for Services & Projects 
//////////////////////////////////
*/

#contentServices {
	background-color: #ffffff;
	background-image: url(/services/services-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
	#contentServices h1 {
		padding: 40px 0 18px 0;
		color: #333366;
		font-size: 1.4em;
		line-height: 1.1em;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.serviceTextLeft {
		width: 436px;
		padding: 0 0 0 36px;
		line-height: 1.6em;
	}
	.serviceTextRight {
		width: 330px;
		float: right;
	}
	.serviceQuoteContainer {
		padding: 0 18px 0 0;
	}
	blockquote {
		background: transparent url(/services/open-quote.gif) no-repeat left 55px;
		margin: 0px;
		padding: 60px 0 4px 0;
	}
	blockquote div {
		padding: 0 30px 0 40px;
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		line-height: 20px;
		font-style: italic;
		color: #63668D;
		background: transparent url(/services/close-quote.gif) no-repeat right bottom;
	}
	.attribute {
		color:#0066CC;
		font-size: 10px;
		line-height: 11px;
		padding: 0 0 0 40px;
	}
	
	
	
	
.serviceDetailTop {
	width: 700px;
	margin: 0 auto;
	}
	#contentServices .serviceDetailTop #h1Top {
		color: #333366;
	}
	.serviceDetailTop img {
		padding: 0 0 0 18px;
	}
	.serviceDetailBottom {
		width: 700px;
		margin: 0 auto;
	}
	.serviceDetailPDF {
		width: 700px;
		margin: 18px auto;
		}
	
	
		
	.serviceDetailSlider {
		height: 150px;
		padding: 21px 0 0 0;
	}
	.sliderLeftNav {
		float:left;
		height: 108px;
		width: 18px;
		margin: 0 0 0 17px;
	}
	.sliderRightNav {
		float: right;
		height: 108px;
		width: 18px;
		margin: 0 17px 0 0;
	}
	.sliderArrowL {
		padding: 44px 0 0 0;
		cursor:pointer;
	}
	.sliderArrowR {
		padding: 44px 0 0 0;
		cursor:pointer;
	}
	.sliderOutside {
		width: 738px;
		height: 108px;
		margin: 0 auto;
		border-top: solid 1px #63668D;
		border-bottom: solid 1px #63668D;
		/* border: solid 1px #ffcc33;
		background-color: #FEF2CE; */
	}
	.sliderInside {
		width: 730px;
		height: 132px;
		margin: 4px 0 0 4px;
	}
	.sliderInside img {
		padding: 0 1px;
	}

.snippetText { margin: 4px auto 0 36px; position:absolute; width:736px;  }

	.snippetText p {
		color: #000;
		font-size: 11px;
		line-height: 12px;
	}
		/* this span tag holds my information that fades in and out */
		.snippetText p span { 
			display: none; 
			position: absolute; 
			float:left; 
			/* set opacity for various browsers 
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			-khtml-opacity: 0.0;
			opacity: 0.0;*/
			}



/* Facilities Styles */

#headerFacilities {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/facilities/facilities-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentFacilities {
	background-color: #ffffff;
	background-image: url(/facilities/facilities-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentFacilities h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}






/* Clients Styles */

#headerClients {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/facilities/facilities-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentClients {
	background-color: #ffffff;
	background-image: url(/facilities/facilities-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
.clientsTD {
	height: 24px;
	line-height: 1.1em;
	background-image: url(/clients/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 9px 0 20px;
}
#contentClients h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
#quoteImg {
	position: absolute;
	z-index: 50;
	left: 480px;
	top: -150px;
}
.quoteContainer {
	width: 450px;
	padding: 0 6px 0 12px;
}
#contentClients blockquote {
	background: transparent url(/services/open-quote.gif) no-repeat left 5px;
	margin: 0px;
	padding: 4px 0 4px 0;
}
#contentClients blockquote div {
	padding: 0 30px 0 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #63668D;
	background: transparent url(/services/close-quote.gif) no-repeat right bottom;
}
#contentClients .attribute {
	color:#0066CC;
	font-size: 10px;
	line-height: 11px;
	padding: 0 0 0 40px;
}

.clientsInside { width: 700px; margin: 0 auto; }




/* client list three columns */
.clientOne {
	width: 160px;
	float: left;
	margin: 0 18px 0 9px;
	padding: 0;
}

.clientTwo {
	width: 160px;
	float: left;
	margin: 0 18px 0 9px;
	padding: 0;
}
.clientThree {
	width: 160px;
	float: left;
	margin: 0 0 0 9px;
	padding: 0;
}

.squareBullets ul {
	padding: 0;
	margin: 0;
}	

.squareBullets li {
	font-size: 95%;
	line-height: 1.15em;
	padding: 0;
	margin: 0 0 9px 0;
	list-style-position: outside;
	list-style-image: url(/clients/bullet_369.gif);
	list-style-type: none;	
}




/* for about us and other page with rounded edge container */
.containerText {
	width: 660px;
	margin: 0 auto;
	background-image: url(/_common/text-top-bottom_02.gif);
	background-repeat: repeat-y;
}
.middleText {
	padding: 0 16px;
}




/* over ride our default temporarily */
.middleText td, li {
	line-height: 1.8em;
}




#contentFacilities .middleText td, li {
	line-height: 1.2em;
	font-size: 11px;
}
.containerText250 {
	width: 250px;
	margin: 0 18px 0 0;
	background-image: url(/_common/text-top-bottom_02_b.gif);
	background-repeat: repeat-y;
	float: right;
}
#topText250 {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_01_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottomText250 {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_03_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topText {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottomText {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.containerText220 {
	width: 220px;
	margin: 36px 0 0 0 ;
	background-image: url(/_common/text-top-bottom_02_b.gif);
	background-repeat: repeat-y;
	float: right;
	}
#topText220 {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_01_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#bottomText220 {
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(/_common/text-top-bottom_03_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.middleText2 { line-height: 1.2em; 	padding: 0 16px;
 }



/* Testimonials Styles */

#headerTest {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/testimonials/testimonials-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentTest {
	background-color: #ffffff;
	background-image: url(/testimonials/testimonials-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentTest h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
#testTable td {
	padding: 0;
}
#contentTest blockquote {
	background: transparent url(/services/open-quote.gif) no-repeat left 5px;
	margin: 0px;
	padding: 4px 0 4px 0;
}
#contentTest blockquote div {
	padding: 0 30px 0 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	color: #63668D;
	background: transparent url(/services/close-quote.gif) no-repeat right bottom;
}
#contentTest .attribute {
	color:#0066CC;
	font-size: 10px;
	line-height: 11px;
	padding: 0 0 36px 40px;
}





/* Turnkey Styles */

#headerTurn {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/turnkey/turnkey-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentTurn {
	background-color: #ffffff;
	background-image: url(/turnkey/turnkey-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentTurn h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
.topContainer {
	padding: 0 12px;
}
.topContainer td {
	line-height: 1.6em;
}





/* Contact Us Styles */

#headerContact {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/contact/contact-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentContact {
	background-color: #ffffff;
	background-image: url(/contact/contact-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentContact h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
.pone {
	color: #999999
}
#contentContact #quoteImg {
	position: absolute;
	z-index: 50;
	left: 440px;
	top: -110px;
}
#contentContact .quoteContainer {
	width: 400px;
	padding: 0 24px;
}
#contentContact blockquote {
	background: transparent url(/services/open-quote.gif) no-repeat left 5px;
	margin: 0px;
	padding: 4px 0 4px 0;
}
#contentContact blockquote div {
	padding: 0 30px 0 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #63668D;
	background: transparent url(/services/close-quote.gif) no-repeat right bottom;
}
#contentContact .attribute {
	color:#0066CC;
	font-size: 10px;
	line-height: 11px;
	padding: 0 0 0 40px;
}






/* Projects Styles */

#headerProject {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/projects/project-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentProject {
	background-color: #ffffff;
	background-image: url(/projects/project-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentProject h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}
#projectList { width: 700px; margin: 0 auto;}

#projectList h1 {
	padding: 4px 0;
	color: #333366;
	font-size: 16px;
	line-height: 1.1em;
	margin: 24px 0 0 0;
	/* border-bottom: dotted 1px #999999; */
}

#projectList .prjTXT, #projectList p { font-size: 11px; line-height: 12px; }

#projectList .prjLine { border-top: dotted 2px #CCC; margin: 18px 0 0 0; }

.galleryDiv { width: 700px; margin: 12px auto 0 auto; }

.galleryDiv img {
  float: left;
  /* margin:5px 5px 20px 0px;
  border:solid 1px #000;*/
  padding:0 10px 10px 0;
  visibility: hidden;
}

.galleryDiv h3 {  }





/* Newsletter Styles */

#headerNews {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/newsletter/news-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentNews {
	background-color: #ffffff;
	background-image: url(/newsletter/news-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentNews h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}






/* Tell a friend Styles */

#headerTell {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/tell/tell-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentTell {
	background-color: #ffffff;
	background-image: url(/tell/tell-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentTell h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}








/* Legal Styles */

#headerLegal {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/_admin/admin-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentLegal {
	background-color: #ffffff;
	background-image: url(/_admin/admin-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentLegal h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}







/* Admin Styles */

#headerAdmin {
	width: 100%;
	height: 138px;
	background-color: #333366;
	background-image: url(/_admin/admin-top_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentAdmin {
	background-color: #ffffff;
	background-image: url(/_admin/admin-top_03.jpg);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding: 0 0 36px 0;
}
#contentAdmin h1 {
	padding: 40px 36px 18px 36px;
	color: #333366;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}





/* footer styles */
#footer {
	width: 830px;
	padding: 0px;
	margin: 10px auto;
	position: relative;
}
#footer h1 {
	color:#FFCC00;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#footer .Right {
	width: 600px;
	float: right;
	text-transform:uppercase;
	text-align: right;
	padding: 10px 0 0 0;
	color: #ffffff;
	font-size: 9px;
	letter-spacing: 1px;
}
#footer a:link, #footer a:visited, #footer a:hover {
	text-decoration: none;
	color: #fff;
}







/* 
------------------------------------------------------------------ 
----------------------- STRUCTURE --------------------------------
------------------------------------------------------------------ 
*/

/* some styles related only to dev sites, found in _incPostHTML.asp */

#DevPostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
}
#OfflinePostHTML {
	width: 900px; /* set to same width as page content */
	margin: 0 auto;
}





/* 
------------------------------------------------------------------ 
------------------------ GENERAL STYLES --------------------------
------------------------------------------------------------------ 
*/

.LeftCol {
	width: 300px;
	float: left;
	margin: 0;
}
.RightCol {
	width: 300px;
	margin: 0 0 0 336px;
}






/* 
------------------------------------------------------------------ 
----------------------- NAVIGATION -------------------------------
------------------------------------------------------------------ 
*/

/* home page upper right buttons */

#topnav table {
	width: 230px;
	margin: 0;
}
#topnav td {
	vertical-align: top;
	text-align: left;
	width: 115px;
	line-height: 1.2em;
}
#topnav td a {
	display: block;
	text-decoration: none;
	padding: 1px 0 0 3px;
	font-size: 10px;
	text-transform: uppercase;
	background-image: url(/nav/topnav-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}
#topnav td a:link, #topnav td a:visited {
	color: #ffffff;
	width: inherit;
	height: 18px;
}
#topnav td a:hover, #topnav td a:active {
	color: #ffcc33;
	width: inherit;
	height: inherit;
}
#nav {
	width: 100%;
	height: 22px;
}
#nav td {
	vertical-align: top;
	text-align: center;
	line-height: 1.2em;
}
#nav td a {
	display: block;
	text-decoration: none;
	padding: 1px 5px 0px 5px;
}






/* background images will be used eventually */

	#nav td a:link, #nav td a:visited {
	color: #555555;
	font-weight: bold;
	width: inherit;
	height: 21px;
	background-image: url(/nav/nav-backgrounds-off.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
#nav td a:hover, #nav td a:active {
	color: #555555;
	font-weight: bold;
	width: inherit;
	height: 21px;
	background-image: url(/nav/nav-backgrounds-on.gif);
	background-repeat: no-repeat;
	background-position: center top;
}






/*
-----------------------------------------------------------------
------------------------- BUTTONS -------------------------------
-----------------------------------------------------------------
/* my buttons */

ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.myButton li {
	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em;
}
.createButton {
	width: 100px;
}
.deleteButton {
	width: 100px;
}
.submitButton {
	width: 115px;
}
.testButton {
	width: 175px;
}


/*
	typical IE7 requires a hack, it's always IE, stupid MicroSoft 
	http://www.w3schools.com/css/pr_pseudo_first-child.asp
	http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
	*/

	*:first-child+html .createButton {
	width: 110px;
}
*:first-child+html .deleteButton {
	width: 110px;
}
*:first-child+html .submitButton {
	width: 125px;
}
*:first-child+html .testButton {
	width: 185px;
}
ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0;
}
ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background-color: #333366;
	border: solid 1px #63668D;
	padding: .6em .5em .4em .5em;
}
ul.myButton li#active a {
	color:#FFF;
	background-color: #000;
}
ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #333366;
	background-color: #FFCC00;
}
ul.myButton li.MoveLeft {
	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0;
}
ul.myButton li.MoveUp {
	white-space: nowrap;
	margin: -24px 0 0 0;
}





/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/



/* form pages */

#myForm {
	margin: 0;
	padding: 0;
	width:99%;
}
#myForm thead td {
	padding: .5em;
	color: #666666;
	font-size: 80%;
	text-transform: uppercase;
}
#myForm tbody td {
	padding: .25em;
}
#myForm tbody td.description-td {
	vertical-align: top;
}
#myForm h2 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2.5em;
	margin: .75em 0 .25em 0;
	padding: 0 0 12px 0;
	border-bottom: solid 1px #222;
}
#myForm tbody h3 {
	color: #666;
	font-size: 1.2em;
	margin: .5em 0 .25em 0;
	vertical-align: top;
}
#myForm .submit {
	background: #fff;
	padding: 1.5em 0;
}
#myForm label {
	color: #666;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: normal;
	display: block;
	line-height: 1em;
}
label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
}
#myForm .line {
	background-color:#369;
	height: 2px;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}
#myForm input.text {
	background-color: #FFFFF3;
	font-size: 95%;
	padding: 0.125em;
	margin: .125em 0;
	border:1px solid #63668D;
}
#myForm input.text:focus {
	border:1px solid #63668D;
	background:#D1D3DF;
}
#myForm select.editSelect {
	background-color: #FFFFF3;
	font-size: 95%;
	padding: .125em;
	margin: .125em 0;
	border:1px solid #63668D;
}
#myForm select.editSelect:focus {
	border:1px solid #63668D;
	background:#D1D3DF;
}
/* Textareas */

	#myForm textarea {
	margin:0.125em 0;
}
#myForm textarea {
	border:1px solid #63668D;
	background:#FFFFF3;
	padding: .125em;
}
#myForm textarea:focus {
	border:1px solid #63668D;
	background:#D1D3DF;
}
.hiddenDiv {
	display: none;
}
.visibleDiv {
	display: block;
}




/* 
------------------------------------------------------------------ 
----------------------- MORE USEFUL STYLE ------------------------
------------------------------------------------------------------ 
*/

.clear-both {
	clear: both;
	display: block;
	height: 0;
}
.center {
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}
.warning {
	color: #990000;
}
/* some default widths */

.width25 {
	width: 25px;
}
.width50 {
	width: 50px;
}
.width75 {
	width: 75px;
}
.width100 {
	width: 100px;
}
.width125 {
	width: 125px;
}
.width150 {
	width: 150px;
}
.width175 {
	width: 175px;
}
.width200 {
	width: 200px;
}
.width230 {
	width: 230px;
}
.width235 {
	width: 235px;
}
.width250 {
	width: 250px;
}
.width300 {
	width: 300px;
}
.width350 {
	width: 350px;
}
.width400 {
	width: 400px;
}





/* tool tip */

.tool-tip {
	color: #fff;
	width: 160px;
	z-index: 13000;
}
.tool-title {
	font-size: 9px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	color: #999;
	padding: 2px 4px;
	background: url(/_admin/Admin/common/bubble_blue.png) top left;
}
.tool-text {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	padding: 0 4px 4px 4px;
	background: url(/_admin/Admin/common/bubble_blue.png) bottom right;
	text-align: center;
}




/* PNG FIX http://www.twinhelix.com/css/iepngfix/demo/ */
img, div {
	behavior: url(/_css/iepngfix.htc)
}

/* excellent css2 http://www.cs.hmc.edu/~mbrubeck/clear-after/ 

#adminMiddle:after { content: ""; display: block; height: 0; clear: both; }*/