body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	background-color: #fafafa;
	text-align: center;
}

table, td {
	margin: 0;border: 0;
}

#pageWrapper {
	margin: auto;
	padding: auto;
	width: 795px;
	text-align: left;
}

p, td {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

p {
	padding: 0;
	margin-bottom: 4px;

}


h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Arial, Helvetica, 'Trebuchet MS', sans-serif;
	font-size: 36px;
	line-height: 36px;
	color: #003399;
}	
	
h2, h3, h4 {
	line-height: 110%;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 7px;
}


a, #nav li li a {
	color: #666666;
}

a:hover, #nav li li a:hover {
	color: #FFCC00;
}

.imgright {
	float: right;
	margin-right: 15px;
}	


#headerWrapper {
	text-align: center;
	background-image: url(images/vok_bg_01.jpg);
	height: 130px;
	width: 795px;
	margin: 0;
	padding: 0;
}

#flashWrapper {
	margin: 2px 0 0 0;
	padding: 0;
	float: right;
}

#navWrapper {
	overflow: visible;
	text-align: center;
	width: 795px;
	margin: 0;  /*FROM ORIGINAL */
	height: 70px;
	background-image: url(images/vok_bg_02.jpg);
	background-repeat: no-repeat;
}


/* THE MAIN NAVIGATION and SUBMENU  */

#nav {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	display:table;
	width: 690px;
	height: 70px;
}

#nav ul {
	padding: 0;
	margin: 0; 
	list-style-type: none;
	display: block;
}

#nav li {
	float: left;
	margin: 0 3px;  /* add hztl margin to spread them out more */
	width: auto;

}
  
#nav li ul {
	margin-top: -7px;
	position: absolute;
	width: auto;
	left: -795em;
}


#nav li a {
	text-align: center;
	display: block;
	width: 105px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	border: none;
	color: white;
	background: url(images/stone.png) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

ul#nav li li a, ul#nav li li a:hover {
	display: inline;
	width: auto;
	height: auto;
	background: none;
}

ul#nav li a:hover {
	background: url(images/stone-over.png) no-repeat left top;
}


/* highlight top menu for current section*/
ul#nav li.topCurrent a {
	background: url(images/stone-over.png) no-repeat left top;
}

/* ...but not for anything below it! */
ul#nav li.topCurrent ul a {
	background: none;
}

* html ul#nav a {
	height: 1px;
}



/* Keep Services section visible when in that section*/
/*body#services ul#nav li ul.services {
	left: auto;
}*/

/* Keep About Us section visible when in that section*/
/*body#aboutus ul#nav li ul.aboutus {
	left: auto;
}*/

/* Reveal submenus when you roll over main menu items */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul.services, #nav li.sfhover ul.services {
	left: auto;
}


/* highlight Services subsection menu items (id="current") when on that page */
#nav li.current a {
	color: #FFCC00;
}

/* BODY STYLES  */



#bodyWrapper {
	background-repeat: no-repeat;
	height: 425px;
	width: 795px;
	margin: auto;
	padding-top: 10px;
}


body#home #bodyWrapper {
	background-image: url(images/vok_bg-home.jpg);
}

body#services #bodyWrapper {
	background-image: url(images/vok_bg-services.jpg);
}

body#projects #bodyWrapper, body#projectshome #bodyWrapper {
	background-image: url(images/vok_bg-projects.jpg);
}

body#aboutus #bodyWrapper {
	background-image: url(images/vok_bg-blank.jpg);
}

body#media #bodyWrapper {
	background-image: url(images/vok_bg-media.jpg);
}

body#contact #bodyWrapper {
	background-image: url(images/vok_bg-blank.jpg);
}

body#privacy #bodyWrapper {
	background-image: url(images/vok_bg-blank.jpg);
}

/* WITHIN THE BODY SECTION 
ON THE LEFT SIDE */

/* IMAGES  */

