* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #8C7657;
  color: #E0CD95;
  font-family: Georgia, Palatino Linotype, sans-serif;
  font-size: 13px;
}
a {
  text-decoration: none; 
/*  font-weight: bold; */
  font-size: 16px;
} 
a:link, a:visited {color: #423121;}
a:hover {color: #FFFFFF;}
p {
  line-height: 1.3em;
  margin: 0px 0px 15px 0px;
}
p.lastline, img.sigpics {
  padding-bottom: 15px;
  border-bottom: 2px ridge #E0CD95;
  margin-bottom: 10px;
}
#application p {margin: 0px 0px 2px 0px;}
#application a {font-weight: normal; font-size: 13px;}
h2 {margin-bottom: 10px;}
h3 {margin-top: 0px; margin-bottom: 5px;}
h3 span {font-weight: normal; font-size: 13px;}
p.header4 {margin: 0px;}
p.header4 span {
  text-decoration: underline;
  font-weight: bold;
}
h4 {
  font-variant: small-caps;
  color: #000040;
  text-align: center;
  font-size: 1.2em;
}
h5 {
  font-style: italic;
  font-variant: small-caps;
  margin: 0px;
}
img {border: 0;}
ul {padding-left: 15px; padding-bottom: 15px;}

#ribbon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 176px;
  height: 366px;
  background: transparent url(images/ribbon6.gif) no-repeat top right;
}
#container {
  position:relative;
  margin: 10px auto;
  width: 990px;
  text-align: left;
  background: transparent url(images/diligence_banner_990_bkgd.jpg) repeat-y top left;
  border: 3px ridge #753931;
}

/* CSS code for graphics titles */
/* created: 05 December 2006 */
/* combining different titles and putting the code here */
#recruitmenttitle, #picturestitle, #historytitle, #rostertitle, #moviestitle, #newstitle,  #applicationtitle, #classreqstitle, .multimediatitle, #signaturetitle, #backgroundstitle,
#jun192006, #policiestitle, #headlines, #dec122006, #feb012007, #feb062007, #feb282007, #apr182007, #apr182007b, #jun192006, #jun192007, #sept192007, #sept262007, #oct022007, #oct042007, 
#nov082007, #jan142008, #jan172008, #jun042008, #originals, #notables {
  height: 0px !important;
  overflow: hidden;
  margin-left: -4px;
  padding: 36px 0 0 0;
  background-repeat: no-repeat;
  height /**/:36px;
}
#dec122006, #feb012007, #feb062007, #feb282007, #apr182007, #apr182007b, #originals, #notables, #jun192007, #sept192007, #sept262007, #oct022007, #oct042007, #nov082007, 
#jan142008, #jan172008, #jun042008 {
  padding: 28px 0 0 0;
  height /**/:28px;
}
div.titles {position: relative; height: 40px; margin-top: -40px;}
div.htitles {position: relative; height: 40px; margin-top: -70px;}
div.rtitles {position: relative; height: 40px; margin-top: -40px;}
h5#rostertitle {margin-left: 434px;}
h5.multimediatitle {margin-left: 397px;}
h5#historytitle {margin-left: 427px;}
h5#applicationtitle {margin-left: 380px;}
h5#classreqstitle {margin-left: 332px;}
h5#recruitmenttitle {margin-left: 389px;}
h5#newstitle {margin-left: 448px;}

