/* ======================================
this creates the outside background layer as well as body styles
========================================= */
@import url("layout.css");

body {
	/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family:  "Times New Roman", Times, Georgia, serif;
	background-repeat: repeat;
	background-image: url("../images/favbrownbkgrd.jpg");
}

body img {
	border: 0px;
	text-decoration: none;
}

/* =====================
inner layer
======================== */
#inner {
	margin: 20px auto 20px auto;
	width: 55%;
	background-image: url("../images/favbrownbkgrd.jpg");
	border: 3px ridge;
	padding: 10px;
	border: #AE8DA4 3px ridge;
}

/* =========================
Masthead
============================ */
#masthead {
	border-collapse: collapse;
	width: 100%;
	border-bottom: medium #660066 ridge;
}

#masthead td {
	padding: 5px;
}

#masthead .title {
	text-align: center;
	font-size: 175%;
	font-weight: bold;
	color: #660066;
	background-color: inherit;
}

#masthead .logo {
 background-position: center center;
 width: 430px;
 background-image: url("../images/SaseboLogo.gif");
 height: 117px;
 background-repeat: no-repeat;
}

/* ============================
all links
=============================== */

/* Link Styles
LINK ORDER - IMPORTANT
a, a:link, a:visited, a:focus, a:hover, a:active */

a {
	text-decoration: none;
}

a:link, a:visited {
	background: transparent;
	color: #0066FF;
	text-decoration:underline;
}

a:hover {
	background: transparent;
	color: #505BA4;
	/* text-decoration: underline; */
	text-decoration:none;
}

/* =========================
fancy horizontal line
============================ */
div.hr {
 background-image: url("../images/hrpampasgrass.gif");
 background-position: center center;
 background-repeat: no-repeat;
 display: block;
 height: 43px;
 margin: auto;
 width: 452px;
}

/* =======================
heading tags
========================== */
h1, h2, h3 {
	font-family: "Times New Roman", Times, Georgia, serif ;
	color: #660066;
	background-color: inherit;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 100%;
}

/* ========================
content and navigation
=========================== */
#content {
	border-collapse: collapse;
	width: 100%;
}

#content .main {
	vertical-align: top;
}

#content td {
	padding: 10px;
	vertical-align: top;
}

#content .navigation {
	width: 100px;
	border-right: thin #660066 ridge;
	font-size:small;
}

.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}

.navigation li {
	list-style: none;
	padding: 2px 0;
	text-align: center;
	margin-top: 2px;
	text-decoration:underline;
}

.navigation ul {
	text-decoration: none;
	margin-top: 2px;
}

.navigation ul ul li {
	padding: 3px 0 3px 5px;
	font-size: 80%;
	font-weight: normal;
}

/* ====================================================
General information at the bottom of each page 
======================================================= */
#footer {
	background-color: transparent;
	border-top: medium double #660066;
	font-size: 85%;
	margin-top: 5px;
	padding: 5px 5px;
	text-align: center;
}

#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.bottomnav {
	text-align:center;
}

/* ====================
centers the text
======================= */
.center {
	text-align: center;
}

.pagedate {
	text-align:center;
	font-family: "Times New Roman", Times, Georgia, serif;
}

.quote {
	text-align: center;
	font-family: "Times New Roman", Times, Georgia, serif; 
	color: #660066;
	font-weight:bold;
}

.onecap:first-letter {
	font-size: large;
	font-family: "Times New Roman", Times, Georgia, serif;
	/* color: #A65830;*/
	font-weight:bold;
}

/* ====================
colors
======================= */
.red	{
	color: #ff0000;
}

.green	{
	color:  #008000;
}

.black	{
	color:  #000000;
}

.large	{
	color: #ff0000;
	font-size: x-large;
	text-align:  center;
	font-weight: bold;
}

.logoquote {
	text-align: center;
	font-family: "Times New Roman", Times, Georgia, serif; 
	color: #000000;
	font-weight:bold;
}

/* ====================
images
======================= */ 
.imagehomepage {
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 0 1em 1em 1em;
	display:  inline;
}

.imgright {
	border-style: solid;
	border-width: 0px;
	float: right;
	margin: 0 1em 1em 1em;
	display:  inline;
}

.imgleft {
	border-style: solid;
	border-width: 0px;
	float: left;
	margin: 0 1em 1em 1em;
	display:  inline;
}

.imageVegas {
	border-style: solid;
	border-width: 0px;
	float: left;
	display:  inline;
	margin-left: 5px;
	margin-right: 5px;
}

/* ====================
table information
======================= */  
table.classmates1	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 0px;
	border-color:#660066;
}

table.classmates2	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-style: double;
	border-width: 1px;
	border-color:#660066;
	border-collapse:collapse;
}

table.photos	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 0px;
	border-color:#660066;
}

table.reunion1	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 1px;
	background-color:#ffcc66;
}

table.reunion2	{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 0px;
}

table.reunion3	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width:3px;
}


table.registration1	{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 4px;
	border-color: #ffcc66;
	border-style:double;
}

table.registration2	{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 4px;
	border-color: #ffcc66;
	border-style:double;
}

table.registration3	{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-style: solid;
	border-width: 0px;
	border-color: #ffcc66;
	border-style:double;
}

tr.classmates	{
	border-width: 1px;
	border-color: #660066;
	background-color:#c0c0c0;
	height:40px;
}

td.color	{
	background-color:#ffffff;
	border-width:1px;
	border-style:double;
}

td.main2	{
	text-align:center;
	vertical-align:top;
}

.mostwanted {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
}