#bodyImageWrapper {
	height: auto;
	width: 375px;
	padding: 0 0 0 25px;
	text-align: center;
}

#projectsImageWrapper {
	height: auto;
	width: 375px;
	padding: 0 0 0 25px;
	text-align: center;
}

#mediaPic {
	float: left;
	width: 200px;
	margin-left: 10px;
}

/* ENCLOSURE FOR ALL MENUS  */

#bodyMenuWrapper {
	margin-left: 25px;
}


/* STATIC MENU (Media page) */


#mediaWrapper ul {

	height: 350px;
	width: 160px;
	overflow: auto;
	background: white;

	float: left;
	padding: 7px;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size: 11px;
}

#mediaWrapper a {
	display: block;
	width: 140px;
	padding-bottom: 3px;
 	line-height: 13px;
}


/* POP-UP MENU (Projects page) */

#projectsPopMenu, #projectsPopMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size: 11px;
	width: 140px;  /*NEW*/

}

#projectsPopMenu a {
	display: block;
	width: 140px;
	padding-bottom: 3px;
 	line-height: 13px;
 	text-decoration: none;
}

li.trigger {
	padding: 7px;
	background-color: #ADDAD1;
	font-size: 12px;
}

#projectsPopMenu li { /* all list items */
	float: left;
	width: 140px; /* width needed or else Opera goes nuts */
	margin-bottom: 5px;
}

#projectsPopMenu li ul { /* second-level lists */
	position: absolute;
	padding: 7px;
	margin-left: -7px;
	margin-top: 7px;
	background-color: #CFE8E3;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#projectsPopMenu li:hover ul, #projectsPopMenu li.sfhover ul, body#projectshome #projectsPopMenu ul  { /* lists nested under hovered list items */
	left: auto;
}


/* ON THE RIGHT SIDE  */

/*  TEXT  */

#bodyCopyWrapper {
	height: 392px;
	width: 375px;
	float: right;
}

#bodyCopyWrapperWide {
	height: 390px;
	width: 795px;
	float: left;
}


#scrollingBodyContent {
	height: 312px;
	width: 350px;
	overflow: auto;
}

#scrollingBodyContent p {
	margin-right: 10px;
}

#scrollingBodyContentWide { 
	margin-left: 32px;
	height: 390px;
	width: 725px;
	overflow: auto;
}

.formColumn1 {
	margin: 10px 0 0 0;
	width: 188px;
	float: left;
}

.formColumn2 {
	margin: 10px 0 0 0;
	float: left;
}

.formColumn3 {
	margin: 10px 0 0 10px;
	float: left;
}

.formColumn1 p, .formColumn2 p, .formColumn3 p {
	margin: 0; padding: 0;
	}

.spaceBeforeField {
	margin-top: 10px;
	padding-left: 0;
	text-align: left;
	}
	
/* FOOTER STYLES  */

#footerWrapper {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin: auto;
	height: 50px;
	width: 795px;
	text-align: center;
	line-height: 14px;
}


a.footerlink {
	color: #999999;
}
a.hover.footerlink {
	decoration: none;
}
a.bodylink {
	color: #bb0059;
}

#hiliteBox {
	background-color: #FFCCCC;
	padding: 10px;
	color: #000000;
}


#nav li a {
	behavior: url(http://www.spaprofits.com/iepngfix.htc);
}

body#home #nav li a {
	behavior: url(http://www.spaprofits.com/iepngfixHome.htc); 
}

img { 
	behavior: url(http://www.spaprofits.com/iepngfix.htc); 
}

body#home img {
	behavior: url(http://www.spaprofits.com/iepngfixHome.htc); 
}

.linespaced li {
	margin: 0 0 7px 0;
}

.logotrain {
vertical-align: middle;
}

.hilite {
	padding: 7px;
	font-size: 14px;
	border: 1px #3333CC solid;
}

.hilite h3 {
	margin-top: 0; margin-bottom: 0;
	}
	
input {
	margin: 0; padding: 0;
	align: left;
	}