body {
	background-color: #E6E6E6;
	color: #555555;
	margin: 0px;
	background-image: none;
}

p {
	text-align:justify;
}

p, div, ul, ol, dd, li, dt, table, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #555555;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	text-decoration:  none;
	background-color: transparent;
	color: #FF6600;
}

a:active {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}


/* get rid of the underlines for the named anchors on
the headers */

a h1, a h2, a h3, a h4 {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, th {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
}

h1 {
	color: #000000;
	font-size: 15px;
	font-size/* */:/**/16px;
	font-size: /**/16px;
}

h2 {
	color: #555555;
	font-size: 15px;
	font-size/* */:/**/16px;
	font-size: /**/16px;
}

h3 {
	color: #555555;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}

h4, h5, h6 {
	color: #555555;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}


blockquote, p {
	line-height: 1.5em;
}

img {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}


ul li {
	border: 0px solid #000000;
	list-style-image: url(./images/bullet_ff6600.gif);
}

li,dd {
	line-height: 1.6em;
}

dd {
	padding: 0;
	margin-left: 10px;
}

dt {
	font-weight: bold;
	margin-top: 1.2em;
}


/* keep nested ol's in ul's from taking on image styles. */

ol li {
	list-style-image: none;
}



/***************Begin topHeader ***************/

#topHeader {
	background-color: #000000;
	background-image: url(./images/bg_top/top-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
	margin: 0px;
	padding: 0px;
}

#topHeader h1 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-variant: small-caps;
}

/***************End topHeader ***************/



/*************Begin NavBar Nav***********/
 
/*Contains the navigation */
#navBar {
	padding: 4px 0px 4px 20px;
	margin: 0px;
	border: none;
	background-color: #FFCC22;
	color: #FFFFFF;
	background-image: none;
}


#navBar * {
	color: #FFFFFF;
}

#navBar ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
	/*white-space: nowrap;*/
}
#navBar li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navBar li.navFirstLink {
	color: #FFFFFF;
}

#navBar a {
	background: transparent;
	border: none;
	margin: 0px;
	color: #333333;
	text-decoration: none;
	padding: 0px 10px;
	border-right: 1px solid #FFFFFF;
}
#navBar li.navLastLink a {
	border: none;
}

#navBar a:link, #navBar a:visited {
	color: #333333;
	text-decoration: none; 
}

#navBar a:hover {
	color: #FFFFFF;
	background-color: #000000;
	background-color: transparent;
}

#navBar a:active {
	background-color: transparent;
	color: #FFFFFF;
}

/* Current links are used to highlght the 
current page being viewed. */
#navBar a.currentLink:link,
#navBar a.currentLink:hover,
#navBar a.currentLink:visited,
#navBar a.currentLink:active {
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	background-color: transparent;
}

/***************End NavBar Nav ***************/



/***************Begin Content ***************/

/* contains everything below the topBar.
Used in certain cases where the side nav can
screw up other areas. */

#justaContainer {
	background-image: url(./images/logos/swirl.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E6E6E6;
	border: none;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

/* total width = width + margin + padding */

#navSide {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 15px 5px 10px 15px;
	border: none;
	background-color: transparent;
	width: 170px;
	width/* */:/**/150px;
	width: /**/150px;
}

#navSide ul {
	margin: 1px 0px 10px 15px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

#navSide li {
	margin: 0px;
	/*margin-left: 10px;*/
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	list-style-image: url(./images/bullet_ff6600.gif);
}

#navSide li strong {
	color: #FF6600;
}

#navSide a {
	color: #333333;
	background-color: transparent;
	text-decoration: none;
}

#navSide a:hover {
	color: #FF6600;
	background-color: transparent;
	text-decoration: underline;
}

#navSide a:active {
	color: #FFFFFF;
	background-color: #2A4347;
	text-decoration: none;
}

#navSide h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}


/* contentMain contains all the page content.
top padding as navSide, plus a few
margin-left same width as navSide plus a few */

#contentMain {
	margin: 0px;
	padding: 20px 15px 10px 5px;
	border: none;
	background-color: transparent;
	margin-left: 172px;
	margin-left/* */:/**/172px;
	margin-left: /**/172px;
}



/***************Begin Footer *************/

#contentFeet {
	background-image: url(./images/dots.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 25px 0px;
	background-color: transparent;
	padding: 5px 0px;
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

#feetComments {
	margin: 15px 25%;
}

/***************End Footer ***************/



/* 
Used when we have an alternate style that uses vertical nav;
not used in the horizontal nav.
need this container to clear out the 2 columns - sometimes
there is a bug in IE6 that makes things disappear in the left
column, the cleared container keeps things from disappearing */
.contentClear {
	clear: both;
	line-height: 1px;
}
.contentClearRight {
	clear: right;
	line-height: 1px;
}
/* we don't need no stinkin' fluffers! */
.fluffer {
	display: none;
}

/***************End Content***************/



/* table stuff */
caption {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

table img,
td img,
td p img {
	border: none;
	display: inline;
}

#dataTable {
	border-collapse: collapse;
	border: none;
	width: 98%;
	background-color: transparent;
	margin: 10px 0px 10px 0px;
}

#dataTable th a {
	color: #FFFFFF;
}

#dataTable td {
	border: none;
	padding: 3px;
	vertical-align: top;
}


#dataTable th {
	font-weight: bold;
	background-color: #4E6DA9;
	color: #FFFFFF;
	padding: 4px;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}



/* A bunch of miscellaneous classes */

.required {
	color: #FF0000;
}

.noBlock {
	display: inline;
}

.textAlignRight {
	text-align: right;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClearBoth {
	clear: both;
}

/*centers block level elements*/
.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

img.marginAuto {
	text-align: center;
}

.attention {
	font-weight: bold;
	color: #FF0000;
	background-color: transparent;
}

.smallText {
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

.highlight {
	background-color: #FCFCFC;
	margin-left: 15%;
	margin-right: 15%;
	padding: 0px 10px;
	border: 1px dashed #000000;
}

/* used for the top of page link */
.climbTop {
	text-align: right;
}

/* for areas with just text - we make it readable doncha know. */
.n3-dribble {
	width: 500px;
	margin: 0px;
}



/********** Misc stuff not used yet */


/* used for form elements*/
form {
	margin: 0px;
}

select.select-type1 {
	background-color: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

.formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #232323;
	background-color: #FCFCFC;
	padding: 3px 4px 3px 3px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #AEAEAE;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #AEAEAE;
}

textarea.formField {
	padding: 5px;
}

.button {
	background-color: #FCFCFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

.buttonOver {
	background-color: #F5F5F5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

/*end of forms*/


a img {
	display: inline;
}

/* make sure the images with links don't display a bg color */
a:hover img {
	background-color: transparent;
}