#headlines {background-image: url(images/news_titles/headlines.jpg);}
#dec122006 {background-image: url(images/news_titles/dec122006.jpg);}
#feb012007 {background-image: url(images/news_titles/feb012007.jpg);}
#feb062007 {background-image: url(images/news_titles/feb062007.jpg);}
#feb282007 {background-image: url(images/news_titles/feb282007.jpg);}
#apr182007 {background-image: url(images/news_titles/apr182007.jpg);}
#apr182007b {background-image: url(images/news_titles/apr182007b.jpg);}
#jun192007 {background-image: url(images/news_titles/jun192007.jpg);}
#sept192007 {background-image: url(images/news_titles/sept192007.jpg);}
#sept262007 {background-image: url(images/news_titles/sept262007.jpg);}
#oct022007 {background-image: url(images/news_titles/oct022007.jpg);}
#oct042007 {background-image: url(images/news_titles/oct042007.gif);}
#nov082007 {background-image: url(images/news_titles/nov082007.gif);}
#jan142008 {background-image: url(images/news_titles/jan142008.gif);}
#originals {background-image: url(images/originals.jpg);}
#jan172008 {background-image: url(images/news_titles/jan172008.gif);}
#jun042008 {background-image: url(images/news_titles/jun042008.jpg);}
#notables {background-image: url(images/notables.jpg);}
#recruitmenttitle {background-image: url(images/recruitment.jpg);}
#picturestitle {background-image: url(images/pictures.jpg);}
.multimediatitle {background-image: url(images/multimedia.jpg);}
#historytitle {background-image: url(images/history.jpg);}
#rostertitle {background-image: url(images/roster.jpg);}
#moviestitle {background-image: url(images/movies.jpg);}
#applicationtitle {background-image: url(images/application.jpg);}
#classreqstitle {background-image: url(images/classreqs.jpg);}
#signaturetitle {background-image: url(images/signatures.jpg);}
#backgroundstitle {background-image: url(images/backgrounds.jpg);}
#jun192006 {background-image: url(images/news_titles/jun192006.jpg);}
#policiestitle {background-image: url(images/policies.jpg);}
#newstitle {background-image: url(images/news.jpg);}
#chartertitle {display: none;}
#bard, #beastlord, #berserker, #cleric, #druid, #enchanter, #magician, #monk, #necromancer, #paladin, #ranger, #rogue, #shadowknight, #shaman, #warrior, #wizard {
  height: 0px !important;
  overflow: hidden;
  margin-left: -4px;
  padding: 49px 0 0 0;
  background-repeat: no-repeat;
  height /**/:49px;
}
#retired, #deployed {
  height: 0px !important;
  overflow: hidden;
  margin-left: 4px;
  padding: 34px 0 0 0;
  background-repeat: no-repeat;
  height /**/:34px;
}
#bard {background-image: url(images/classes/bard.jpg);}
#beastlord {background-image: url(images/classes/beastlord.jpg);}
#berserker {background-image: url(images/classes/berserker.jpg);}
#cleric {background-image: url(images/classes/cleric.jpg);}
#druid {background-image: url(images/classes/druid.jpg);}
#enchanter {background-image: url(images/classes/enchanter.jpg);}
#magician {background-image: url(images/classes/magician.jpg);}
#monk {background-image: url(images/classes/monk.jpg);}
#necromancer {background-image: url(images/classes/necro.jpg);}
#paladin {background-image: url(images/classes/paladin.jpg);}
#ranger {background-image: url(images/classes/ranger.jpg);}
#rogue {background-image: url(images/classes/rogue.jpg);}
#shadowknight {background-image: url(images/classes/sk.jpg);}
#shaman {background-image: url(images/classes/shaman.jpg);}
#warrior {background-image: url(images/classes/warrior.jpg);}
#wizard {background-image: url(images/classes/wizard.jpg);}
#retired {background-image: url(images/classes/retired.jpg);}
#deployed {background-image: url(images/classes/deployed.jpg);}

/* CSS code for header */
/* created: 30 November 2006 */
/* put background image with height and width into the header div */
#header {
/*  width: 990px; */
  height: 340px;
  background: transparent url(images/diligence_banner_990_top.jpg) no-repeat top left;
}
/* float the navigations to the left and center them */
#navigation_top, #navigation_bottom {
  position: relative;
  font-variant: small-caps;
  font-size: 1.5<img src="images/history.jpg" width="135" height="36" alt="" border="0"><img src="images/roster.jpg" width="121" height="36" alt="" border="0"><img src="images/recruitment.jpg" width="211" height="36" alt="" border="0"><img src="images/multimedia.jpg" width="196" height="36" alt="" border="0">em;
  padding-top: 2px;
  font-weight: bold;
  height: 40px;
}
/* create the list across the top and remove the bullets */
#navigation_top li, #navigation_bottom li {
  float:left;
  list-style-type:none;
  margin: 0 7px;
}
/* add spacing between the links */
/* correct for IE */
* html div#navigation_top, * html div#navigation_bottom {
  margin: 10px 0px 10px -10px; 
  font-weight: normal;
}

/* CSS code for content */
/* created: 30 November 2006 */
/* put a margin around all of the content and justify all text */
#maincontent, #recruitment, #history, #policies, .multimedia, #roster, #forums, #application, .events {
  position: relative;
  margin: 10px 10px 0 10px;
  text-align: justify;
}
#forums {
  margin: 0;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}
