/* global attributes */

body
{
	font-family: arial, sans-serif;
  	background: #8EA376;/*color:#67705A;*/
}

h1
{ 
	padding: 6px 0px 4px 0px;
	margin: 0px 0px 12px 0px; 
	font-family: arial, sans-serif;
  	letter-spacing: .1em;
	border-bottom: 1px solid;
	font-size: 160%;
	text-transform: uppercase;
	font-weight: normal;
	color: #7C9D49;
  	border-color: #B5CA91;
}

h2
{ 	
	margin: 5px 3px 5px 0px; 
	font-size: 140%;
	font-weight: bold;
	color: #67705A;
}

h3
{ 
	margin: 1px 0px 1px 0px;
	font-size: 110%;
	font-weight: bold;
	color: #7C9D49;
}

a
{
	color: #7C9D49;
	text-decoration: none;
}

a:hover
{
	color: #7C9D49;
	text-decoration: underline;
}

a:visited
{
	color: #7C9D49;
}

/* overall container of the page */

#container
{
	background: #FFFFFF url(images/back.png) repeat-y;
  	color: #70695A; /* text colour of entire site */
	color: #67705A;
}

/* page header */

/* header top padding (can be used for a rounded top ) */
#topping
{
	background: #8EA376;
}

/* menuBar 2 */

#secondTopBar
{
	font-size: 120%;
	background: #FFFFFF url(images/menu.png);
	color: #DBD7D1; /* this must match the colour in #secondTopBar a  */
	font-weight: bold;
} 

#secondTopBar a 
{
	padding: 3px 3px 3px 3px;
  	color: #DBD7D1;	/* this must match the colour in #secondTopBar  */
	text-transform: uppercase;
} 

#secondTopBar a:hover
{ 
	text-decoration: none;
	padding: 3px 3px 12px 3px;
	background: #FFFFFF url(images/menu_hover.png); /* size is 1px x 42px */
 	color: #70695A;
} 

#top
{
	width: 762px;
}

/* image */

#imageContainer
{ 
	border-top: 1px solid #171717;
	background: #FFFFFF url(images/green.jpg) no-repeat; /* size is 100px x 780px */
	text-align: left;
	width:762px;
}

#imageContainer h1
{
	/* optional */
	margin: 5px auto;
	padding: 25px 0px 10px 320px;
	font-weight: bold;
	font-size: 200%;
	letter-spacing: .18em;
	color: #FFFFFF;
	border-bottom: 0px solid; /*needed to override h1 in this css */
}

/* menuBar 3 - buttons to navigate a users website */
#websiteNavigationBar
{
	background: #FFFFFF url(images/menu.png); /* size is 1px x 42px */
	color: #DBD7D1; /* this must match the colour in #websiteNavigationBar a */	
}

#websiteNavigationBar a
{
	text-decoration: none;
	padding: 3px 2px 3px 2px;
  	color: #DBD7D1; /* this must match the colour in #websiteNavigationBar */
	text-transform: uppercase;
} 

#websiteNavigationBar a:hover
{ 

	padding: 3px 2px 3px 2px;
	background: #FFFFFF url(images/menu_hover.png); /* size is 1px x 42px */
 	color: #70695A;
} 

/* page contents container */

#content
{
	background: #FFFFFF url(images/menu-background.png);;
}

#contentNoSideBar
{
	background-color: #ffffff;
	/*border-left: 1px solid #e4d182;
	border-right: 1px solid #e4d182;*/
}

#contentPlain
{
	background-color: #ffffff;
	/*border-left: 1px solid #e4d182;
	border-right: 1px solid #e4d182;*/
	/*width: 720px;*/
}

#sideMenuBar
{
	background: url(images/menu_back.png) repeat-y;
}

#sideMenuBar ul 
{
	padding-left: 0px;
	margin-left:0px;
	list-style: none;	
}

#sideMenuBar ul li a
{
  	display: block;
	padding: 0px 0px 7px 19px;
	font-weight: bold;
	text-decoration: none; 
	text-transform: uppercase;
	color: #67705A;
	width:159px;
}

#sideMenuBar ul li a:hover
{
	background: url(images/menu_hover.png) repeat-x;
	color: #70695A;
}

/* form headers */

.theader
{
	/* optional */
        vertical-align: top;
	border-top: 1px solid #B5CA91;
	border-bottom: 1px solid #B5CA91;
	color: #7C9D49;
	text-align: left;
	padding: 6px 3px 6px 3px;
	font-weight: bold;
	font-size: 120%;	
}

.theader a
{
	/* optional */
        vertical-align: top;
        color: #7C9D49;
        text-align: left;
        padding: 6px 3px 6px 3px;
        font-weight: bold;
        font-size: 120%;
	text-decoration: none;
}

.theader a:hover
{
	/* optional */
        color: #70695A;
        text-decoration: underline;
}

/* other areas within the main */

