
body     { color: #333; font: 0.87em Arial, Helvetica, sans-serif; background: #ffffff url("images/bg.png"); text-align: center; margin: 0; padding: 0; min-width: 748px }

#wrapper {
	text-align: left;
	margin: 0px ;
	padding: 0px;
	width: 748px;
	background: #ffffff;
	border-left: 1px solid #ff6666;
	border-right: 1px solid #ff6666;

}

.head   { color: #fff; font: 0.87em Arial, Helvetica, sans-serif;  background: url(images/header.png); text-align: left; display: block; margin: 0px; padding: 0; height: 65px; width: 748px; }

.footer   { background: transparent; position: fixed; right: 0; bottom: -4px; width: 100%; height: 212px }

#nav {
	position: relative;
	margin: -18px 0px 0px -10px;
	width: 748px;
	line-height: 1em;
	}
	
#nav ul { 
	padding:0px; 
	margin:0; 
	padding:0; 
} 

#nav ul li { 
	float:right; 
	list-style:none; 
	margin:0; 
	padding:0; 
	} 
	
#nav a, a:link {
	display:block; 
	margin:0; 
	padding: 2px 15px; 
	text-align:center;
	color: #000;
	background: #ff6666;
	}

#nav a:hover	{
	color: #fff;
	background: #415bda;
	text-decoration: none;
}



#container {position:relative; margin-top: 0px; display:block; background:#ffffff; text-align: left; width: 748px; }
#inner {display:block; margin:0; padding:0px; background: #ffffff;  }
#left {float:left; position:relative; width:34%; margin-right:10px; margin-top: 0px; left:0px; text-align: left; background:transparent;  }
#right {float:right; position:relative; width:0px; right:0px;}
#center {margin-left:0; margin-right:0px;  width:64%; position:relative; text-align:left; float:right; display: inline; background: transparent;  }
.clear {clear:both;}

.box   { background: url("images/search.gif") no-repeat left top; text-align: right; margin-top: 25px; margin-bottom: 1px; margin-left: 7px; padding: 0; width: 214px; height: 120px; float: left }


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2   { background: url("images/cssbox.png") no-repeat right bottom } 
.cssbox { 
    width: 450px; /*!important; /* intended total box width - padding-right(next) */
    width: 440px; /* IE Win = width - padding */
float: left;
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 10px 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 13px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

 
/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 



      



/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2   { background: url("images/cssbox.png") no-repeat right bottom } 
.cssbox2 { 
    width: 250px; /*!important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 10px 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox2_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox2_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 13px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

 
/* set the lower-left corner image */ 
.cssbox2_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

.galleryh   { background: #fff url("images/cover.png"); list-style-type: none; margin-left: 2px; padding: 0; width: 460px; height: 234px; overflow: hidden; border: solid 1px #888 }
.galleryh li {
  float:left;
  }
.galleryh li a {
  display:block; 
  height:234px;
  width:22px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
.galleryh li a img {
  width:22px; 
  height:234px; 
  border:0;
  }
.galleryh li a:hover {
  background:#eee; 
  width:310px;
  }
.galleryh li a:hover img {
  width:310px;
  }


a, a:link	 { 
	color: #415BDA; 
	font-style: italic; 
	text-decoration: none; 
	background-color: transparent; 
	display: inline; 
	padding: 0 }
	
a:hover	{
	color: #ff6666;
	font-style: italic;
	text-decoration: underline;
	}

p {
	margin: 1px;
	margin-left:5px;
	padding: 3px;
	padding-left: 10px;
	
}

.sidequote {
width:275px;
float:right;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 16px;
line-height:18px;
letter-spacing:1px;
text-align:left;
color:#669;
}

.sidequote2 {
width:300px;
float:right;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 16px;
line-height:18px;
letter-spacing:1px;
text-align:right;
color:#669;
}

h1	{
	font: 1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #e05a5a;
	text-align: left;

	
	}
	
h2	{
	font:1.25em Verdana, Arial, Helvetica, sans-serif;
	color: #eee;
	
	}

h3	  {
	font: 1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #415bda;
	
	margin: 1px 10px 0;
	}

h4	  {
	font:1.25em Verdana, Arial, Helvetica, sans-serif;
	color: #415bda;
	text-align: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	}

h5	  {
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	
	}

h6	  {
	font: 1.20em Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: left;
	margin-top: 3px;
margin-right: 0px;
margin-left: 3px;
margin-bottom: 1px;
line-height: 1em;
	
	}
	
#pictureWrapper {
    float: right;
    margin: 0 20px 0 10px;
}
