@charset "utf-8";

html
{
	border-top: 7px solid #60b7de;
}

body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #73C5E5;
	margin: 20px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container
{
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 7px solid #60b7de;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#blackborder
{
	border: 1px solid #767676;
}

#header h1
{
	margin: 0;
	padding: 0;
}

#mainContent
{
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#footer
{
	width: 780px;
	margin: 20px auto;
	padding: 0 20px;
}




/*Changes to refactor site*/
h1, h1 a
{
	font-family: "Lucida Grande", sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	color: #2e8696;
	font-weight: bold;
	text-decoration: none;
}

h1 a
{
/*
	border-bottom-style: dotted;
	border-bottom-width: 0px;
*/
}

h1 a:hover
{
	text-decoration: underline;
/*
	border-bottom-style: solid;
	border-bottom-width: 1px;
*/
}

h2, h2 a
{
margin: 0px;
	font-family: "Lucida Grande", sans-serif;
	color: #90b500;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
	text-decoration: none;
}

h2 a:hover
{
	text-decoration: underline;
}

h3, h3 a
{
margin: 0px;
	font-family: "Lucida Grande", sans-serif;
	color: #2e8696;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

h3 a:hover
{
	text-decoration: underline;
}

p strong
{
	font-size: 90%;
}

p strong, p strong a
{
	font-weight: bold;
	color: #433c2a;
	text-decoration: none;
}

p strong a:hover
{
	text-decoration: underline;
}

#side_nav
{
	margin-left: 20px;
	padding-left: 4px;
}

#side_nav h2
{

font-size: 90%;
border-bottom: 1px solid #433c2a;
}

#side_nav li
{
	list-style-type: none;
	padding: 4px 8px;
	font-weight: bold;
}

#side_nav li a
{
font-size: 90%;
	text-decoration: none;
	color: #433c2a;
}

#side_nav li a:hover
{
	text-decoration: underline;
}

#footer_nav
{
	margin-left: 0;
	padding-left: 0;
}

#footer_nav li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;


color: #434242;
font-weight: bold;
text-transform: uppercase;
font-size: 85%;

}

#footer_nav li a
{
color: #434242;
	text-decoration: none;
}

#footer_nav li a:hover
{
	text-decoration: underline;
}

.warning
{
	color: #c24343;
	text-transform: none;
	border-width: 0px;
}

/*For the http://c-e-o.org link*/
.inline_link
{
	font-family: "Lucida Grande", sans-serif;
	color: #2e8696;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

.inline_link:hover
{
	text-decoration: underline;
}


/*     ADDED BELOW     */

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 10px solid darkred;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}


/*    ADDED ABOVE     */


/*--------------------------------------------------------------------------------*/