
/*

*/

.mceContentBody { background:#FFF; }

* {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 1.45em;
	color: #333;
}


/* the following html code ensures that scroll bars appear in firefox 
	and stops the effect of short pages jumping from side to side */
html {
	height			: 100%;
	min-height		: 100%;
	margin			: 0px 0px 1px 0px;
	border			: 0px; /* IE has a default border around the page */
	padding			: 0px;
}


body {
	height			: 100%;
	margin			: 0px;
	padding			: 0px;
	background		: #FFF url(../images/page_bgnd.jpg) top left repeat-x;
}

:focus { -moz-outline-style: none; }

td,tr,p,div,font {
	color			: #333333;
}

p {
margin: 1em 0px 1em 0px;
}


ol,ul {
	margin-left		: 10px;
	padding-left	: 20px;
}

ul {
	list-style-image : url(../images/bullet.gif);
}

li {
	padding			: 0px 0px 5px 0px;
}

ul.tick {
	list-style-image : url(../images/bullet_tick.gif);
}

ul.tick li {
	padding			: 5px 0px 5px 0px;
	line-height		: 15px!important;
	vertical-align	: middle;
}

hr {
  color				: #999;
  background-color	: #999;
  height			: 1px;
  width				: 100%;
  border			: 0;
}


/* ###################### LAYOUT ###################### */

#header-container {
	width			: 100%;
	min-width		: 780px;
	margin			: 0px auto 0px auto;
	padding			: 0px;
	background		: url(../images/headerimage.jpg) top center no-repeat;
}

#header {
	width			: 780px;
}
 
#header-image {
	width			: 780px;
	height			: 130px;
	padding			: 0px;
	background		: #FFF url(../images/headerimage.jpg) top center no-repeat;
}

#mainbody-container {
	width			: 100%;
	min-width		: 780px;
	margin			: 0px auto 0px auto;
	padding			: 0px;
	background		: transparent url(../images/background_fill.jpg) top center repeat-y;
}

#mainbody {
	width			: 780px;
	text-align		: left;
	padding			: 0px;
	background		: #27445E;
}

#middle {
	width			: 780px; 
	height			: auto;
	min-height		: 400px;
	padding			: 0px;
	background		: #FFF url(../images/background_fill.jpg) top center repeat-y;
} 

#leftcol {
	width			: 187px;
	float			: left;
	position		: relative;
	margin			: 0px;
	padding			: 0px;
	background		: url(../images/leftcol.jpg) top left no-repeat;
} 

#maincol{ 
	float			: left; 
	width			: 760px;
	padding-left	: 20px;
	padding-top		: 0px;
	overflow		: hidden;
	background		: url(../images/content_bgnd.jpg) 595px bottom no-repeat;
} 

.content {
	float			: left; 
	width			: 750px;
}

#footer-container{  
	width			: 100%;
	min-width		: 780px;
	height			: 58px;
	margin			: 0px auto 0px auto;
	padding			: 0px;
	background		: url(../images/footerimage.jpg) top center no-repeat;
}

#footer {  
	width			: 780px;
	height			: 58px;
	font-size		: 10px!important;
	padding			: 0px;
	margin			: 0px auto 0px auto;
	background		: url(../images/footerimage.jpg) top center no-repeat;
}

#pagetop {
	float			: right;
	margin			: 4px 5px 0px 0px;
}

#footer-bar {  
	margin			: 0px;
	height			: 25px;
}

#copyright {
	height			: 33px;
	color			: #999;
	font-size		: 10px!important;
	text-align		: right;
	padding			: 5px 25px 0px 0px;
}


/* ###################### LINKS ###################### */
a:link, a:visited {
  color            : #3333CC;
  text-decoration  : none;
}

a:hover {
  color            : #CC0000;
  text-decoration  : none
}

a.category:link, a.category:visited {
  font-size        : 13px;
  color            : #4A6080;
  text-decoration  : none;
  font-weight      : bold;
  border-bottom    : 1px dashed #4A6080;
}

a.category:hover {
  border-bottom    : 1px solid #4A6080;
}

a.buttonbar:link, a.buttonbar:visited {
  font-family      : Trebuchet MS, Verdana, sans-serif;
  font-size        : 13px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : bold;
  border-bottom    : 1px dashed #ffffff;
}

