/* Oakland Barracudas ABOUT (Class) CSS Document */

html {width: 100%; height: 100%;}

body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #C5C5C5;
		background-image: url(../images/bg.jpg);
		background-position: top;
		background-repeat: repeat-x;
		font-family: Arial, Helvetica, sans-serif;
}

#container {
		position: relative;
		width: 800px;
		height: 101%;
		margin: 15px auto;
		padding: 0;
}

#header {
		position: absolute;
		width: 100%;
		height: 150px;
		margin: 0;
		padding: 0;
		border-top: 2px solid black;
		border-right: 2px solid black;
		border-left: 2px solid black;
}

#header img {border: none;}

#logo {
		position: absolute;
		width: 150px;
		height: 150px;
		margin: 0;
		padding: 0;
		border-right: 2px solid black;
		background-color: white;
}

#title {
		position: absolute;
		width: 648px;
		height: 150px;
		margin-left: 152px;
		padding: 0;
}

#nav {
		position: absolute;
		width: 100%;
		height: 50px;
		margin: 150px 0 0 0;
		padding: 0;
		background-color: #C5C5C5;
		border: 2px solid black;
}

table.toplinks {
		width: 648px;
		height: 100%;
		margin-left: 150px;
		border-left: 2px solid black;
}

td.toplinkstd {
		width: 81px;
		text-align: center;
		font-size: 15px;
}

a.navi:link {color: black; text-decoration: none; font-variant: small-caps; font-weight: bold;}
a.navi:visited {color: black; text-decoration: none; font-variant: small-caps; font-weight: bold;}
a.navi:hover {color: white; text-decoration: none; font-variant: small-caps; font-weight: bold;}
a.navi:active {color: white; text-decoration: none; font-variant: small-caps; font-weight: bold;}

#main {
		position: absolute;
		width: 100%;
		height: 600px;
		margin: 204px 0 0 0;
		padding: 0;
		border-left: 2px solid black;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		background-color: white;
}

#subnav {
		position: absolute;
		width: 150px;
		height: 100%;
		margin: 0;
		padding: 0;
		border-right: 2px solid black;
		text-align: left;
}

#subnav img {
		margin-top: 50px;
		margin-left: 5px;
}

#subnav ul {
		width: auto;
		font-size: 17px;
		font-variant: small-caps;
		text-align: left;
		line-height: 34px;
		list-style-type: none;
		margin-top: 50px;
		font-weight: bold;
		color: #B707E3;
}

#subnav li {
		text-indent: -15px;
}

#content {
		position: absolute;
		width: 648px;
		height: 100%;
		margin-left: 152px;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
}

#content h1 {
		font-size: 28px;
		font-variant: small-caps;
		margin-top: 25px;
		margin-left: 25px;
		border-bottom: 1px solid black;
}

#content p {
		font-size: 14px;
		margin: 15px 30px;
}

ul.goalslist {
		width: 515px;
		margin-left: 50px;
		padding: 0 50px;
		font-size: 12px;
		list-style-type: disc;
		list-style-position: outside;
}

#content li {
		margin-bottom: 5px;
}

#content h2 {
		font-size: 28px;
		font-variant: small-caps;
		margin-left: 25px;
		border-bottom: 1px solid black;
}

#content h5 {
		font-size: 14px;
		margin-left: 30px;
		line-height: 0;
}
#content h6 {
		font-size: 14px;
		margin: 15px 30px;
		color: #B707E3;
}

table.board {
		width: 600px;
		height: auto;
		margin-left: 25px;
		font-size: 12px;
}

td.name {
		width: 200px;
}

td.position {
		width: 400px;
}

ul.linklist {
		width: 548px;
		padding: 0 50px;
		font-size: 12px;
		list-style-type: none;
		list-style-position: outside;
}

table.bottom {
		width: 648px;
		text-align: center;
		margin-top: 50px;
}

img.bt {
		border: 2px solid black;
}

a.bodylink:link {text-decoration: none; color: #B707E3; font-weight: bold;}
a.bodylink:visited {text-decoration: none; color: #B707E3; font-weight: bold;}
a.bodylink:hover {text-decoration: underline; color: blue; font-weight: bold;}
a.bodylink:active {text-decoration: none; color: blue; font-weight: bold;}

a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:hover {text-decoration: underline; color: blue;}
a:active {text-decoration: none; color: blue;}