/* custom stuff */

html {
  height: 100%;
  margin-bottom: 1px;
}

@font-face {
	font-family: 'NewsGothicBTLight';
	src: url('fonts/newsgbtl-webfont.eot');
	src: local('☺'), url("fonts/NEWSGBTL.OTF") format("opentype"), url('fonts/newsgbtl-webfont.ttf') format('truetype'), url('fonts/newsgbtl-webfont.svg#newsgbtl') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UltramagneticLight';
	src: url('fonts/ultramal-webfont.eot');
	src: local('☺'), url("fonts/ULTRAMAL.OTF") format("opentype"), url('fonts/ultramal-webfont.ttf') format('truetype'), url('fonts/ultramal-webfont.svg#ultramal') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	margin: 0;
	padding: 0;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

span.pathway {
	display: block;
	vertical-align: middle;
	margin-top: 5px;
	font-weight: normal;
}

span.pathway img {
  padding: 0px 10px;
  vertical-align: middle;
}

span.pathway a {
  line-height: 150%;
}

div#pathway {
	margin-bottom: 10px;
	padding-left: 8px;
}

a.readon {
  line-height: 300%;
}

/*** fonts ***/
body {
		line-height: 125%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #636363;
	background: #ece7e1;
}

/* size attributes */

body.f-smaller {
	font-size: 10px;
}

body.f-default {
	font-size: 11px;
}

body.f-larger {
	font-size: 13px;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 90%;
}

#nav a,
#inset a {
	font-size: 100%;
}

div.moduletable h3,
div.moduletable-hilite h3,
td.side h3,
.componentheading {
	font-size: 93%;
	line-height: 100%;
}

table.outer .contentheading {
  font-size: 150%;
  line-height: 100%;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 0px;
}

div.componentheading {
  text-transform: uppercase;
	font-weight: normal;
}


/* font family */
h1,
h2,
h3,
h4,
h5,
.contentheading,
.componentheading,
.sectiontableheader {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
}

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

a:hover {
}

/* component heading */

.componentheading {
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: -4px;
	margin-right: -4px;
	padding: 6px;
}

/* module settings */

div.moduletable h3,
div.moduletable-hilite h3 {
  text-transform: uppercase;
	font-weight: normal;
  padding: 5px; 
  margin: 0 -5px 5px;
}

div.moduletable,
div.moduletable-hilite {
	margin-bottom: 0;
	padding: 5px 5px 4px;
}

td.left div.moduletable-hilite,
td.right div.moduletable-hilite {
	margin: 0 -6px;
	padding: 6px 12px;
	border-width: 6px 0;
	border-style:  solid;
}

/* default menu link styles */

a.mainlevel{
	display: block;
	font: normal 17px/26px "UltramagneticLight", Helvetica, sans-serif;
	color: #9a8363;
	text-align: left;
	height: 22px !important;
	text-decoration: none;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	color: #9a8363;
}
a.mainlevel:hover {
	color: #7D705F;
	text-decoration: none;
}
a.mainlevel#active_menu {
	line-height: 25px;
	color: #7D705F;
	text-decoration: none;
} /* this styling is for the menu item when it is active, even in main/sub position*/


/** regular joomla menu **/
	
ul#mainlevel-nav2
{
	list-style: none;
	padding: 0;
	margin: 1px 0 0;
}

ul#mainlevel-nav2 li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	white-space: nowrap;
	display: block;
	font: 16px "UltramagneticLight", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #9a8363;
}

ul#mainlevel-nav2 li a
{
	display: block;
	padding-right: 12px;
	text-decoration: none;
	color: #9a8363;
	background: transparent;
	padding-left: 4px;
}

#buttons>ul#mainlevel-nav2 li a { width: auto; }
.button {
	text-align: center;
	font-size: 11px;
  	font-weight: normal;
  	background: #EFEFEF;
  	padding: 0px 5px;
	height: 23px;
	color: #898989;
  	margin: 1px;
	vertical-align: middle;
	cursor: pointer;
	border-width: 0;
}

ul#mainlevel-nav2 li a:hover
{
	display: block;
	color: #424035;
}



ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 1px 0 0;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	white-space: nowrap;
	display: block;
	font: 11px/14px "NewsGothicBTLight", Helvetica, Geneva, sans-serif;
	color: #9a8363;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-right: 8px;
	text-decoration: none;
	color: #9a8363;
	background: transparent;
	padding-left: 2px;
}

#buttons>ul#mainlevel-nav li a { width: auto; }
.button {
	font: 11px/12px "UltramagneticLight", Helvetica, Geneva, sans-serif;
	text-align: center;
	font-size: 11px;
  	font-weight: normal;
  	background: #424035;
  	padding: 1px 5px 0px 4px;
	height: 21px;
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
	border-width: 0;
	margin-left: 44px;
}

ul#mainlevel-nav li a:hover
{
	display: block;
	color: #424035;
}


/* headings */

h1 {
	line-height: 100%;
	font-size: 200%;
}

h2 {
   line-height: 100%;
   font-size: 150%;
}

h3 {
   line-height: 100%;
   font-size: 120%;
}