#suggestedEntries a
{
	/* optional */
  	color: #70695A;
	font-weight: bold;
} 

.editSite a
{
	text-decoration: none;
  	color: #70695A;
} 

.editSite a:hover
{ 
	/* optional */
 	color: #7C9D49;
	text-decoration: underline; 
}

/* must be the same as editSite */

/* For edit sites that appear in a table header */
div.editSiteHeader
{
	/******constant******/
	height: 10px;
	font-size: 70%;
	text-align: right;
	float: right;
	/*******************/	
	
	/* specific to theader */
	margin: 2px auto;
	padding: 0px 0px 0px 0px;	
}

.editSiteHeader a
{
	/******constant******/
	text-align: right;
	/*******************/	
	
	/* specific to editSite a */
  	color: #70695A;

	/* specific to theader to undo setting to look like editSite */
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.editSiteHeader a:hover
{ 
	/* same as editSite a:hover */
 	color: #7C9D49;
	text-decoration: underline; 
}

/* images for the page entries */ 
div.coupleImageLeft /* used so as not to have a large margin on the right */
{
	margin:0px 6px 0px 0px;

	/* optional */
	padding-bottom: 1px 1px 1px 1px;
	border-top:3px solid lightgray;
	border-left:3px solid lightgray;
	border-right:3px solid black;
	border-bottom:3px solid black;
	
}

div.paragraphImageLeft 
{
	/******constant******/
	margin:0px 5px 0px -3px;
	float:left;
	/*******************/

	/* optional */
	padding:1px 1px 1px 1px;
	border-top:3px solid lightgray;
	border-left:3px solid lightgray;
	border-right:3px solid black;
	border-bottom:3px solid black;
	
}

div.paragraphImageRight 
{
	
	/******constant******/
	margin:0px 0px -1px 5px;
	float:right;
	/*******************/

	/* optional */
	padding:1px 1px 1px 1px;
	border-top:3px solid lightgray;
	border-left:3px solid lightgray;
	border-right:3px solid black;
	border-bottom:3px solid black;
}

div.paragraphImageBottom
{
	/******constant******/
	margin:10px 0px 0px 0px;
	/*******************/

	/* optional */
	padding:1px 1px 1px 1px;	
	border-top:3px solid lightgray;
	border-left:3px solid lightgray;
	border-right:3px solid black;
	border-bottom:3px solid black;
}

div.paragraphImageCenter
{
	/******constant******/
	margin:0px 5px 0px -3px;
	/*******************/

	/* optional */
	padding:1px 1px 1px 1px;
	border-top:3px solid lightgray;
	border-left:3px solid lightgray;
	border-right:3px solid black;
	border-bottom:3px solid black;
}

/* footer */

#bottomButtonBar
{
	color: white; 
	background: #FFFFFF url(images/menu.png);
}

#bottomButtonBar a
{
	color: white;
	text-decoration: none;
}

#bottomButtonBar a:hover
{
	text-decoration: underline;
}

/* bottom padding (can be used for a rounded bottom ) */
#bottom
{
	height: 20px;
}

/*
test of rounded edges table
*/
.roundedForm
{  
	background: #F9F9F9;
	color: #656F57;
	border-color: #E1E1E1;
}

/*
used in isolated bars when you want a greyed b/round - same as roundedForm
*/
td.roundedBar
{
	padding: 2px 2px 5px 2px;
        margin-left: auto;
        margin-right: auto;
	background: #F9F9F9;
	color: #656F57;
  	border-color: #E1E1E1;
}

/* chart for poll results */
table.chart
{
	background: #6F7A86;;
	border: 1px solid #000000;
}

/*
definition for how tables in forms look
*/
table.tableForm
{
	font-weight: bold;
}

/*
homepage div items
*/

.homepageList
{
	/*list-style-type: none;*/
}

/* url box on the homepage */
.urlCol
{
	border: 1px solid #B5CA91;	
}


/* Homepage boxes */

.homepageCell
{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #B5CA91;
}

.homepageCellTop
{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #B5CA91;
}

.insideHomepageCell
{
	width: 90%;
	font-size: 12px;
	background: #ffffff;
}

.insideHomepageCell .theader
{
	padding: 6px 3px 6px 3px;
	border-top: 1px solid #B5CA91;
	border-bottom: 1px solid #B5CA91;
	color:  #70695A;
	font-weight: bold;
	font-size: 100%;	
}

.insideHomepageCell h2
{ 
	padding: 6px 0px 4px 2px;
	margin: 0px 0px 4px 0px; 
	color: #7C9D49;
	font-size:125%;
  	letter-spacing: .1em;
	text-transform: uppercase;
	border-bottom: 1px solid #B5CA91;
}

.insideHomepageCell h3
{ 
	margin: 5px 0px 3px 0px;
	font-size: 110%;
	font-weight: bold;
	color: #7C9D49;
}

.insideHomepageCell h4
{
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 110%;
}