/* structure */

* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-image:url(/images/background.gif);
	text-align: center;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
#wrap {
	position: relative;
	margin: 0 auto;
	background: url(/images/background-2.gif) repeat-y;
	border: 1px solid #141620;
	font-size: 95%;
	text-align: left;
	width: 775px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 775px;
	}
html>body #wrap {
  	width: 775px;
	}
	
#logo
{
	width: 775px;
	clear: both;
	float: left;
}

#logo p
{
	margin: 0;
	padding: 0;
}

#logo .left
{
	display: block;
	float: left;
	border: 0;
	width: 480px;
}

#logo .right
{
	display: block;
	float: right;
	border: 0;
	width: 295px;
}
#logo img
{
	display: block;
}
#nav
{
	width: 775px;
	clear: both;
	float: left;
	background: url(/images/drg-m3.jpg) no-repeat;
	height: 46px;
}

#mainnavcontainer
{
	padding-left: 190px;
	
	
}

#mainnavlist, #mainnavlist ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#mainnavlist a {
	display: block;
	padding: 5px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}



#mainnavlist li ul li a
{
	font-weight: normal;
	font-size: 11px;
	display: block;
	padding: 2px 2px 2px 2px;
}

#mainnavlist li { /* all list items */
	float: left;
	border-left: 1px solid white;
	
	 /* width needed or else Opera goes nuts */
	 
}

#mainnavlist li a
{
	padding: 7px 18px 7px 18px;
}

#mainnavlist li ul .last
{
	border-bottom: 1px solid #F6EEEE;
}
#mainnavlist li ul li
{
	border: 1px solid #F6EEEE;
	border-bottom: 0px;
	width: 148px;
	padding: 2px;
	background-color: #A38E79;
	
}
#mainnavlist li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainnavlist li:hover ul, #mainnavlist li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#main-body {clear:left; }
/* End IE5-Mac hack */
#main-body {
	clear: both;
	float: left;
	width: 775px;
	}
	
#sidenav
{
	float: left;
	width: 150px;	
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 25px 0px;
	
}

#navcontainer
{
	width: 150px;
}

#content {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	width: 620px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 620px;
	}
html>body #content { /* be nice to Opera */
	width: 620px;
	}
#footer-main
{
	float; left;
	width: 775px;
	clear: both;
}
	
#footer
{
	clear: both;
	width: 775px;
	background-color: #192237;
}

/* end structure */

/* footer style */

#footer-logo {
	width: 150px;
	float: left;
	text-align: center;
	}
	
#footer-links {
	
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	float: right;
	width: 625px;
	}

#footer-links p {
	color: white;
	font-size: 10px;
	padding: 2px 0px 2px 0px;
	}
	
#footer-links a {
	color: white;
	font-size: 10px;
	padding: 2px 12px 2px 12px;
	text-decoration: none;
	}
	
#footer-links a:hover {
	text-decoration: underline;
	}
/* end footer style */