a.buttonbar:hover {
  color            : #4A6080;
  border-bottom    : 1px dashed #4A6080;
}

a.blogsection:link, a.blogsection:visited {
  font-family      : Trebuchet MS, Verdana, sans-serif;
  color            : #4A6080;
  text-decoration  : none;
  font-weight      : bold;
  border-bottom    : 1px dashed #4A6080;
}
a.blogsection:hover {
  border-bottom    : 1px solid #4A6080;
}


/* ###################### MODULES ###################### */

#leftcol div.module {
	width			: 145px;
	margin-top		: 3px;
	padding			: 0px 0px 15px 12px;
	overflow		: hidden;
}

#leftcol div.module div {
	margin			: 0px;
	padding			: 0px;
}

#leftcol div.module div div {
	margin			: 0px;
	padding			: 0px;
}

#leftcol div.module div div div {
	margin			: 0px;
	padding			: 0px;
}

#leftcol div.module div div div div {
	margin			: 0px;
	padding			: 0px;
	font-size		: 10px;
	text-decoration	: none;
	color			: #999999!important;
}

div.module h3 {
	width			: 145px;
	font-size		: 10px;
	line-height		: 19px;
	color			: #999!important;
	text-indent		: 5px;
	padding-bottom	: 5px;
}

#leftcol div.module .search {
	width			: 142px;
	margin			: 0px;
	padding-top		: 2px;
}

#leftcol div.module .search .inputbox {
	width			: 130px;
}

#leftcol form {
	width			: 142px;
	padding			: 0px;
	font-size		: 10px;
}

#leftcol td, #leftcol tr, #leftcol p, #leftcol div {
  font-size        : 10px;
  color            : #999999;
}


#leftcol label	 {
font-size        : 10px;	
color            : #999999!important;
}

#leftcol a:link, #leftcol a:visited {
  font-size        : 10px;
  color            : #3366FF;
  text-decoration  : none;
}

#leftcol a:hover {
  color            : #6495ED;
  text-decoration  : none
}


/* ###################### MODULE SETTINGS ###################### */
.moduletable {
	width			: 100%;
	margin-top		: 1px;
	padding			: 3px;
}

.moduletable th {
	font-family		: Trebuchet MS, Verdana, sans-serif;
	font-size		: 13px;
	font-weight		: bold;
	color			: #ffffff;
	text-align		: center;
	padding			: 1px;
	background-color : #ACDCE8;
}

.newsflash {
	font-size		: 10px;
	color			: #4A6080;
}

.frameheader {
	font-size		: 18px;
	font-weight		: normal;
	color			: #4A6080;
}

.poll {
	font-size		: 10px;
	color			: #4A6080;
	line-height		: 15px;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
	font-size		: 11px;
	font-style		: normal;
	color			: #000000;
	border			: 1px solid;
	padding			: 1px 2px 1px 2px;
}

.inputbox {
	font-size		: 11px;
	font-weight		: normal;
	color			: #000000;
	border			: 1px solid #000;
	padding			: 2px 3px 2px 3px;
	background		: #FFF;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size		: 130%;
	font-weight		: bold;
	color			: #4A6080;
	text-align		: left;
	padding-top		: 7px;
	text-decoration	: none;
	border-bottom	: 0px;
}

a.contentpagetitle:hover {
	color			: #333333;
}

table.contentpane {
	text-align		: left;
	width			: 100%;
	padding			: 0px;
	margin			: 0px;
	border-collapse	: collapse;
}

