/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img1.gif) repeat-x;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #393838;
}

body em {
font-weight: bold;
	font-style: normal;}

body i {
font-style: italic;}

body sc {
font-variant: small-caps;}


h2, h3, h4, h5, h6 {
	margin: 0;
}

h2 {
	
<!switching off text transform - text-transform: lowercase;>

letter-spacing: -1px;
	font-size: 26px;
	font-weight: normal;
	color: #31576F;
}

h2 em {
	font-weight: bold;
	font-style: normal;
}

h3 {
	height: 25px;
	background: #0077A7 url(images/img3.gif) repeat-x left bottom;
	padding: 13px 0 0 20px;
<!switching off text transform - text-transform: lowercase;>
	font-size: 15px;
	color: #FFFFFF;
}

p, ol, ul {
	line-height: 180%;
}

/* changed padding-left from 0 to 75 to achieve indentation */

ul {
	margin-left: 0;
	padding-left: 75;
	list-style-position: inside;
}



a {
	color: #0079A8;
}

a:hover {
	text-decoration: none;
}

.image {
	float: left;
	margin: 0 20px 0 0;
}

.bg1 {
	padding: 0 20px 20px 20px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF url(images/img4.gif) repeat-x;
}

.bg2 {
	padding: 20px;
	border-top: 1px solid #CBE1EF;
	background: #FFFFFF url(images/img4.gif) repeat-x;
}

/* Header */

#header {
	width: 892px;
	height: 160px;
	margin: 0 auto;
}

#header * {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 70px 0 0 10px;
	font-size: 33px;
}

#header h2 {
	float: left;
	padding: 91px 0 0 10px;
	font-size: 11px;
	font-weight: normal;
}

#header ul {
	float: right;
	margin: 0;
	padding: 82px 0 0 0;
	list-style: none;
}

#header li {
	display: inline;
}

#header a {
	display: block;
	float: left;
	height: 25px;
	margin: 0 0 0 8px;
	padding: 12px 20px 0 20px;
	background: #ABBA47 url(images/img2.gif) repeat-x;
	text-decoration: none;
	font-weight: bold;
}

/* Content */

#content {
	width: 892px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 186px;
	text-align: left;
}

#colOne ul {
	padding-left: 0;
	list-style: none none outside;
}

#colOne li {
	padding: 5px 0;
	background: url(images/img6.gif) repeat-x;
}

#colOne li.first {
	background: none;
}

a {
	color: #0079A8;
text-decoration: none;}

a:hover {
	text-decoration: underline;
}





#colTwo {
	float: right;
	width: 686px;
}

/* Footer */

#footer {
	clear: both;
	width: 892px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/img7.gif) repeat-x
}

#footer p {
	margin: 0;
	text-align: center;
}


/*JN added 2 block quotes - one floated left and the other right*/

.pquoteleft { 
   	float:left; 
    	width: 8em; 
	text-align: left;
    	background: url(images/openquote.gif) top left no-repeat; 
    	color: #030; 
    	font-style: italic; 
    	padding: 0.5em; 
    	margin: 0; 
	
<!switching off font-size: 2em; line-height: 0.9;>
} 

.pquoteright { 
   	float:right; 
    	width: 8em; 
	text-align: center;
    	background: url(images/openquote.gif) top left no-repeat; 
    	color: #030; 
    	font-style: italic; 
    	padding: 0.5em; 
    	margin: 0; 
<!switching off font-size: 2em; line-height: 0.9;>
} 


/*JN attempting to add boxed text for examples*/

.example {
float:left;
width:100%;
padding:5px;
border:1px solid black;
font-size:13px;
margin:2px;
background-color:whitesmoke;}







/*JN added for simple table layout*/
td { 		text-align: left;
		//border: 1px solid #999;
		padding: 5px; 5px;
		font-size: 13px;
	}