/* From base.css */
body, html, p {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 150%;
}

body {
  background: #6191c2;
}

p {
  margin-bottom: 1em;
}

strong, b {
  font-weight: bold;
}

input {
  margin: 0 0 5px 0;
}

textarea {
  margin: 0 0 5px 0;
}

blockquote {
  color: #32394B;
  float: left;
  font-family: Garamond, Georgia, Times, serif;
  font-size: 1.35em;
  font-style: italic;
  font-weight: bold;
  margin-right: 15px;
  text-align: left;
  width: 180px;
}

caption {
	font-weight: bold;
	padding-bottom: 5px;
	font-family: Garamond, Georgia, Times, serif;
}

/* Form stuff */
fieldset {
  border: 1px solid #999;
  padding: 1em;
}

legend {
  border: 1px solid #999;
  padding: 0.2em;
}

div.row {
  clear: both;
}

div.row input, div.row select, div.row textarea {
  border: 1px solid #999;
  padding: 0.1em;
}

div.row label {
  display: block;
}

div.row span  {
  display: block;
  padding-bottom: 0.3em;
}
/*                */

a:active, a:link, a:visited {
  color:#000000;
}

a:hover {
  color:#ffca4d;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Garamond, Georgia, Times, serif;
  font-weight: bold;
  padding: .3em 0 .3em 0;
}

h1 {
  font-size: 2.5em;
  color: #32394B;
}

h2 {
  font-size: 2em;
  color: #9FBCD9;
}

h3 {
  font-size: 1.75em;
  color: #93B8DB;
}

h4 {
  font-size: 1.5em;
  color: #32394B;
}

h5 {
  font-size: 1.25em;
  color: #32394B;
}

h6 {
  font-size: 1em;
  font-variant: small-caps;
}

#content-area {
   margin-left: 5px;
}

#content-area h1,
#content-area h2,
#content-area h3,
#content-area h4,
#content-area h5,
#content-area h6,
#content-area ul,
#content-area dl,
#content-area p {
  margin-left: 150px;
}

#other-content {
  margin-left: 25px;
  width: 700px;
  float: left;
  padding: 10px 0 10px 0;
}

#other-content[id] {
  margin-left: 45px;
}

/* Comments */
.comment {
  border-bottom: 1px solid #C7D7E4;
  padding: 10px 0 0 0;
}

.comment-num {
  float: left;
  width: 2em;
}

.comment-date {
  float: left;
  padding-left: 3em;
  width: 8em;
}

.comment-content {
  float: left;
  padding-left: 3em;
  width: 480px;
}

.comment-data {
  float: left;
}

a.comnum {
  background-color: #C7D7E4;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
}

/* For the layout */
#header {
  background-image: url(/media/images/rotary_02.jpg);
  background-repeat: no-repeat;
  height: 135px;
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
}

#search {
  font-family: Garamond, Georgia, Times, serif;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 105px 35px 0 0;
  float: right;
}

#menu {
  background-image: url(/media/images/rotary_04.jpg);
  background-repeat: no-repeat;
  height: 39px;
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
}

#menu ul {
  padding: 5px 0 0 205px;
}

#menu ul li {
  list-style-type: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 16px;
  font-family: Garamond, Georgia, Times, serif;
  font-weight: bold;
  color: #fff;
}

#menu a {
  text-decoration: none;
  color: #015198;
}

#menu a:hover {
  color: #ffca4d;
}

#main {
  background-image: url(/media/images/rotary_05.jpg);
  background-repeat: repeat-y;
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
}

#sidebar {
  padding: 19px 35px 0 0;
  float: right;
  width: 205px;
}

#division {
  background-image: url(/media/images/rotary_08.jpg);
  background-repeat: no-repeat;
  width: 1008px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

#page2 {
  background-image: url(/media/images/rotary_09.jpg);
  background-repeat: repeat-y;
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
}

#secondpage {
  width: 950px; margin-left:35px;
}

/* Columns for page2 */

.column6 {
	width: 15.6%;
	height: 100%;
	float: left;
	padding: 0 10px 0 0;
}

.column5 {
	width: 31.2%;
	height: 100%;
	float: left;
	padding: 0 10px 0 0;
}

#footer {
  background-image: url(/media/images/rotary_11.jpg);
  background-repeat: no-repeat;
  margin: auto;
  height: 78px;
  width: 1008px;
}

.footer {
  padding: 40px 0 0 35px;
}

/* Also taken from previous base.css */

/* photo list page */
#photo-list img {
  border: 0;
}

#photo-list .image {
  padding-bottom: 10px;
}

#photo-list .title {
  font-weight: normal;
}

#photo-list .email_address {
  font-weight: normal;
}

#photo-list ul {
  list-style-type: none;
}

#photo-list li {
  height: 240px;
}

#photo-list li.photo {
  float:left;
  width:220px;
  padding:0 !important;
  margin-bottom: 2em;
  text-align:center;
}

#photo-list li.photo a {
  position: relative;
  display: block;
  width: 200px;
}

#photo-list li.photo a.image {
  padding-bottom: 5px;
  text-decoration: none;
}

#photo-list li.photo a:hover {
  text-decoration:none;
}

#photo-list li.photo a:hover .name {
  text-decoration: underline;
}

/* photo list page */
#photo-category-list img {
  border: 0;
}

#photo-category-list .image {
  padding-bottom: 10px;
}

#photo-category-list .name {
  font-weight: normal;
}

#photo-category-list .email_address {
  font-weight: normal;
}

#photo-category-list ul {
  list-style-type: none;
}

