html, body {
	margin:0px;
	padding:0px;
	background:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image: url(../images/bg_main.gif);
}
.width {
	width: 90%;
	margin: auto;
	min-width:750px;
}

/* The header and footer */
.header {
	color:#fff;
	background-image: url(../images/header-bar.gif);
	border: 3px solid #fff;
	background-repeat: no-repeat;
	background-color: #50B9DC;
	margin-top: 10px;
	padding: 0;
	height: 90px;
	overflow: hidden;
	background-position: 0 -8px;
}
.headright {
	color: #fff;
	float: right;
	top: -100px;
	width: 15%;
	text-align: right;
	}
.headleft {
	margin: 0;
	padding: 0;
	width: 85%;
	float: left;
	
}

.footer {
	display:block;
	background:#09c;
	color:#fff;
	text-align:right;
	margin-top: 10px;
	border: 3px solid #fff;
	padding: 1.2em;
	font-size: 1.1em;
	background-image: url(../images/head_grad_down.gif);
}
.footer p {display:inline;}
/* This bit does all the work */
#container {
	position:relative;
	display:block;
	background:#fff;
	border-left:200px solid #fff;
	border-right:200px solid #fff;
	overflow:visible;
	margin-top: 10px;
	clear: both;
}
#left {
	float:left;
	position:relative;
	width:198px;
	margin-left:-197px;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#right {float:right; position:relative; width:198px; margin-right:-197px; display:inline;}
#pic {
	position: relative;
	right: 15px;
	top: 20px;
}
#inner {
	border-left: 4px solid #ccc;
	padding: 20px;
	margin: 10px;
	line-height: 160%;
	height: 1%;
	font-size: 1.3em;
	padding-top: 40px;
}
.clear {clear:both;height:1px;overflow:hidden;}

.header a {
	color: #FFFFFF;
	text-decoration: none;
}
.header a:hover {
}

#nav {
	margin-bottom: 10px;
	margin-left: -20px;
	margin-top: 20px;
	font-size: 1.1em;
}
#left a {
	color: #fff;
	text-decoration: none;
	padding: 0.5em;
	float: left;
	width: 11.1em;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-image: url(../images/head_grad_side.gif);
}
#left a:hover {
	background-color: #999999;
	color: #FFFFFF;
	background-image: url(none);
	margin-left: 10px;
}


#inner p {
	margin-left: 20px;
}
#inner a:link {
	color: #666699;
	text-decoration: none;
	font-weight: bold;
}
#inner a:visited {
	color: #366;
}
#inner a:hover {
	color: #0099CC;
}
#inner a:active {
	color: #336666;
}

