body {
/*	font: 77%/1.3 veranda, arial, helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: transparent;
	text-align: left;
	padding: 0;	
	margin: 0 0 10px 0;
}

#wrapper {
	width: 750px;
	background: transparent;
	border: 0px solid #000;
	margin: 0 auto; /* Need 0 auto to center. formerly 0; */
	position: relative;
	top: 0px;
}

#header {
	background: transparent; 
	height: 92px; /* Don't use "auto." */
	width: 750px; 
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	border-bottom: 0px solid #dddddd; /* formerly 1px */
}

#contentwrapper {
	width: 750px;
	background: transparent;
	border: 0px solid #000;
	position: absolute;
	top: 130px; /* formerly 92px - Controls how far down the content appears below the header. Important. */
	padding: 0 0 20px 0;
}

#content {
	width: 750px;
	background: transparent;
	border: 0px solid #000;
	position: relative;
}

/*
#footer {
	width: 750px;
	background: transparent; 
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	float: left;
	border-top: 1px solid #ddd;
}
*/

#footer {
	width: 750px;
	background: transparent; 
	padding: 0;
	margin: 20px 0 0 0;
	text-align: center;
	/* float: left; */
	border-top: 0px solid #ddd;
	/* position: absolute; */
	clear: both;
}

#footer a {
	font-weight: normal;
}

#box750 {
	width: 750px;
	background: transparent;
	border: 0px solid #000;
	position: relative;
	float: left;
}

#center {
	background: transparent;
	width: 450px;
	position: relative;
	top: 0px;
	left: 150px;
	margin: 0;
}

/* ----------------------------------------------------------------- Begin Left ----------------------------------------------------------------- */

#left {
	background: transparent;
	width: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
}

#leftmenu {
	width: 150px;
	margin: 0;
	border: 0px solid #FF0000;
	position: relative;
	color: #000000;
	background: transparent;
}

#leftmenu h2 {
	padding: 0 0 0 10px;
}

#leftmenu p {
	font-size: 1em;	
	color: #9900bb;
	background: #ffeeff;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 1px 10px;
	margin: 0;
}

#leftmenu a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 0px 10px; 
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

#leftmenu a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------- End Left -------------------------------------------------------------------- */

/* ----------------------------------------------------------------- Begin Right ----------------------------------------------------------------- */

/*
#right {
	background: transparent;
	width: 150px;
	position: absolute;
	top: 0px;
	left: 600px;
	margin: 0;
}
*/

#right {
	background: transparent;
	width: 150px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
}

#rightmenu {
	width: 150px;
	margin: 0;
	border: 0px solid #FF0000;
	position: relative;
	background: transparent;
}

#rightmenu h2 {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	background: #fbf5ff; /* formerly f0dbff */
	color: #9900bb;
	border-bottom: 1px solid #f0dbff;
	border-top: 1px solid #f0dbff;
}

#rightmenu p {
	font-size: 1em;	
	color: #9900bb;
	background: #ffeeff;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 1px 10px;
	margin: 0;
}

#rightmenu a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 0px 10px; 
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}

#rightmenu a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------- End Right ----------------------------------------------------------------- */

#box600 {
	float: left;
	width: 600px;
	background: transparent;
	border: 0px solid #000;
}

#box500 {
	float: left;
	width: 500px;
	background: transparent;
	border: 0px solid #000;
}

#box450 {
	float: left;
	width: 450px;
	background: transparent;
	border: 0px solid #000;
}

.box450a {  /* Note this is different from #box450 */
	float: left;
	width: 450px;
	background: transparent;
	border: 0px solid #000;
}

#box375 {
	float: left;
	width: 375px;
	background: transparent;
	border: 0px solid #000;
}

#box300 {
	float: left;
	width: 300px;
	background: transparent;
	border: 0px solid #000;
}

#box275 {
	float: left;
	width: 275px;
	background: transparent;
	border: 0px solid #000;
}

#box250 {
	float: left;
	width: 250px;
	background: transparent;
	border: 0px solid #000;
}

.logobox { 
float: left;
width: 250px;
height: 200px;
}

#box225 {
	float: left;
	width: 225px;
	background: transparent;
	border: 0px solid #000;
}

#box200 {
	float: left;
	width: 200px;
	background: transparent;
	border: 0px solid #000;
}

