/* ----- Generic Styling ----- */

body
{
	margin: 0;
	padding: 0;
	font-family: georgia, times, "times new roman", serif;
	text-align: center;
	color: #333;
	background-color: #6699FF;
}

a:link { color: #3366FF; }
a:visited { color: #5B5E0E; }

h2
{
	color: #0002fe;
	font: 120% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
  clear: both;
}

h2 a { text-decoration: none; }

h3
{
	color: #000000;
	font: 106% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
}

h3.larger
{
font: 125% georgia, times, "times new roman", serif;
}

.bold {
font-weight: bold;
}

p .bold {
margin: 2px;
padding: 0px;
}

.clear {
clear: both;
}

.small {
font-size: 11px;
clear: both;
text-align: center;
margin: 5px 10px 0 0;
padding: 0px;
}

.black{
background-color: gray;
}

.inprogress {
color: #33CC00;
}

.red{
 color: #B52C07;
}
.yellow {
	background-color: #FFFF00;
}

#container
{	
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #FEFBEF;
  border: 1px solid #676767;
}

/* ----- Header/Footer and Nav Styling ----- */

#header
{
	height: 110px;
	width: 100%;
	background-image: url(/images/JaraBanner.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px solid #fff;
	position: relative;
	border: 1px none #fff;
	border-bottom: 1px solid #fff;
}

#header h1
{
	font-size: 54px;
	text-align: center;
	color: #000;
	margin: 0px 0 0 0;
	padding: 0;
	line-height: 75px;
}

#contents p { line-height: 100%; }
.blogentry { }
.imagefloat { float: right; }

#footer
{
  margin: 5px 0 0 0;
	padding: 5px;
	clear: both;
	color: #FFF;
	background-color: #0002fe;
	text-align: left;
	font-size: 70%;
}

#footer a:link {
    color: #FFF;
}
#footer a:visited {
    color: #FFF;
}


#mainnav
{
	background-color: #0002fe;
	color: #FFF;
	padding: 3px;
}

#mainnav ul
{
	margin: 0 0 0 10px;
	padding:  0;
	list-style-type: none;
}

#mainnav li
{
	display: inline;
	margin: 0px 0 0 -4px;
	padding: 0px;
	border-left: 1px #FFF solid;
}

#mainnav li a
{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	padding: 2px 8px 3px 8px;
	margin: 0px;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
	padding: 2px 8px 3px 8px;
	margin: 0px;
}

#subnav
{
	background-color: #9FA41D;
	color: #FFF;
	padding: 3px;
	margin-bottom: 10px;
}

#subnav ul
{
	margin: 0 0 0 10px;
	padding:  0;
	list-style-type: none;
}

#subnav li
{
	display: inline;
	margin: 0px 0 0 -4px;
	padding: 0px;
	border-left: 1px #FFF solid;
}

#subnav li a
{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	padding: 2px 8px 3px 8px;
	margin: 0px;
}

#subnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #272900;
	padding: 2px 8px 3px 8px;
	margin: 0px;
}

/*  ----- Generic Page Styling ----- */

.contentarea {
margin: 15px;
}

#officers {
height: 2800px;
}

#mainpage ul {
margin: 5px 0 0 20px;
padding: 0px;
}

.emailline {
line-height: 20px;
height: 23px;
}

.emailline img {
vertical-align: middle;
top: 2px;
}

.textleft{
float: left;
width: 400px;
}

.textright{
float: right;
width: 450px;
}

#officers .imageleft {
float: left;
padding-right: 5px;
width: 90px;
}

.imageright {
float: left;
width: 450px;
}

.imageright img {
padding: 5px 15px 5px 15px;
width: 330px;
}

#fleshwound2.imageright img {
padding-left: 15px;
}

#guilds h3,
#officers h3 {
margin: 0px;
padding: 0px;
clear: right;
}

#guilds li,
#guilds ul,
#officers ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#guilds li {
border-bottom: 1px dotted;
margin-top: 5px;;
}

#guilds li p {
margin-left: 15px;
}

#officers li {
clear: both;
display: block;
margin-top: 5px;
margin-bottom: 10px;
float: left;
width: 850px;
}

#officers .contactinfo {
margin-left: 105px;
}

#awards ul {
margin: 0 0 0 10px;
padding: 0px;
clear: both;
}

#awards .awardtitle {
color: #0002fe;
font-weight: bold;
font-size: 100%;
margin: 2px 0 2px 0;
}

#awards .awarddesc {
margin: 0px;
padding: 5px 0 5px 0;
}

#awards .awarddesc I {
font-weight: bold;
font-size: 90%;
}

#combat .comleft {
width: 875px;
clear: both;
margin: 3px 0px 3px 0px;
}

#combat .comleft .imgleft {
float:left;
padding:0 5px 0 5px;
}

#combat .comleft .imgright {
float:right;
padding:0 5px 0 5px;
}

#contactus h3.contactemail {
font-size: 12px;
color: black;
padding: 2px 0 2px 0;
margin: 0px;
}

#contactus h3.contactemail .email {
font-size: 12px;
padding: 0px;
margin: 0 0 0 10px;
}

#contactus h3.contactemail .scaname {
font-size: 14px;
color: #0002FE;
padding: 0px;
margin: 0 0 0 5px;
}

#contactus h3.contactemail .mundanename{
font-size: 12px;
color: #5B5E0E;
padding: 0px;
margin: 0 0 0 0px;
}