ul {
	margin-left: 80px;
	list-style-image: url(../images/listIcon3.jpg);
}
.dianne { float:left; margin-right:20px}
.patricia {
	float: right;
	margin-left: 20px;
}
.george {
	float: right;
	margin-left: 20px;
	border:2px solid #999;
}
#opening {
	border-bottom: 1px solid #09c;
	border-top: 1px solid #09c;
	margin: 20px;
	clear: left;
	color: #000000;
	font-size: 0.9em;
	line-height: 160%;
	width: 14.6em;
	padding-top: 10px;
}
p.home {
	color: #000000;
	text-align: right;
	font-weight: bold;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.5em;
	font-weight: bold;
	border-right: 1px solid #fff;
	margin: 0.2em;
}
.footer a:visited { }
.footer a:hover { color:#CCCCCC; border-right: 1px solid #ccc;}
.footer a:active { color:#666666;}
h1 {
	font-size: 3em;
	letter-spacing: 0.1em;
	font-family: "Trebuchet MS", Arial, Verdana;
	padding: 20px 0px 20px 150px;
	background-repeat: no-repeat;
	text-align: left;
	margin: 0.3em;
	text-indent: -2000px;
}
#inner h1 {
	background-color: #09c;
	color: #fff;
	border-bottom: 3px solid #999999;
	margin: 20px;
	padding: 0.4em 0em 0.4em 0.4em;
	font-size: 1.6em;
	background-image: url(../images/head_grad_down.gif);
	text-indent: 0px;
	letter-spacing: 0px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;

}


h2 {
	background-color: #09c;
	color: #fff;
	border-bottom: 3px solid #999999;
	margin: 20px;
	padding: 0.4em 0em 0.4em 0.4em;
	font-size: 1.6em;
	background-image: url(../images/head_grad_down.gif);
}

h3 {font-size: 1.2em; color:#0099CC; border-bottom: 3px solid #999999; margin-left:25px; margin-right:25px;}

h4 {
	color: #0099CC;
	margin-left: 50px;
}
h5 { font-size:1.2em;}
.emIn {
	font-weight:bold;
	font-size:1.1em;
	color: #666666;
	margin-left: 30px;
}
em {
	font-weight: bold;
	color: #666666;
}
.bassline {
	text-align: center;
	color: #666666;
}
.bassline a:link {
	color: #666666;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
}
.bassline a:hover  {
	color: #0099CC;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
}
.Pstrap {
	display: none;
	clear: both;
}
.letts {
	font-size: 0.7em;
	color: #999999;
	margin-left: 10px;
}
.dispec {
	text-align: right;
	color: #999999;
	font-style: oblique;
}
.paspec {
	text-align: left;
	color: #999999;
	font-style: oblique;
}
#epcform {
	}
fieldset {
background-color: #eee;
	background-image: url(../images/bg_main.gif);
display : block;
border : 1px solid #09c;
padding : 5px;
font-family : Arial, Helvetica, sans-serif;
margin-bottom : 0.5em;
line-height : 1.5em;
}
legend {
	font-family : georgia, sans-serif;
	font-size : 1.1em;
	font-weight : bold;
	border : 3px solid #fff;
	margin-bottom : 5px;
	padding : 3px;
	background-color: #FFFFFF;
	color: #666666;
}
label {clear : left;
display : block;
float : left;
width : 100px;
text-align : right;
padding-right : 10px;
color : #888;
margin-bottom : 0.5em;}

input {
	border : 1px solid #fff;
	background : #fff url(cssplay/form.gif) repeat-x top left;
	padding-left : 0.5em;
	margin-bottom : 0.6em;
	color: #999999;
}

input[type=text]:focus, textarea:focus {
	background-color: #F0F8FF;
	color:#666666;
}

textarea {
	color: #999999;
}

input#button1, input#button2{
	color : #0099CC;
	padding-right : 0.5em;
	cursor : pointer;
	width : 150px;
	margin-left : 8px;
	border: 1px solid #eee;
}
#button1:hover, #button2:hover {
	color: #CCCCCC;
	font-weight: bold;
}

/* Sounds Like Design Code */

#sld {
	text-align: center;
	font-size: 1.3em;
	color: #666666;
	margin: 0;
	padding: 8px;
}
#sld p {
	color: #999999;
	font-size: 0.9em;
	font-variant: small-caps;
	font-family: "Palatino Linotype", Arial;
	letter-spacing:2px;
}

#sld a:link {
	color: #999999;
	text-decoration: none;
}
#sld a:visited {
	color: #999999;
	text-decoration: none;
}
#sld a:hover {
	color: #3A5451;
}
#sld a:active {
	color: #3A5451;
}

/* ----------------- Vcard style -----------------------*/
.width #container #inner #vcard {
	margin-left: 50px;
	font-weight:bold;
	font-size:1.1em;
	color: #666666;
	width: 15.5em;
}
#articles{
	font-size: 0.9em;
	}
#articles a {
	background-image: url(none);
	color: #4BB7DB;
	width: 14em;
	
}
#articles a:hover {
	background-color: #fff;
	color: #0099CC;
	background-image: url(none);
	margin-left: 0px;
	text-decoration: underline;
}