#box187 {
	float: left;
	width: 187px;
	background: transparent;
	border: 0px solid #000;
}

#box175 {
	float: left;
	width: 175px;
	background: transparent;
	border: 0px solid #000;
}

#box150 {
	float: left;
	width: 150px;
	background: transparent;
	border: 0px solid #000;
}

#box125 {
	float: left;
	width: 125px;
	background: transparent;
	border: 0px solid #000;
}

#box75 {
	float: left;
	width: 75px;
	background: transparent;
	border: 0px solid #000;
}

div.box {
	float: left;
	background: transparent;
}



p {
	margin: 5px;
	padding: 2px 5px;
	background: transparent;
}

p.home {
	color: #000;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0 0 0 10px;
	border: 0px solid #000;
	text-align: justify;
}

p.homeleft {
	color: #000;
	font-weight: normal;
	padding: 5px 10px 0px 10px;
	margin: 0;
	border: 0px solid #000;
	background: transparent;
	text-align: justify;
}

a {
	font-weight: bold;
}

a:link {color: #0000CC; text-decoration: underline; }/*can change to none*/
a:visited {color: #0000CC; text-decoration: underline; }/*can change to none*/
a:hover {color: #0000CC; text-decoration: underline; }
a:active {color: #0000CC; text-decoration: underline; }

a.green:link {color: #009900; text-decoration: none; }
a.green:visited {color: #009900; text-decoration: none; }
a.green:hover {color: #009900; text-decoration: underline; }
a.green:active {color: #009900; text-decoration: underline; }

a.blue:link {color: #0000ff; text-decoration: none; }
a.blue:visited {color: #0000ff; text-decoration: none; }
a.blue:hover {color: #0000ff; text-decoration: underline; }
a.blue:active {color: #0000ff; text-decoration: underline; }

h1 {
	font-size: 2em;	
	margin: 5px;
	padding: 0 4px;
	background: transparent;
	font-weight: normal;
	color: #f00;
}

h2 {
	font-size: 1.2em;
	margin: 10px 5px;
	padding: 0 4px;
	background: transparent;
	font-weight: bold;
	color: #9900bb;
}

h2 a:link {color: #9900bb; text-decoration: none; }
h2 a:visited {color: #9900bb; text-decoration: none; }
h2 a:hover {color: #9900bb; text-decoration: underline; }
h2 a:active {color: #9900bb; text-decoration: underline; }

h2.home {
	font-size: 1.2em;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	background: #fbf5ff; /* formerly f0dbff */
	color: #9900bb; /* ad00e1 */
	border-bottom: 1px solid #f0dbff;
	border-top: 1px solid #f0dbff;
}

h2.homeleft {
	font-size: 1.2em;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	background: #fbf5ff;
	color: #9900bb; /* ad00e1 */
	border-bottom: 1px solid #f0dbff;
	border-top: 1px solid #f0dbff;
}

h2.homeright {
	font-size: 1.2em;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	background: #fbf5ff;
	color: #9900bb; /* ad00e1 */
	border-bottom: 1px solid #f0dbff;
	border-top: 1px solid #f0dbff;
	text-align: right;
}

h2.left {
	font-size: 1.2em;
	margin: 10px 0 0 0;
	padding: 0 0 0 0px;
	background: #fbf5ff;
	color: #9900bb; /* ad00e1 */
	border-bottom: 1px solid #f0dbff;
	border-top: 1px solid #f0dbff;
}

h3 {
	font-size: 1.05em;
	margin: 10px 5px;
	padding: 0 4px;
	background: transparent;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}


table#hometable {
	width: 195px;
	padding: 0 0 0 0px;
	margin: 0 10px 0 20px;
	background: transparent;
	border: 0px solid #f00;
}


ul {
	padding: 0 10px;
}

li {
	margin: 0 10px;
}


.floatleft {
	float: left;
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 10px;
}

.floatright {
	float: right;
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 0px;
}

.imgtopright {
	float: right;
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}


.spacer {
	float: left;
	width: 446px;
	height: 10px;
	margin: 0;
}





#menu {
	border-bottom: 1px solid #9900bb; /* Changes color of underline, formerly 1px, #9900bb */
	margin: 0;
	padding-bottom: 15px; /* Controls space underneath submenu - space between submenu and other content. Changing this affects the underline that is used for the tabs */
	padding-left: 10px; /* Moves the top nav tabs over to the right if you want */
	padding-top: 5px;
	/* width: 750px; / New - this does something, but it affects other things too */
}

#menu ul, #menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#menu a:link, #menu a:visited {  /* This area controls the top main nav bar - may need to change multiple parameters for appearance to look right */
	background : #ffffff; /* Controls static background color of tabs (non-mouseover color) formerly e8ebf0 */
	border: 1px solid #9900bb;
	color: #843232; /* Controls static text color of tabs (non-mouseover) */
	float: left;
	font-weight: bold; /* formerly normal */
	line-height: 14px;
	margin-right: 5px; /* Controls spacing between tabs */
	padding: 0px 8px; /* Controls padding around text inside main nav tabs */
	text-decoration: none;
}

#menu a:link.active, #menu a:visited.active { /* Don't know what any of this controls yet */
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#menu a:hover { /* This controls the top main nav bar hover effects */
	color: #ffffff; /* Controls text mouseover color of INACTIVE tabs, formerly 9900bb */
	background: #B02EFE; /* Controls background mouseover color of the INACTIVE main nav tabs, formerly e9caee, then faecff */
}
body.section-13 #menu li#nav-13 a,
body.section-14 #menu li#nav-14 a,
body.section-15 #menu li#nav-15 a,
body.section-16 #menu li#nav-16 a,
body.section-17 #menu li#nav-17 a,
body.section-18 #menu li#nav-18 a,
body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a,
body.section-9 #menu li#nav-9 a,
body.section-10 #menu li#nav-10 a,
body.section-11 #menu li#nav-11 a,
body.section-12 #menu li#nav-12 a  {
	background: #fff; /* Changes background of active tab */
	border-bottom: 1px solid #fff;
	color: #f00; /* Changes the text color of the active tab, formerly 000 */
	font-weight: bold;
}

#menu #subnav-13,
#menu #subnav-14,
#menu #subnav-15,
#menu #subnav-16,
#menu #subnav-17,
#menu #subnav-18,
#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9,
#menu #subnav-10,
#menu #subnav-11,
#menu #subnav-12 {
	display: none;
	width: 750px; /* Controls width of subnav - keep at 750 (or less probably) so it wraps around */
}

body.section-13 #menu ul#subnav-13,
body.section-14 #menu ul#subnav-14,
body.section-15 #menu ul#subnav-15,
body.section-16 #menu ul#subnav-16,
body.section-17 #menu ul#subnav-17,
body.section-18 #menu ul#subnav-18,
body.section-1 #menu ul#subnav-1,
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8,
body.section-9 #menu ul#subnav-9,
body.section-10 #menu ul#subnav-10,
body.section-11 #menu ul#subnav-11,
body.section-12 #menu ul#subnav-12 {
	display: inline; /* formerly inline */
	width: 750px; /* New - doesn't do anything */
	left: 0px; /* Moves the submenu over to the right so it can line up with the main nav menu */
	position: absolute;
	top: 113px; /* Moves the submenu down a certain distance from the top - perhaps try this within another DIV */
}

body.section-13 #menu ul#subnav-13 a, 
body.section-14 #menu ul#subnav-14 a, 
body.section-15 #menu ul#subnav-15 a, 
body.section-16 #menu ul#subnav-16 a, 
body.section-17 #menu ul#subnav-17 a, 
body.section-18 #menu ul#subnav-18 a, 
body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a, 
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a,
body.section-9 #menu ul#subnav-9 a,
body.section-10 #menu ul#subnav-10 a,
body.section-11 #menu ul#subnav-11 a,
body.section-12 #menu ul#subnav-12 a  {
	background : #fff; /* Changes background color of submenu items, formerly fbf5ff */
	border : none;
	border-left : 0px solid #f0dbff; /* This is the "delimeter" symbol between the subnav links, formerly ccc, then e2e2e2 */
	color : #f00; /* Changes color of subnav links, formerly f00 */
	font-size: 11px;
	/* font: 88%/1.3; */
	font-weight: normal;
	line-height : 12px; /* formerly 10px */
	margin-right : 0px;
	padding : 2px 9px;
	text-decoration : none;
}

 #menu ul a:hover { /* Controls mouseover of subnav links */
	color: #f00 !important; /* Don't know what that is, but it is important, like it says */
	text-decoration: underline !important; /* The important thing is necessary */
	background: #fff !important;
}