/* CSS code for news */
/* created: 30 November 2006 */
/* put background image with height and width into the news div */
#news, #moviesarchives { position: relative; }
#news img.loot {
/*  clear: both; */
  display: block;
  margin: 0px auto;
  border: 1px solid black;
}
#news td.newsdate { background-color: #000036; }
#news img.innerpics {
  float: right;
  padding-left: 10px;
}
#news img.storypics {
  position: relative;
  padding-bottom: 10px;
}
#news ul {
  list-style-type: none;
  font-style: italic;
}
#news h3 {
  font-variant: small-caps;
  margin: 0px;
  color: #573813;
}
p.submitted { font-style: italic; }

/* CSS code for charter */
/* created: 30 November 2006 */
/* put background image with height and width into the charter div */
#charter {
  float: left;
  display: inline;
  width: 299px;
  height: 411px;
  background: transparent url(images/charter.jpg) no-repeat top left;
  margin-right: 10px;
}
#chartertext {
  margin: 54px 40px;
  font-size: 0.9em;
  text-align: justify;
}

#movies {
  float: left;
  display: inline;
  width: 440px;
  margin-top: 15px;
}
/* CSS code for archive */
/* created: 30 November 2006 */
/* put background image with height and width into the archives div */
/*
#newsarchives {
  float: right;
  display: inline;
  width: 300px;
  height: 396px;
  background: transparent url(images/news_archives.jpg) no-repeat top left;
  margin-top: 30px;
  margin-right: 10px;
} 
*/
#newsarchives {
  float: left;
  display: inline;
  width: 300px;
  height: 396px;
  background: transparent url(images/news_archives.jpg) no-repeat top left;
  margin-top: 30px;
  margin-right: 10px;
} 
 
#newsarchives ul {
  margin-top: 45px;
  list-style-type: none;
  padding-left: 0px;
}
#newsarchives ul li { text-align: center; }
#newsarchives ul li a { font-size: 1.2em; }

p.listbelow {
  margin-bottom: 2px;
  margin-top: 10px;
}
.historylists p {margin-bottom: 2px;}
ul.classreqs, ul.nobullets, ol.classreqs {margin-top: 0px;}
p.prelist {margin-bottom: 0px;}
ul.nobullets {
  list-style-type: none;
  padding-left: 15px;
  padding-bottom: 10px;
}
ul.classreqs {padding-left: 15px; padding-bottom: 10px;}
ol.classreqs {padding-left: 30px; padding-bottom: 10px;}

/* CSS code for footer */
/* created: 30 November 2006 */
/* put background image with height and width into the footer div */
#footer {
/*  width: 990px; */
  clear:both;
  height: 60px;
  background: transparent url(images/diligence_banner_990_bottom.jpg) no-repeat top left;
}
/* need padding for bottom nav to horizontally place it */
#navigation_bottom ul {margin-top: 25px;}
/* correct for IE */
/* html div#navigation_bottom {margin: 25px 0px 10px 25px;} */

.multimedia p {margin-bottom: 5px}
.multimedia p.lastline {margin-bottom: 15px;}