table.contentpaneopen {
	text-align: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.searchintro {
	text-align		: justify;
	margin-left		: 8px;
	margin-top		: 10px;
	padding-left	: 3px;
	padding-right	: 3px;
	background-color: #FFFFFF;
	border			: 1px solid #777;
}

.contentheading, .componentheading {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 125%;
	font-weight		: bold;
	color			: #B0C4DE;
	text-align		: left;
	padding			: 10px 16px 10px 0px;
}

.contentdescription {
	font-size		: 11px;
	color			: #333;
	text-align		: left;
}

.category {
	font-size		: 13px;
	color			: #4A6080;
	text-decoration	: none;
	font-weight		: bold;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
	background-color: #d0d0d0;
	margin-left		: 1px;
	margin-right	: 1px;
	border-top		: 1px dashed #ffffff;
}

.sectiontableentry2 {
	background-color: #d0d0d0;
	margin-left		: 1px;
	margin-right	: 1px;
	border-top		: 1px dashed #ffffff;
}

.sectiontableheader {
	background-color: #b0b0b0;
	color			: #FFFFFF;
	height			: 20px;
	font-weight		: bold;
	padding-left	: 5px;
	padding-right	: 5px;
	border-bottom	: 2px solid #FFFFFF;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
	font-size		: 10px;
	color			: #CC6600;
	text-decoration	: none;
	font-weight		: normal;
}

.smalldark {
	font-size		: 9px;
	color			: #000;
	font-weight		: normal;
}

.smallgrey {
	font-size		: 10px;
	color			: #696969;
	font-weight		: normal;
}

.smallgrey a {
	font-size		: 10px;
}

/* ###################### TABLE OF CONTENT SETTINGS ###################### */
.contenttoc table, table.contenttoc {
	background-color : #F5F5F5;
	border-top		: 2px solid #666;
	border-bottom	: 2px solid #666;
	margin			: 3px 0px 0px 0px;
	float			: right;
	position:relative;
	top:-10px;
}

.contenttoc th, .contenttoc td {
	font-size		: 10px;
	color			: #666;
	white-space		: nowrap;
	padding			: 1px 3px;
}

.contenttoc th {
	font-weight		: normal;
	text-align		: center;
	border-bottom	: 1px solid #FFF;
}

a.toclink {
	font-size		: 10px;
	white-space		: nowrap;
	padding			: 0px 2px;
}

/* ###################### DATE TIME SETTINGS ###################### */
.createdate {
	font-style		: italic;
}

/* ###################### PAGE NAVIGATION SETTINGS ###################### */
.pagenavbar {
	margin-top		: 5px;
	text-align		: center;
}

.pagenavbar div {
	background-color: #F5F5F5;
	border-top		: 2px solid #666;
	border-bottom	: 2px solid #666;
	padding			: 2px 10px;
	color			: #999;
	display			: inline;
}

.pagenavbar div, .pagenavbar a {
	font-size		: 11px;
	line-height		: 11px;
}

/* ###################### OTHER SETTINGS ###################### */
.blog_more {
	font-size		: 14px;
	font-weight		: bold;
	font-style		: italic;
	text-align		: left;
	padding-top		: 10px;
	padding-left	: 15px;
}

.readon {
	font-size		: 13px;
	font-weight		: bold;
	text-align		: left;
	padding-left	: 10px;
}


form {
	margin			: 0px;
	padding			: 0px;
}

.buttonheading {
	width			: 16px;
	position		: relative;
	float			: right;
	overflow		: visible;
}


.content img {
	padding			: 0px;
}


h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	color			: #333;
	margin			: 0px;
	padding			: 0px;
}

h2 {
	font-size		: 125%;
}

h3 {
	font-size		: 110%;
}

h4 {
	font-size		: 105%;
}

/* #################### Generic shadowbox ################### */

div.boxshadow {
	padding			: 0px;
	margin			: 0px;
	background		: url(/images/stories/web/boxshadow_r.png) bottom right no-repeat;
}

div.boxshadow div {
	padding			: 0px 6px 6px 0px;
	margin			: 0px;
	background		: url(/images/stories/web/boxshadow_l.png) top left no-repeat;
}

/* #################### Frontpage newsbox ################### */

.newsbox {
	border-style	: solid solid;
	border-width	: 3px 3px;
	border-color	: #CCC;
	padding			: 5px!important;
	text-align		: left;
	background		: #f5f5f5!important;
}

.newsbox .caps {
	font-family: Arial, Helvetica, sans-serif;
	color			: #CC6600;
	font-size		: 125%;
	font-weight		: bold;
}

.newsbox .small {
	color			: #CC6600;
	font-size		: 90%;
}

/* ###################### inline images ###################### */

.mosimage img {
	padding			: 0px!important;
	margin			: 0px!important;
}

.mosimage {
	border			: 1px solid #000;
	padding			: 1px;
	margin			: 2px 4px;
	background		: #efefef;
}

