HTML {height: 100%; width: 100%;}
BODY {width: 100%; margin: 0; background: url("bg.gif") top left #FFF fixed  repeat-y; font: 12px "Times New Roman", Times, serif; }
A {color: #003; text-decoration: none; font-weight: 500; font: 12px Arial; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

img {border: 0;}

DIV#Page {width: 631px; padding-bottom: 10px; margin-left: 135px; margin-right: auto; margin-bottom: 0px; background: url("xcontent.gif") repeat-y top left; display: block;}
DIV#masthead {
	width: 770px;
	height: 100px;
	clear: both;
	background: url('jodyheader2.jpg') #95b1bf;
	background-position: top center;
	background-repeat:  no-repeat; 
	color: #000;
	margin-left: 0;
	margin-right: auto; 
	text-align: center;
	}

DIV#title {font-family: Helvetica, Arial; font-size: 40px; color: #006; display: block; position: absolute; top: 40px; left: 150px; }

DIV#footer {
	width: 540px;
	height: 80px;
	margin: 50px 0 0 140px;
	padding-top: 10px;
	padding-left:  20px;
	clear: both;
  background: url('xfooter.gif') top center no-repeat; 
	color: #000;
	}	

DIV#ContentColumn {
	width: 400px;
	min-height: 80px;
	color: #000;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
	}
		
DIV.content {
	width: 345px;
	color: #000;
  padding-bottom: 10px;
		}

DIV.smallcontainer {margin-right: 0; margin-left: auto;}
DIV#ContainerColumn {display: block;	 float: right; width 200px: margin-right: 0; padding-top: 25px;}
		
DIV#top {background: url("mexnu.gif");  float: left; text-align: right; 	font: 14px; 	width: 120px;	margin-top: 0px;	margin-bottom: 0;	padding-left: 10px;	padding-top: 45px; clear: both;}
DIV#top A {float: right; clear: both; 	font-size: 13px;	color: #DDD;	 text-decoration: none;	padding: 0 10px 10px 0; font-weight: 600; 	}
DIV#top A:hover	{color: #FFF;}

DIV#top3 {height: 20px;	width: auto; margin: 0; text-align: left; }
DIV#top3 A {	font-size: 14px;	color: #000; 	text-decoration: none;	padding: 3px 10px 0px 20px; 	}
DIV#top3 A:hover	{color: #009;}

SPAN.pagetitle {font-family: Arial, Helvetica; font-size: 20px; color: #333; font-weight: 600; display: block; padding: 20px 0px 10px 0px;}
IMG.pics {margin-right: auto; margin-left: auto; width: 385px;}


DIV.gallery {	margin: 20px 0 0 20px;	width: 90px;	 float: left;}
DIV.gallery P {	font: 14px;	font-weight: 600;}
DIV.gallery IMG {width: 80px;  border: 1px solid transparent;	}	
DIV.gallery IMG:hover { border: 1px #ACA solid;}	
DIV.gallery SPAN {	float: left; 	text-align: left; 	margin:  0px 0px 0px 10px;	}	

DIV.side {	margin: 0 0 0 0; width: 200px;}
DIV.side IMG {width: 198px;}	
	
DIV.sologallery {
	font: 12px;
	margin: 0px 0px 0px 30px;
	text-align:left;
	}
	
DIV.sologallery IMG {
 	width: 300px;
	}	

DIV.caption {font-size: 12px;	color: #000;  margin: 0 30px 0 30px;  padding-bottom: 10px;}		
DIV.caption SPAN {font-family: Arial, Helvetica; font-size: 20px; color: #333; font-weight: 600; display: block; padding: 20px 0px 10px 0px;}
	

	
	
B	{font-weight: 600;}