/* CSS code for forms */
/* created:  30 November 2006 */
/* remove border from fieldset as it's not wanted, but fieldset needed for validation */
fieldset {border: 0;}
/* code for labels */
/* set the margins so the labels are all uniform */
label {
  width: 100px;
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 2px 1em 15px 0;
  clear: both;
}
/* add margin below the input fields to line them up with the labels */
.input-box, .input-textarea, .input-menu, .radio-button-other {margin-bottom: 15px;}
/* special code for timezone label to make things line up because of the buttons smaller size than the text input boxes */
.checkbox, .input-box-special, .radio-button, .radio-button-other {margin-bottom: 2px;}
.checkbox {margin-right: 10px;}
.radio-button, .radio-button-other {margin-right: 20px;}
.special_label {margin: 0 1em 15px 0;}
.input-textarea { background-color: #FFFFFF; }
/* code needed for timezones and flags to line them up with everything else */
span {
  vertical-align: top;
  margin: 0 2px 15px 0;
  text-align: left;
  width: 50px;
}

/* code for the buttons */
.submit-button, .reset-button {
  width: 75px;
  margin-left: 115px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  cursor:pointer; 
  background:#7B633C;
  color:#E0CD95; 
  border-top:1px solid #937F5F; 
  border-left:1px solid #937F5F; 
  border-bottom:1px solid #433621; 
  border-right:1px solid #433621; 
}
.submit-button:hover, .reset-button:hover {
  background:#E0CD95; 
  color:#7B633C; 
  border-top:1px solid #433621; 
  border-left: 1px solid #433621;
  border-bottom:1px solid #937F5F; 
  border-right:1px solid #937F5F;  
}

/* for picture */
/* 04 December 2006 */
.subpictures {margin: 15px;}
.subpictures p, h2 {
  text-align: center;
  margin: 10px 75px;
}

table {
  border: 0;
  width: 100%;
  margin: 0px auto;
}
td.postbody { padding: 5px; }
table.newstable {
  border: 0;
  margin: 0;
  text-align: left;
}
#roster { font-family: Arial Narrow, Georgia, Sans-serif; }
table.tableroster {
  margin: 0;
  font-family: Arial Narrow, Georgia, Sans-serif;
/*  height: 15px; */
}
table.tableroster2 {
  margin: 0;
  font-family: Arial Narrow, Georgia, Sans-serif;
  border-top: 3px ridge #753931;
}
table.tableroster td {width: 9%;}
table.tableroster td.name {
  text-align: left; 
  width: 40%;
}
table.tableroster td.level {width: 3%;}
table.tableroster td.flags {width: 24%; text-align: center;}
table.tableroster2 td {width: 9%;}
table.tableroster2 td.name {
  text-align: left; 
  width: 40%;
}
table.tableroster2 td.level {width: 3%;}
table.tableroster2 td.flags {width: 24%; text-align: center;}
span.inactive {color: #A80000;}
span.active {color: #004F00;}
table.tableroster tr.alt, table.tableroster tr.alt td.magelo a {
  font-size: 13px;
  color: #004F00;
  line-height: 11px;
}
table.tableroster td.legend {
  font-size: 13px;
  padding-bottom : 5px;
  font-weight: normal;
  color: #E0CD95;
  text-align: center;
}
table.tableroster td.legend img {
  vertical-align: middle;
}
table.tableroster tr.rosterlegend {
  font-weight: bold; 
  font-size: 16px;
  color: #6B3B1C;
}
td.magelo a, a.archives {
  font-weight: normal;
  font-size: 13px;
}
td.magelo a {font-family: Arial Narrow, Georgia, Sans-serif;}
a.archives:hover {font-weight: bold;}
table.tableroster tr.alt td.magelo a:hover {color: #FFFFFF;}

#recruitmentcontent, .multistuff {
  float: left;
  display: inline;
  width: 760px;
}
#recruitmentcontent a {
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
}
#historycontent {position: relative; margin-top: 5px;}
#recruitmentnavigation, #classreqsnavigation, .multinavigation {
  float: right;
  display: inline;
  width: 185px;
  border: 3px ridge #735732;
  margin-top: 10px;
  background: #6B3B1C;
  font-weight: bold;
}
#recruitmentnavigation ul, #classreqsnavigation ul, .multinavigation ul {
  list-style-type: none; 
  padding: 5px 5px 10px 10px;
}
#classreqsnavigation a {
  font-size: 14px;
  font-variant: small-caps;
}
#classreqsnavigation a:hover {font-weight: bold;}
#classreqsnavigation p.header4 {margin: 10px 0 0px 10px;}
#classreqsnavigation p.header4 span {text-decoration: none;}

.pics {
  float: left;
  height: 100px;
  width: 170px;
  padding: 0 4px;
  margin: 4px;
}
.pics img {
  height: 67px;
  width: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 32px;
}
.pics ul {
  padding: 0; 
  margin: 0.25em 0 0;
}

li.title {
  display: block;
  text-align: center;
  list-style-type: none;
}

/* for GC219 class only */
/* MAY BE DELETED! */
#validcontent {position: relative;}
#validcontent p {margin-left:5px;}
#validcontent img {
  border:0;
  width:88px;
  height:31px;
  vertical-align:middle;
}
.multistuff a {font-weight: normal; font-size: 13px;} 
.guild {color: #252A4A; font-weight: bold;}
.officer {color: #3C4377; font-weight: bold;}
.recruiter {color: #7079B8; font-weight: bold;}
.raid {color: #42314A; font-weight: bold;}
.member, .recruit { }
.historylists {
  float: left;
  display: inline;
  width: 40%;
}
#copyright p, #copyright a {
  font-family: Arial;
  font-size: 9px;
  text-align: center;
  text-decoration: none;
}

p.emphasize {
  font-size: 13px;
  font-weight: bold;
  color: #423121;
}
p.emphasize span { 
  text-align: justify;
  color: #800000; 
}

table.arrows { width: 80%; }
table.arrows td {
  width: 25%;
  text-align: center;
}