h4 {
	font-weight: bold;
	color: #9a8363;
	font-variant: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.small,
.modifydate,
.createdate {
	font-weight: normal;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
}

.createdate {
	height: 20px;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
}

.style19 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.style18 {
	font: 11px/12px Arial, Helvetica, Geneva, sans-serif;
}

.style18b {
	line-height: 11px;
	font-weight: bold;
	font-size: 11px;
}
.style22 {color: #666666}
.style26 {
	color: #3333FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style28 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.style23 {color: #000000}
.style7 {font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style21 {	color: #666666;
	font-style: italic;
}
	
.style29 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style30 {font-size: 12px}
.style_listings {
	margin-bottom: 10px;
}

/** some joomla class stuff */

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


td.buttonheading {
 	vertical-align: bottom;
}

td.buttonheading img {
	margin-right: 5px;
}

table.outer td.sectiontableheader {
  font-weight: bold;
  padding: 0 4px;
  line-height: 20px;
}

table.outer tr.sectiontableentry1 td, 
table.outer tr.sectiontableentry2 td,
table.outer td.sectiontableentry1, 
table.outer td.sectiontableentry2 {
  padding: 4px;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

table.contentpaneopen td p {
  padding-right: 10px;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}


table.adminform textarea {
  width: auto;
  color: #666;
}

/** width stuff **/

.w-wide div.wrapper {
	width: 950px;
}

.w-thin div.wrapper {
	width: 800px;
}

.w-fluid div.wrapper {
}

/** template layout stuff **/

body {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

div.wrapper {
	margin: auto;
	position: relative;
}

div.wrappermiddle {
	width: 818px;
	margin: auto;
	position: relative;
	padding: 6px 0 0 7px;
}

div#outer-border {
}

div#top-head {
	height: 196px;
	margin-top: 10px;
}

span#logo {
	position: absolute;
	z-index: 10000;
	/* change these values below if you want to move your logo */
	top: 31px;
	left: 28px;
	/* change these values below if you change your logo image size */
	width: 88px; 
	height: 88px;
}

div#color-insert {
	position:  absolute;
	z-index: 1;
	top:  32px;
	left: 23px;
	width: 0px;
	height: 0px;	
}

div#top-mod { 
	width: 788px;
	height: 110px;
	padding: 10px 10px 0;
}
#headerlogo {
	float: left;
	display: inline;
	height: 110px;
}
#headerright {
	width: 52px;
	float: right;
	display: block;
	height: 110px;
}
#highlights {
	height: 76px;
	display: inline;
	float: left;
}
div.mainbox {
	display: inline-block;
	width: 788px;
	margin-bottom: 10px;
	padding: 6px;
	margin-top: 0;
}
div.mainleftbox {
	display: inline;
	float: left;
	width: 630px;
}
div.mainrightbox {
	display: inline;
	float: right;
	width: 158px;
}
div.horiz-menu {
	width: 610px;
}
div.nav {
	height:  24px;
	width: 610px;
	display: inline;
}
div.maintop {
	width: 630px;
}
div.toparticle {
	display: inline;
	float: left;
	width: 310px;
}
div.slider {
	display: inline;
	width: 310px;
}
div.articleshome {
		display: inline;
	float: left;
	width: 595px;
	padding: 0;
}
div.articleshome2 {
		display: inline;
	float: right;
	width: 180px;
	padding: 0;
}
div.issueshome {
	width: 394px;
	padding: 9px 0px 0;
	display: inline;
	float: left;
}
div.takeactionhome {
	width: 398px;
	padding: 9px 0px 0;
	display: inline;
	float: right;
}
div.botbox {
	width: 788px;
	margin-bottom: 10px;
	display: inline-block;
	padding: 6px;
	margin-top: 0;
}
div.midbox {
	width: 788px;
	display: inline-block;
	padding: 6px;
	margin-top: 0px;
}
div.midbox2 {
	width: 788px;
	display: inline-block;
	padding: 6px;
	margin-top: 10px;
	background-color: #fff;
}
div.blankbox {
	margin: 0;
	padding: 0;
	height: 155px;
}
div.leftbox {
	display: inline;
	float: left;
}
div.rightbox {
	display: inline;
	float: right;
}
div.agendahome {
	background-color: #E1DDDB;
	display: inline;
	float: left;
	width: 360px;
}
div.headlineshome {
	width: 385px;
	padding: 9px 0 0;
	display: inline;
	float: left;
	background-color: #E1DDDB;
}
div#footermenu {
	width: 778px;
	display: block;
	height: 10px;
	padding: 0 6px;
}
div#ctw {
	display: inline;
	float: right;
}



/* some page content things */

.hide {
	display: none;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

blockquote {
	margin: 10px 0;
	line-height: 140%;
	padding: 10px;
}

pre {
	padding: 10px;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}
.newsfeed{
list-style-type: none;
	font-size: 10px;
	margin: 0;
	padding: 4px 1px;
}
.newsfeed a:link, .newsfeed a:visited {
	color: #908a75;
	font-size: 11px;
	font-weight: bold;
}
.newsfeed a:hover {
	background-color: #ecefdf;
	font-size: 11px;
	font-weight: bold;
}
.newsfeed date {
	font-size: 9px;
	line-height: 180%;
}