#photo-category-list li {
  height: 240px;
}

#photo-category-list li.photo {
  float: left;
  width: 220px;
  padding:0 !important;
  margin-bottom:2em;
  text-align:center;
}

#photo-category-list li.photo a {
  position: relative;
  display: block;
  width:220px;
}

#photo-category-list li.photo a.image {
  padding-bottom: 5px;
}

/* members-list page */
#members-list ul {
  list-style-type: none;
}

#members-list li {
  padding-bottom: 10px;
}

#members-list dt {
  font-weight: bold;
  font-size: 200%;
  float: left;
  background-color: #d7e3f1;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}

#members-list dd {
  margin-left: 50px;
}

#members-list div.row {
  clear: both;
  width: 100%;
  margin: 0px 0px 0px 0px;
  float: left;
  display: inline;
}
#members-list div.column {
  float: left;
  display: inline;
  width: 49%;
}
#members-list .clear {
  clear: both;
}

#members-list a {
  color: #000000;
}

.member-lastname-list {
  margin-bottom: 15px;
  padding-top: 12px;
}

/* members detail page */
#members dl {
  float: left;
  margin-left: 5px;
  width: 65%;
}

#members dt {
  font-weight: bold;
}

#members dd {
  margin-left: 0px;
  margin-bottom: 10px;
}

#members dt.title {
  color: #9FBCD9;
  border-bottom: 1px solid #9FBCD9;
  padding-top: .3em;
}

#member-left {
  float: left;
  width: 215px;
  height: 100%;
}

#member-left h2 {
  padding: 0;
  margin: 0;
}

/* member gallery photo list */
#members-gallery img {
  border: 0;
}

#members-gallery .image {
  padding-bottom: 10px;
}

#members-gallery .title {
  font-weight:normal;
}

#members-gallery .email_address {
  font-weight:normal;
}

#members-gallery ul {
  list-style-type: none;
}

#members-gallery li {
  height: 140px;
}

#members-gallery li.member {
  float: left;
  width:110px;
  padding:0 !important;
  margin-bottom: 2em;
  text-align:center;
}

#members-gallery li.member a {
  position:relative;
  display:block;
  width:200px;
}

#members-gallery li.member a.image {
  padding-bottom: 5px;
}

/* Members business list */

h3.business {
	font-size: 1.5em;
}

/* Creates spacing around images */

img.news { padding: 0 10px 0 0; }

table.calendar caption {
  font-size: 1.2em;
  text-align: center;
}

table.calendar {
  border-collapse: collapse;
  border: 1px solid #000;
  width: 100%;
}

table.calendar th {
  background-color: #015198;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  width: 14%;
}

table.calendar td {
  height: 6em;
  vertical-align: top;
  border: 1px solid #000;
}

table.calendar td.dead {
  background-color: #6191c2;
}

table.calendar td.active:hover {
  background-color: #d7e3f1;
}

/* Sidebar stylings */
#menu_right {
  background: url(/media/images/css/border.jpg) no-repeat;
  padding: 13px 0 0 0;
}

#menu_right ul li {
	line-height: 150%;
}

#menu_right a {
  text-decoration: none;
  font-weight: bold;
}

#feeds {
	background: url(/media/images/css/border.jpg) no-repeat bottom;
	padding: 0 0 17px 0;
}

#feeds a {
	text-decoration: none;
	font-weight: bold;
}

#feeds ul li {
	line-height: 150%;
}

.helptext {
	font-size: .8em;
	font-style: italic;
}

/* Tabs */

#tabs {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  padding: 0 0 10px 0;
}
#tabs ul {
  margin:0;
  padding:10px 10px 0 10px;
  list-style:none;
}
#tabs li {
  display:inline;
  margin:0;
  padding:0;
}
#tabs a {
  float:left;
  background:url("/media/images/css/tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
#tabs a span {
  float:left;
  display:block;
  background:url("/media/images/css/tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#32394B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#000;
}
#tabs a:hover {
  background-position:0% -42px;
}
#tabs a:hover span {
  background-position:100% -42px;
}

/* Officer list on homepage */

dt.title {
	color: #6191c2;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

dd.people {
	line-height: 150%;
}

dt.people {
	padding: 5px 0 5px 0;
}

/* Search page */
ul.search {
	list-style-type: square;
	margin-left: 35px;
	line-height: 120%;
}

ul.search li {
	padding: 0 0 5px 0;
}

ul.category li {
	padding: 0 0 5px 0;
}

ul.newsletter li {
	padding: 0 0 10px 0;
}

/* Hobby cloud styles */

.hobbycloud4 {
	font-size: 2em;
}

.hobbycloud3 {
	font-size: 1.75em;
}

.hobbycloud2 {
	font-size: 1.25em;
}

.hobbycloud1 {
	font-size: 1em;
}

/* Accounts comment page */
ul.commented li {
	padding: 0 0 10px 0;
}

ul.commented a {
	text-decoration: none;
}

ul.commented a:hover {
	text-decoration: underline;
}

/* User pages */

#users {
}

#users th {
	font-weight: bold;
	font-family: Garamond, Georgia, Times, serif;
	font-size: 1.3em;
	color: #93B8DB;
	padding-right: 20px;
	padding-bottom: 10px;
}

#users td {
	padding-bottom: 5px;
	padding-right: 20px;
}

/* Newsletter pages */

#newsletters li {
	padding: 0 0 5px 0;
	list-style-type: none;
}

.error { color: #ff0000; }

.officer_list {
    float: right;
}