* {
   padding:0;
   margin:0;
}

html, body {
	height: 100%;
}

body {
	background:#fff;
	padding:0;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#3b4044;
}

#wrap {
	width:750px;
	background:transparent;
	margin:0 auto;
}

/*************************************************************
*                           layout                           *
*************************************************************/

#banner {
	background:url('images/site_01.gif') no-repeat;
	width:750px;
	height:142px;
	top:10px;
}

#menu {
	background:url('images/site_02.gif') no-repeat;
	width:750px;
	height:49px;
	
}

#content {
	background:url('images/site_03.gif') no-repeat;
	width:596px;
	height:410px;
	float:left;
	position:absolute;
	margin:0;
}

#right {
	background:url('images/site_04.gif') no-repeat;
	width:154px;
	height:410px;
	float:right;
}

/*************************************************************
*                           menu                             *
*************************************************************/

DIV.center {
	text-align: center;
}
.menu {
	display: block;
	width: 750px;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
}
.menu a {
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:active {
	color: #fff;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover {
	color: #aaa;
	padding-top: 3px;
	padding-bottom: 13px;
	padding-left: 3px;		
	padding-right: 3px;
	font-weight: bold;
	text-decoration: underline;
}

/*************************************************************
*                           misc                             *
*************************************************************/
#content p{
	padding:3px 15px 10px 15px;
}

#right p{
	padding:10px 15px 10px 15px;
}

a{
	text-decoration:none;
	color:#366c9c;
}

a:hover{
	text-decoration:none;
	color:#3b4044;
}

img {
	margin:10px 10px 10px 10px;
/*	border:#ba5445 dashed thin; */
	float:centre;
}

/*************************************************************
*                           headers                          *
*************************************************************/
#banner h1 {
	color:white;
	font-size:1.7em;
	font-weight:bold;
	padding:50px 0 0 40px;
}

h2 {
	font-size:1em;
	text-align:left;
	color:#000;
	padding:10px 15px 3px 15px;
}

h3 {
	font-size:1em;
	text-align:left;
	color:#ba5445;
	padding:10px 15px 3px 25px;
}

h4 {
	font-size:1em;
	text-align:left;
	color:#b59a4a;
	padding:10px 15px 3px 35px;
}

h5 {
	font-size:1em;
	text-align:left;
	color:blue;
	padding:10px 15px 3px 35px;
}

h6 {
	font-size:1em;
	text-align:left;
	color:white;
	padding:10px 15px 3px 50px;
}
/*************************************************************
*                           Photos                        *
*************************************************************/
a.swapped:link, a.swapped:visited { 
background:url(#) no-repeat; /*sets the unmoused image*/ 
} 
a.swapped:link:hover, a.swapped:visited:hover { 
display:block; /*allows width and height settings to apply*/ 
width: 230px; /*match to width of the image*/ 
line-height: 180px; /*match to height of the image*/ 
text-indent:5em auto; /*moves the text off screen*/ 
text-decoration:none; /*removes the underline*/ 
background:#fff url(images/jm.jpg) no-repeat; /*changes to the moused image on hover*/ 
}