.mosimage_caption {
	font-size		: 85%;
	font-weight		: bold;
	color			: #FFF;
	padding			: 0px;
	background		: #000;
	padding			: 2px;

}

.captioned {
	border			: 1px solid #000;
	padding			: 1px;
	margin			: 5px 5px;
	background		: #efefef;
	text-align		: center;
	font-size		: 85%;
}

.captioned img {
	padding			: 0px!important;
	margin			: 0px!important;
	display			: block;
}

/* ###################### Search ###################### */

.component-search {
	width			: 100%;
	height			: 200px;
	padding-top		: 20px;
	background		: transparent url(/images/stories/web/search.gif) top right no-repeat;
}

html>body .component-search { /* IE will ignore this. Others will do min-height from here */
	height			: auto;
	min-height		: 200px!important;
}

/* ###################### Letterman ###################### */

div.letterman {
	width			: 100%;
	height			: 200px;
	padding-top		: 20px;
	background		: transparent url(/images/stories/web/subscribe.jpg) top right no-repeat;
}

html>body div.letterman { /* IE will ignore this. Others will do min-height from here */
	height			: auto;
	min-height		: 300px!important;
}

div.letterman .container {
	width			: 290px;
	height			: 250px;
	padding			: 0px 70px 0px 50px;
	border-right	: 1px solid #C0C0C0;
}

table.letterman {
	width			: 100%;
	border-style	: solid;
	border-width	: 5px 1px;
	margin			: 10px 0px 10px 0px;
	background		: #f5f5f5;
}

table.letterman#subscribe {
	border-color	: #669966;
}

table.letterman#unsubscribe {
	border-color	: #990000;
}

table.letterman th {
	font-weight		: bold;
	text-align		: center;
	color			: #999999;
	padding			: 1px 0px 5px 5px;
}

table.letterman td#name, table.letterman td#email {
	padding			: 1px 0px 1px 15px;
	text-align		: right;
}

table.letterman input {
	margin-right	: 10px;
}

table.letterman #submit {
	padding			: 6px 23px 6px 0px;
	text-align		: right;
}

/* ###################### Committee ###################### */

div.committee {
	padding			: 7px 7px 7px 10px;
	border-top		: 1px solid #C0C0C0;
	border-left		: 50px solid #E0E0E0;
	background		: #F5F5F5 url(../images/br_cutout.gif) bottom right no-repeat;
	line-height		: 20px;
}

div.committee .name strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size		: 120%;
	color			: #333;
	margin-left		: -35px;
	padding-right	: 0px;
}

div.committee .name em {
	padding-right	: 5px;
}

div.committee .name {
	padding			: 0px 0px 10px 0px;
	margin			: 0px;
}

div.committee .email {
	padding-left	: 10px;
	margin-left		: -35px;
	border-left		: 45px solid #F0F0F0;
}

/* ###################### Links ###################### */

div.links {
	background		: transparent url(/images/stories/web/web_links.gif) top right no-repeat;
	width			: 100%;
}

table.links {
	width			: 450px;
	margin			: 20px 30px 20px 20px;
	border-collapse	: collapse;
	background		: transparent;
}

table.links th, .links caption {
	font-weight		: bold;
	color			: #666;
	text-align		: left;
	padding			: 2px 20px 0px 0px;
	border-bottom	: 1px solid #CCC;
}

table.links td {
	padding			: 3px 0px 3px 14px;
	text-align      : left;
	background		: url(../images/bullet.gif) center left no-repeat;
}

/* ### MISC ### */

table.btable {
	padding:0px;
	margin:0px;
	border:1px solid #CCC;
	border-collapse:collapse;
}

table.btable td {
	padding:2px 4px;
	border:1px solid #CCC;
}

table.btable .redtext {
	color: #CC0000;
}

.redtext {
	color: #CC0000;
}

.sentence_intro {
	font-family: Arial, Helvetica, sans-serif;
	color			: #336699;
	font-size		: 125%;
	font-weight		: bold;
}

.large_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size		: 125%;
	font-weight		: bold;
}

table.t_files      { background-color: #f5f5f5; border-collapse: collapse     }
table.t_files td    { padding: 2px; border: solid 1px white; border-collapse: collapse   }
table.t_files td.td_file_size     { color: #808080; text-align: right; padding-right: 4px; padding-left: 4px }
