/* global attributes */

body
{ 
	font-family: arial, helvetica, geneva, sans-serif;
	color: #333333;
}

h1
{ 
	font-family: arial, helvetica, geneva, sans-serif;
	border-bottom: 1px solid;
	font-size: 180%;
	font-weight: normal;
	color: #8484a2;
	text-transform: uppercase;
	margin-top:10px;
	margin-bottom:15px;
	padding-bottom: 3px;
}

h2
{ 
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 140%;
	color: #8484a2;
	text-transform: uppercase;
	margin-top:5px;
	margin-bottom:10px;
	font-weight: normal;
}

h3
{ 	
	font-family: arial, helvetica, geneva, sans-serif;
        font-size: 110%;
        font-weight: bold;
        color: #ae5e87;
        margin-top:5px;
        margin-bottom:0px;
	padding-bottom: 3px;
}

/* overall container of the page */

#container
{
	background: #ffffff url(images/background.gif) repeat-y;
}

/* page header */
#topping
{
	margin-top: -8px;
	height: 28px;
	background: url(images/background.gif) repeat-y;	
}

/* menuBar 2 */

#secondTopBar
{
	background: #faeff8;
	color: #ffffff;
	font-weight: bold;
	background: url(images/menu.jpg) repeat-x;
} 

#secondTopBar a 
{
	padding: 5px 5px 5px 5px;
  	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
	text-transform: uppercase;	
} 

#secondTopBar a:hover
{ 
	padding: 5px 5px 10px 5px;
	background: url(images/menu_hover.jpg) repeat-x;	
}

#imageContainer
{ 
	/*border-top: 1px solid #ae5e87;*/
	width: 762px;
	background: url(images/logo-bar.png) no-repeat;
}

#imageContainer h1
{ 
	margin: 5px auto;
	padding: 28px 0px 0px 30px;
	font-size: 190%;
	letter-spacing: .18em;
	color: #FFFFFF;
	text-align:left;
	border:0px solid;
	width: 50%;
	float: left;
	line-height: 120%;
}

#websiteNavigationBar
{
	background: #faeff8;
	color: #ffffff;
	width: 756px;
	background: url(images/menu.jpg) repeat-x;
	font-size: 100%;
} 

#websiteNavigationBar a 
{
	padding: 5px 3px 5px 3px;
  	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
	text-transform: uppercase;
} 

#websiteNavigationBar a:hover
{ 
	padding: 3px 3px 3px 3px;
	background: url(images/menu_hover.jpg) repeat-x;
}

#content
{
	background:  #faeff8 url(images/content_background.png) repeat-y;
}

#contentNoSideBar
{
	background-color: #faeff8;
}

#contentPlain
{
	background-color: #faeff8;
}

#sideMenuBar
{
	background-color: #ae5e87;
}

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

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

#sideMenuBar ul li a:hover
{
	color: #8484A2;
}

/* form headers */

.theader
{
        vertical-align: top;
	border-bottom: 1px solid #ae5e87;
	color: #000000;
	text-align: left;
	padding: 6px 3px 6px 0px;
	font-weight: bold;
	font-size: 110%;	
}

.theader a
{
        vertical-align: top;
	color: #000000;
	text-align: left;
	padding: 6px 3px 6px 0px;
	font-size: 110%;	
	text-decoration: none;
}

.theader a:hover
{
	text-decoration: none;
	color: #ae5e87;
}

/* other areas within the main */

#suggestedEntries a
{
	font-weight: bold;
} 

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

.editSite a:hover
{ 
 	color:#ae5e87;
	text-decoration: underline; 
}

.editSite a:visited
{ 
 	color: #70695A;	
}

/* For edit sites that appear in a table header */
div.editSiteHeader
{
	margin: 2px auto;
	padding: 0px 0px 0px 0px;	
}

.editSiteHeader a
{
  	color: #70695A;
	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: #ae5e87;
	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:3px 3px 3px 3px;
        border: 3px solid #ae5e87;
}*/

div.paragraphImageLeft 
{
	padding:3px 3px 3px 3px;
	border: 3px solid #ae5e87;
}

div.paragraphImageRight 
{
	padding:3px 3px 3px 3px;
	border: 3px solid #ae5e87;
}

div.paragraphImageBottom
{
	padding:3px 3px 3px 3px;
	border: 3px solid #ae5e87;
}

div.paragraphImageCenter
{
	padding:3px 3px 3px 3px;
        border: 3px solid #ae5e87;
}

#bottomButtonBar
{
	border-top: 1px solid #8484a2;
	color: black;
	background: #faeff8;
}

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

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

#bottom
{
	margin-bottom:-8px;
	height: 0px;
}

/*
homepage div items
*/
.homepageList
{
	list-style-image: url('images/bullet.gif');
}

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

.homepageCell
{
	background: #ebd7e1;
}

.homepageCellTop
{
	background: #ebd7e1;
}

.insideHomepageCell h2
{
	font-size: 125%;
	color: #000000;
	font-weight: bold;
}

.insideHomepageCell .theader
{
	border-top: 1px solid #ae5e87;	
}

.insideHomepageCell h2 a
{
        color: #000000;
}

.roundedForm
{
	background: #ebd7e1;
}


/*
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: #ebd7e1;
}

/* chart for poll results */
table.chart
{
	background: #ebd7e1;
	border: 1px solid #8484a2;
}

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