/* Style-sheet for Sally Bassett's Website */

/* header layer is used for the header graphic and menu at the top of each page */
#header {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#header img {
	border-style: none;
}

#header table {
	width:674px;
	margin-left:26px;
	background-color:#5B5B5B;
	border-spacing:0;
}

#header td {
	height:11px;
	padding-left:7px;
	padding-right:7px;
	padding-top:0px;
	padding-bottom:0px;
	width:295px;
}

#content {
	margin-left:auto;
	margin-right:auto;
	width:673px;
}

#context_news {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	text-align:left;
	border-width:thin;
	border-style:solid;
	border-color:#000000;
}
.news_context_news {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	text-align:left;
	border-width:thin;
	border-style:solid;
	border-color:#000000;
}
#context {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	text-align:left;
}

#context p {
	margin-left: 23px;
	margin-bottom:20px;
}

#context H2 {
	margin-left: 23px;
	margin-bottom:20px;
}

#context table {
	margin-left:auto;
	margin-right:auto;
}

#leftside {
	width:160px;
	margin-right:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	float: left;
	padding-top: 10px;
	text-align:right;
}
#rightside {
	width:493px;
	float: left;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left; 
}

.leftcolumn {
	margin-left:26px;
	float: left;
	padding-right: 10px;
}
.rightcolumn {
	float: right;
	padding-left:10px;
}



/* month layer is used for the Picture of the Month on the home page */
#month
{
	width:460px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	border-width:thin;
	border-style:solid;
	border-color:#000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

#month H1 {
	text-align:center;
}

#month H2 {
	text-align:center;
}

#month P {
	margin-left: 0px;
	margin-bottom:0px;
}

#month-picture {text-align:center}

/* bottom layer is used for the menu at the bottom of each page */
#bottom {
	margin-left:auto;
	margin-right:auto;
	clear: both;
	width: 700px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	text-align:center;
}
#bottom hr {
	margin-top: 10px;
	margin-left:25px;
	color: #5B5B5B;
}

#navigation{
	background-color:#00FF99;
	height:11px;
	width:700px;
	padding-left:25px;
}

/* mm_menu is the class used by the Javascript menus when there is a sub-menu. See mm_menu.js */
.mm_menu img {
	border-style: none;
}

img {
	border-width: thin;
	border-color: #000000;	
	border-style: solid;
}
td {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align:center;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.menu {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; 
	font-weight: normal; 
	text-decoration: none;
}

.menuw { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #DED9C7; 
	background-color: #666666;
	font-weight: normal; 
	text-decoration: none
}

.menuw td {
	background-color:#00FF99;
	width:295px;
}

.menuw:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #FFFFFF; 
	font-weight: normal; 
	text-decoration: none 
}

.clickprompt {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666;
	font-weight: bold;
	text-align:center;
}

/* Used in error response from form */
.red {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF0000;
	font-weight: bold;
	text-align: left;
}

.statcounter  {
    border-style: none;
}

/* .statcounter img {
    border-style: none;
}

.statcounter a img {
    border-style: none;
} */