/* ###################### HEADING STYLING ##################### QM: ok */
h1 {
	display: block;
	font-size: 16px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	padding: 2px 1px 2px 10px;
	background-color: #B8C7E5;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	}
h1 index {
	display: block;
	font-size: 16px;
	text-decoration: none;
	margin: 0px 0px 1px 0px;
	padding: 2px 1px 2px 10px;
	background-color: #B8C7E5;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	}
h2 {
	font-size: 14px;
	text-decoration: none;
	margin: 24px 6px 12px 10px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #999999;
	color: #999999;
	font-variant: small-caps;
	}
h3
{
	font-size: 12px;
	margin: 24px 6px 12px 10px;
	color: white;
}

.quote {
  margin            : 8px;
  font-size         : 16px;
  font-family       : "Times New Roman", "Times";
  text-align        : left;
  color             : #333366;
  font-weight       : bold;
  }
  
.quoter {
  margin            : 0px 8px 8px 8px;
  font-size         : 16px;
  font-family       : "Times New Roman", "Times";
  text-align        : right;
  color             : #333366;
  font-weight       : bold;
  }

.title:link, .title:hover, .title:visited {
  color             : #666633;
  font-size         : 14px;
  font-weight       : bold;
  }

/* ##################### OVERALL SETTINGS ##################### QM: ok */ 


p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	}
	
.bodytext {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 4px 10px 0px 10px;
	text-align: justify;
	}

hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

.white {
	color: white;
	}
	
	/* ##################### MODULE SETTINGS ###################### QM: ok */

table.moduletable {
  width            : 100%;
  table-layout     : auto;
  padding          : 10px 0px 10px 0px;
  margin-bottom    : 20px;
}

table.moduletable th {
  padding          : 0px 0px 0px 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
}

table.moduletable td {
  padding          : 0px;
}

table.moduletable-main {
  width            : 100%;
  table-layout     : auto;
  padding          : 10px 2px 10px 2px;
  margin-bottom    : 20px;
}

table.moduletable-main th {
  padding          : 0px 0px 4px 0px;
  margin-left      : 2px;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : left;
  color            : #FFFFFF;
}

table.moduletable-main td {
  padding          : 0px;
  font-size        : 10px;
  color            : #FFFFFF;
  
}


/* ##################### FORMULAR SETTINGS #################### QM: ok */

.button {
  background-color : #cccccc;
  color            : #666666;
  border           : 1px solid #666666;
  margin           : 2px;
  font-size        : 12px;
}

.inputbox, .inputbox-noheader {
  border           : 1px solid #B8D1E8;
  background       : url(../images/input.png) no-repeat top;
  color            : #336699;
  margin           : 1px 0px 1px 0px;
}

.mod_loginform-noheader {
  font-family      : arial,serif;
  font-size        : 12px;
  padding		   : 2px 0px 2px 4px;          
  }


/* ################# SECTION LISTING SETTINGS ################# QM: ok */

.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-align       : center;
  color            : #FFFFFF;
  background       : #cccccc;
  height           : 15px;
  padding          : 0px 0px;
}

.sectiontableentry1 {
  background       : #F9F9F9;
  padding          : 3px 2px;
}

.sectiontableentry2 {
  background       : #F0F0F0;
  padding          : 3px 2px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */

a.mainlevel-main, a.mainlevel-main:link  {
  font-family      : Arial, Helvetica, sans-serif;
  margin           : 0px 4px;
  padding          : 0px;
  font-size        : 12px;
  text-decoration  : none;
  color            : #ffffff;
}

a.mainlevel-main:visited {
  font-family      : Arial, Helvetica, sans-serif;
  margin           : 0px 4px;
  padding          : 0px;
  font-size        : 12px;
  text-decoration  : none;
  color            : #ffffff;
}

a.mainlevel-main:hover {
  font-family      : Arial, Helvetica, sans-serif;
  margin           : 0px 4px;
  padding          : 0px;
  font-size        : 12px;
  text-decoration  : none;
  color            : #ffffff;
}

#active_menu-main {
  font-weight      : bold;
}

a#active_menu-main:hover {
}

.sublevel-main, a.sublevel-main:link, a.sublevel-main:hover, a.sublevel-main:visited  {
  font-size        : 11px; 
  color            : #CCCCCC;
}



/* ########################### LINKS ########################## QM: ok */

a:link, a:visited {
  color            : #666666;
  text-decoration  : none;
}

a:hover {
  color            : #666666;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}

a.plain:link, a.plain:visited, a.plain:hover {
  color            : #000000;
  text-decoration  : none;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */

.pagenavbar {
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
  text-align		: right;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003366;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */

.small {
  font-size        : 10px;
  color            : #336699;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */

.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */

.pathway {
  font-size        : 12px;
  color            : #FFFFFF;
  letter-spacing   : 1px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #ff9933;
  font-size        : 12px;
}

a.pathway:hover {
  font-size        : 12px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */

.contentpane {
  padding          : 5px;
  background       : #fff;
}

.contentpaneopen {
  margin-right     : 10px;
  margin-top       : 15px;
  text-align       : justify;
  background       : #fff;
  vertical-align   : top;
}

.componentheading {
	display: block;
	font-size: 16px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	padding: 2px 1px 2px 10px;
	background-color: #B8C7E5;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

.contentheading {
 	display: block;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 2px 1px 0px 10px;
  }

.contentpagetitle {
  color            : #CC6633;
 margin-top       : 15px;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
  color            : #CC6633;
  
}



/* ###################### BUTTON SETTINGS ##################### QM: ok */

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 25px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 25px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
  margin           : 10px 0px 30px 0px;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
  margin           : 10px 0px 30px 0px;
}