body {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff; background-image:url(images_web/gradient.jpg); background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align: center; /* need this to center box w/ IE; part 1*/
	color: #000000;	}             
#container { 
	width: 80%; 
	background: #ffffff;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */} 
	
#content {	padding: 0 40px; /* first # is top and bottom, second # is right and left sides */
	background: #FFFFFF;}
	
#header {background:#FFFFFF; height: 108px;
 	background-image: url(images/images_web/mylogo3.jpg);
	background-repeat:no-repeat;
	margin-bottom:100px;}
	
.header {margin-top: 25px; text-align: center; margin-bottom:50px;}  


	
/*portfolio page only*/
#buttons {
	float: left;
	width: 450px; /* element is floated; width must be given */
	margin-top: 0;
	margin-bottom:0; margin-left:20px;
	padding:15px 0;	} 
#description { /*description on designs on right side of Portfolio page*/
	margin: 0 20px 0 450px; padding:15px 0;} 
/*end portfolio only*/


#container a:link {color: #0000FF; text-decoration: underline;}
#content a:hover {color: #ff0000; text-decoration: underline;}
#container a:visited {color: #0000FF; text-decoration: underline;}

#content img  {border:0;} /*effects content imgs only, even if they are links*/
#container img {border:0;}
h1, h2, h3, h4, h5, h6 {text-align: left; color: #000000;}
h1 {font-size: 1.3em;}
h2 { font-size: 1.0em; }
p {	font-size: 1em;
	text-align:left;} 
.red {color:#FF0000;}
.center {text-align:center;}

.noborder {border: 0; padding:0; text-align:left;}

.tableform {width: 70%; border: 0; padding:0; margin-top:25px; margin-left:25px;}		
.black {background:#000000; background-image:none;}
#footer {
	position: absolute;
	bottom: 0px;
	right: 10px;
	height:60px;
	width: 100%;}
	
#nav {
	padding: 1px 0 1px 0;
	font-weight: bold ;
	color: #ff0000;
	text-align: center;
	margin-top: 100px;} 

#nav a:link, a:visited, a:active {text-decoration: none; color: #ff0000;}

#nav a:hover {	color: #ff0000;	text-decoration: underline;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}