/* touchofcolor.css */

/* Body text and page background */
body {
	background-color: #4A4237;
	font-family: Georgia, "Times New Roman", Serif;
	text-align: center;
}

/* Block all default margins and padding */
* {
	margin: 0px;
	padding: 0px;
}

html {height:100%; margin-bottom:1px;} /* Forces vertical scroll bar to be visible */

/* Wrapper contains the layout */
#wrapper {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/background2.jpg);
	background-repeat: repeat-y;
  text-align: left;
	background-color: #FFFFFF;
	border: solid 2px #FFF17E;
}

/* Styles the Logo division */
#logo {
	background-color: #fff;
	background-image: url(images/header5.jpg);
	background-repeat: no-repeat;
	height: 378px;
	width: 700px;
}

/* Styles Navbar division  */
#nav {
	background-color: #485338;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-transform: capitalize;
}

/* Applies to the links in Navbar division  */
#navlist a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff582;
	font-size: 15px;
	font-weight: bolder;
}
#navlist a:hover {
	color: #fff;
}

/* Styles shadow image under Navbar division */
#shadow {
	height: 17px;
	width: 700px;
	background-image: url(images/shadow.jpg);
	background-repeat: no-repeat;
}

/* Floats Main divison to left and sets its width */
#main {
	float: left;
	width: 700px;
}

/* Styles paragraphs in Maincontent division  */
#maincontent p {
	margin-bottom: 10px;
	color: #2A3716;
	font-size: .8em;
	font-weight: bold;
	line-height: 140%;
	text-align: justify;
}

/* Adds some padding in Maincontent division  */
#maincontent {
	padding: 0px 15px 15px;	
}

/* Styles the footer */
#footer {
	clear: both;
	height: 35px;
	width: 700px;
	background-color: #485338;
}

/* Styles a Level 1 heading  */

h1 {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1.2em;
	color: #2A3716;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Styles a Level 2 heading  */
h2 {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 1em;
	color: #2A3716;
	padding-bottom: 10px;
		}
		
/* Styles paragraphs in the footer */
#footer p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CBD1A1;
	font-size: 9px;
	padding-top: 3px;
	padding-left: 15px;
}

/* Styles inks in Footer Div */
#footer a:link {
	color:#fff582;
	text-decoration: none;
}

#footer a:visited {
color:#BCB562;
text-decoration: none;
}

#footer a:hover {
	color:#fff;
	text-decoration: underline;
}

#footer a:active { color:#0059b4;
}

/* Applies to active, visited and hover links */
a:link {
	color:#fff582;
	text-decoration: none;
}
a:visited {
	color:#4A4237;
	text-decoration: none;
}
a:hover {
	color:#fff;
	text-decoration: underline;
}
a:active { color:#0059b4;
}

/* Removes outline from around link items */
a {
   outline: none;
}

/* Centers a Level 1 heading */
h1.center {
text-align: center;
}

/* Centers a Level 2 heading */

h2.center {
text-align: center;"
}

/* Centers a paragraph in maincontent division */
#maincontent p.center{
text-align: center;
}

/* Float image to left of paragraph and add padding to top */
img.floatLeft{
   float: left;
   margin-right: 10px;
	 padding-top: 10px;
}

/* Styles Photo Gallery Lightbox effects */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/* Style for tables of thumbnail images */
table.thumbs{
text-align: center;
border-collapse: collapse;
margin: auto;
}

/* Style for table cells that contain thumbnails */
td.thumbs{
padding: 10px; }

/* Style for thumbnail images */
img.thumbs{
width:100px;
border-width: 0px;
}	

/* Styles lists in MainContent Div */
#maincontent ul {
list-style-type: none;
}

#maincontent ul.center {
text-align: center;
}

/* Changes size of text and adds italics in MainContent Div */
#maincontent p.lgtext{
font-size: 1.3em;
}

#maincontent p.cite{
font-style: italic;
}

/* Styles horizontal line */
hr {
width: 50%;
border: none 0; 
border-top: 1px solid #4A4237;/*the border*/
text-align: center;/*this will align it for IE*/
margin: 0 auto 0 auto; /*this will align it left for Mozilla*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
padding-top: .5em;
padding-bottom: .3em;
} 

/* Styles blockquote in Maincontent Division */

#maincontent blockquote {
  margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #2A3716;
	font-size: .8em;
	font-weight: bold;
	line-height: 140%;
	text-align: justify;
}

/* Styles AddThis Button in Maincontent Division  */
.addthis_default_style {
color: #2A3716;
font-size: .8em;
font-weight: bold;
line-height: 140%;
margin: 20px 245px;
}

/* Styles Box Division for Special Accouncements */

#box {
border: 2px solid #4A4237;
background: url("images/longframe2.png") no-repeat;
width: 419px;
height: 220px;
padding: 15px;
margin: 10px 115px;
text-align: center;
}

/* Makes Level 2 Heading in Box Division Red-Brown */
#box h2 {
color: #6C3D21;
margin-top: 26px;
{