body {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding-top: 1em;
	font-size: 62.5%;
	color: #CCCCCC;
	text-decoration: none;
	min-width:760px;
	max-width:1200px;
	background-color: #666666;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* LAYOUT */

#container {
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	color: #333333;
	padding: 1.5em 1.5em 1.5em 1.5em;

}

#wrapper {
	border: 1px solid #333;
	background-color: #ccc;
	width: 80%;
	margin: 0 0 0 10em;
}

#wrapper-home {
	border: 1px solid #333;
	background-color: #333333;
	color: #333333;
}


#menu {
	border-color: #000000;
	text-align: left;
	color: #000000;
	background-color: #000000;

}

#top-caption {
	right: auto;
	text-align: right;
}

#right-caption {
	text-align: right;
	float: right;
	width: 25%;
	min-height:700px;
	background-color: #242424;
	border: solid #242424 .5em;
}
#content{
	background-color: #C3C3C3;
	border: 0px solid #000; /* no border */
	padding-top: 2em;
	padding-left: 1em;
	margin-left: 31%;
	padding-bottom: 2em;

}

#navigation{
	width:30%;
	float:left;
	margin-left: 1em;
	padding-top: 1em;
	overflow: visible;
}

#header{
	background: #333;
	color: #FFF;
}

#main-title {
	height: 65px;
}

#footer{
         background: #333;
		 color: #FFF;
		 width: 80%;
		 margin: 0 0 0 10em;
		 }

#left-image  {
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	margin-top: 1em;
	color: #A6A6A6;
			min-height:700px;
}

#recent-additions {
	float:left;
	width: 20%;
	color: #A6A6A6;
	left: auto;
	min-height:700px;
	background-color: #666666;
}



/*********************************
styling for individual layout elements
*********************************/

/* navigation elements styling */
#navigation ul {
	list-style-type: none;
	padding-left:0;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul li {
	padding: 0.5em 0 0 0;
	color: #333333;
	text-transform: uppercase;
	text-align: left;
	margin-left: 2em;
}

#navigation ul a {
display:inline;
width:8em;
height:1.25em;
line-height:1.25em;
}

#navigation li a:hover {
	background-color:#0099CC;
	#line-height: 3em;
}

#navigation li a {
	color: #333333;
	text-decoration: none;
	font: 1.1em "Trebuchet MS";
}


/* header elements styling */
#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
 
#header ul {
	list-style: none;
}

#header li {
	display: inline;
	margin-left: 15px;
}

#header li a {
	color: #A6A6A6;
	text-decoration: none;
	text-transform: uppercase;
	font: 1.1em "Trebuchet MS";
}

#header li a:hover {
	font-weight: bolder;
}

#main-title img.image {
	margin-right: 50px;
	float: left;
	vertical-align: middle;
}


/* content elements styling */
#content p{line-height:1.4}

#recent-additions p{line-height:1.4}

#recent-additions h1 {
	font-weight: bolder;
	font-size: 1.1em;
	color: #000000;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	padding-left: 0.5em;
}

#left-image  h1 {
	font-weight: bolder;
	font-size: 1.1em;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	padding-left: 0.5em;
}

#left-image h1 a:hover {
	font-weight: bolder;
}

#left-image  a {
	color: #A6A6A6;
	text-decoration: none;
	text-transform: uppercase;
	font: 1.1em "Trebuchet MS";
}

#content ul li{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	display: inline;
}

#recent-additions ul li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside; 
	display: block;
}

#content,#recent-additions img {
	border-top-width: 0pt;
	border-right-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	vertical-align: middle;
}

#content,#recent-additions img.figure {
   border: 1px solid #666;
   padding:5px;
}
   
/* footer styling */
#footer p{
	margin:0;
	padding:5px 10px;
	text-align: center;
}




/* typography */

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.1em;
	letter-spacing: .1em;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	text-indent: 5em;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	margin-left: -2em;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

.quote {
	color: #A6A6A6;
	font: 1.1em "Trebuchet MS";
}

.largequote {
	color: #A6A6A6;
	font: 1.5em "Trebuchet MS";
	font-style: oblique;	
}