﻿body {
	text-align:center;
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:rgb(0, 86, 151);
	background-image:url('background.gif');
	background-repeat:repeat-x;
}

/*
No border around pictures
*/
img {
  border:0px;
  padding:0px;
  margin:0px;
}

/*
Container wraps everything, so we have an
800 pixel wide area that's centered
*/
.container {
  width:800px;
  margin: auto;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  border-left:thin #CCCCCC solid;
  border-right:thin #CCCCCC solid;
  border-bottom:thin #CCCCCC solid;
  background-color:#FFFFFF;
}

.banner{
padding:0px;
margin:0px;
}

/*
Three column layout, with bigger center
*/
.threeleft {
  float: left;
  width: 200px;
  margin-left:5px;
}

.threemiddle {
  float: left;
  width: 380px;
  margin-left:5px;
}

.threeright {
  float: left;
  width: 200px;
  margin-left:5px;
}
/*
End three column layout
*/

/*
Three columns can just use one style, they'll be even
*/
.threeeven {
  float:left;
  width:240px;
  margin:0 0 0 10px;
}

/*
Two column layout
*/
.twoleft{
  float:left;
  width:200px;
  margin-left:5px;
}
.tworight{
  float:left;
  width:585px;
  margin-left:5px;
}
/*
End two column layout
*/

.footer
{
	clear:both;
	text-align: left;
	margin-top:50px;
}

.group
{
  margin:10px;
  padding:10px;
}

.group h4
{
  margin:0px;
  padding:0px;
  text-align:center;
  color:#8C0000;
  font-size:medium;
  font-weight:bold;
}

/*
Consistent look and feel for events
*/
.item
{
  text-align:left;
  margin:5px;
  padding:5px;
}
.item h1
{
  font-size:small;
  margin:0px;
  padding:0px;
}
.item h1 a
{
  color:rgb(0, 86, 151);
  text-decoration:none;
  font-weight:normal;
  font-size:medium;
}
.item h2
{
  font-size:small;
  font-weight:bold;
  margin:0;
}
.item h3
{
  font-size:small;
  font-weight:normal;
  font-style:italic;
  margin:0;
}
.item h5
{
  font-size:medium;
  text-align:center;
}
.item h5 a
{
	text-decoration:none;
	color:#000000;
}
/*
Same as H1 hyperlink, so I can have
a similar title without going anywhere
*/
.item h6
{
  color:rgb(0, 86, 151);
  text-decoration:none;
  font-weight:normal;
  font-size:medium;
  margin:0px;
  padding:0px;
}

.item p
{
	padding:0px;
	margin:0px;
}


.district
{
  margin:5px;
  padding:10px;
}
.district h1
{
  font-size:small;
  font-weight:bold;
  margin:0;
}
.district h2
{
  font-size:small;
  margin:0;
}

/*
Spacial formatting for Snohomish County Republican Women's Club
*/
.scrw
{
  font-family:Arial, Helvetica, sans-serif;
  color:black;
  margin:auto;
  width:80%;
  text-align:center;
}
.scrw h1
{
  font-size:xx-large;
  color:red;
}
.scrw h2
{
  font-size:large;
}
.scrw h3
{
  font-size:medium;
}


/*
MENU STYLE
*/
.menu {
  width:100%;
  margin-top:0px; /* No space between banner and menu */
  margin-bottom:15px; /* Some space below menu */
  background-image:url('headerbg.png');
  background-repeat:repeat-x;
  padding-top:0px;
}

.menu ul {
  height:inherit;
  list-style-type:none;
  padding:0;
  margin:0;
}

.menu li {
  float: left;
  font-size:small;
  text-align: center;
  position:relative;
  padding:5px;
  margin:0px 10px 0px 10px;
}

.menu a {
  text-decoration: none;
  font-size:small;
  width:inherit;
  color:#FFFFFF;
}

.menu a:hover {
  color:rgb(0, 86, 151);
}
/*
END MENU STYLE
*/
