body {
	text-align		: center;	/* center page for older browsers... */
	background-color: #fff;
}

div#wrapper {
	text-align		: left;
	margin			: 0 auto;
	width			: 901px;
	height			: 500px;
}

div#header {
	z-index			: 2;
	height			: 235px;
	position		: relative;
}

div#headerback1,
div#headerback2 {
	zoom			: 1;	/* haslayout bug IE... */
	background-position:bottom left;
	background-repeat:no-repeat;
	height			: 235px;
	margin-bottom	: -235px;
	position		: relative;
}

div#headerback1 {
	z-index			: 1;
}

div#headerback2 {
	background-image: url('/helpers/randomheader.html');
}

a#logo {
	display			: block;
	float			: left;
	height			: 195px;
	width			: 315px;
	margin			: 20px 0 0 7px;
	background		: url('/img/logo.png') top left no-repeat;
}

ul#notifications {
	background		: #ffb3b3 url('/img/notifications/generic.png') 5px 5px no-repeat;
	border			: 1px solid #900;
	color			: #900;
	margin			: 0;
	padding			: 16px 8px 16px 30px;
	font-weight		: bold;
	list-style-type	: none;
	text-align:center;
}

ul#notifications a {
	color			: #900;
	text-decoration	: underline;
}

div#agendanotificationarea {
	background		: #fef290 url('/img/notifications/agendaback.jpg') top left no-repeat;
	border-bottom	: 2px solid #fff;
	padding			: 10px 8px 10px 8px;
}

div#agendanotificationarea ul {
	list-style-type	: none;
	margin			: 0 200px 0 0;
	padding			: 3px;
	background		: url('/img/notifications/textback.png') top left;
}

div#agendanotificationarea ul li {
	background		: url('/img/icons/calendar.png') top left no-repeat;
	margin			: 0 0 4px 25px;
	padding-left	: 20px;
}

div#agendanotificationarea ul li.title {
	background		: url('/img/icons/bell.png') top left no-repeat;
	font-weight		: bold;
	margin-left		: 5px;
	padding-bottom	: 5px;
}

div#agendanotificationarea ul li a {
	color			: #b31616;
	margin-right	: 10px;
}

div#agendanotificationarea ul li a:hover {
	color			: #000;
}

div#agendanotificationarea ul li span.date {
	margin-right	: 10px;
	font-weight		: bold;
}

div#agendanotificationarea ul li span.location {
	margin-left		: 75px;
	font-size		: 8pt;
	font-style		: italic;
}

div#agendanotificationarea ul li span.alert {
	margin-left		: 47px;
	padding-left	: 28px;
	background		: url('/img/icons/warning.gif') top left no-repeat;
}

ul#footer {
	clear			: both;
	height			: 50px;
	background		: #fff url('/img/colhdrs.jpg') -2000px 0 no-repeat;
	padding			: 4px 0 0 15px;
	margin			: 0;
	font-size		: 7pt;
	font-weight		: bold;
	list-style-type	: none;
	color			: #fff;
}

ul#footer li {
	float			: left;
	height			: 16px;
	padding-top		: 3px;
}

ul#footer li a {
	color			: #fff;
}

ul#footer li a:hover {
	color			: #8cc63f;
}

ul#footer li.sessionstatus {
	width			: 186px;
	padding-left	: 20px;
	white-space		: nowrap;
	overflow		: hidden;
}

ul#footer li.loggedon {
	background		: url('/img/icons/user_green.gif') top left no-repeat;
}

ul#footer li.loggedoff {
	background		: url('/img/icons/user_red.gif') top left no-repeat;
}

ul#footer li.copyright {
	margin-left		: 17px;
	width			: 400px;
}

ul#footer li.disclaimers {
	width			: 248px;
	text-align		: right;
}

ul#footer li.disclaimers a {
	margin-left		: 7px;
	padding-left	: 7px;
	border-left		: 1px solid #fff;
}

div#main {
	width			: 100%;	/* haslayout bug IE */
	margin-top		: 2px;
}

div.col3 {
	background		: url('/img/cnt_back.jpg') top left repeat-y;
}

div.col2 {
	background		: url('/img/tiles.jpg') -884px 0 repeat-y;
}

ul.col {
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
	width			: 221px;
	float			: left;
}

ul.col li {
	zoom			: 1; /* haslayout bug IE */
	position		: relative;
}

ul.col li ul li:hover ul {
	display			: block;
}

ul.col li ul li ul {
	border-left		: 1px solid #ddd;
	border-top		: 1px solid #ddd;
	border-right	: 1px solid #aaa;
	border-bottom	: 1px solid #aaa;
	position		: absolute;
	display			: none;
	left			: 205px;
	top				: -6px;
	width			: 200px;
}

ul.col li.hdr {
	color			: #fff;
	padding			: 4px 0 0 30px;
	height			: 22px;
	font-weight		: bold;
	font-size		: 11pt;
	background		: url('/img/colhdrs.jpg');
	background-repeat: no-repeat;
}

ul.col li.hdr a {
	color			: #fff;
	font-weight		: bold;
	font-size		: 11pt;
	border:none;
}


ul.col li.info {
	background-position: -884px 0px;
}

ul.col li.current {
	background-position: -663px 0px;
}

ul.col li.members {
	background-position: -442px 0px;
}

ul.col li.admin {
	background-position	: 0 0;
}

ul.col li.headlines {
	background-position: -221px 0px;
}

ul.col li.headlinesitems {
	width			: 210px;
}

ul.col li.headlinesitems ul li {
	color			: #666;
	line-height		: 11pt;
	margin-bottom	: 5px;
	padding-top		: 3px;
	text-align		: justify;
}

ul.col li.headlinesitems ul li a {
	color			: #7a5748;
	display			: inline;
	border			: none;
	font-weight		: bold;
	text-align		: left;
	margin-left		: 22px;
	overflow		: visible;
}

ul.col li.headlinesitems ul li a:hover {
	color			: #000;
}

ul.col li ul {
	padding			: 5px 0 5px 16px;
	margin			: 0;
	list-style-type	: none;
}

ul.col li a {
	display			: block;
	color			: #000;
	height			: 16px;
	margin			: 1px;
	overflow		: hidden;
	border-bottom	: 1px solid #fff;
	font-weight		: normal;
	cursor          : pointer;
}

ul.col li ul a:hover {
	color			: #e73e2f;
}

ul.col li ul.info li ul {
	background		: url('/img/tiles.jpg') -884px 0 repeat-y;
}

ul.col li ul.members,
ul.col li ul.members li ul {
	background		: url('/img/tiles.jpg') -442px 0 repeat-y;
}

ul.col li ul.admin,
ul.col li ul.admin li ul {
	background		: url('/img/tiles.jpg') 0 0 repeat-y;
}

ul.col li ul.current,
ul.col li ul.current li ul {
	background		: url('/img/tiles.jpg') -663px 0 repeat-y;
}

ul.col li ul li.hassub {
	background		: url('/img/submenu.gif') 187px 1px no-repeat;
}

ul.col li ul li.hassub:hover {
	background-position:187px -15px;
}

div#content {
	float			: left;
	padding-bottom	: 50px;
	min-height		: 420px;	/* IE6 will ignore this; no problem, the page will only be less tall */
}

div.col3 div#content {
	width			: 455px;
	margin			: 0 2px 0 2px;
}

div.col2 div#content {
	margin			: 0 0 0 2px;
	width			: 678px;
}

div#news {
	width			: 201px;
	float			: right;
	padding			: 0 12px 0 8px;
	margin-bottom	: 50px;
}

ul#menu {
	margin-top		: 36px;
	padding			: 0;
	float			: right;
	list-style-type	: none;
}

ul#menu li {
	float			: left;
	background		: url('/img/menu_back.png') bottom left repeat-x;
}

ul#menu a {
	color			: #fff;
	padding			: 14px 10px 3px 7px;
	display			: block;
	border-left		: 2px solid #fff;
}

ul#menu a.last {
	background		: url('/img/menu_back.png') top right no-repeat;
}

ul#menu a:hover {
	color			: #8cc63f;
	background-color: #000;
}

form {
	margin			: 0;
	padding			: 0;
}

input.text {
	width			: 150px;
    border          : 1px solid #999;
}

textarea {
    border          : 1px solid #999;
    width           : 400px;
	font-family		: sans-serif;
	font-size		: 9pt;
}

textarea:focus,
input.text:focus,
input.jscalendar:focus {
    border          : 1px solid #393;
    background-color: #cfc;
}

fieldset legend {
    color           : #335ea8;
    border          : 1px solid #ccc;
    padding         : 2px 5px;
	background		: #fff url('/img/table/thback.gif') top left repeat-x;
    border-radius           : 7px;
    -moz-border-radius      : 7px;
    -webkit-border-radius   : 7px;
}

fieldset legend img {
    vertical-align  : middle;
    margin-right    : 5px;
}

fieldset {
    border                  : 1px solid #ccc;
    border-radius           : 7px;
    -moz-border-radius      : 7px;
    -webkit-border-radius   : 7px;
}

fieldset table {
	width			: 90%;
	padding			: 5px;
	margin			: 14px auto;
	border-collapse : collapse;
}

tr.alt {
	background-color: #eee;
}

fieldset table td {
	padding-left	: 3px;
	vertical-align	: top;
}

fieldset.shadow {
	display			: none;
}

p.error, p.info, p.warning, p.help {
	padding			: 5px 5px 5px 30px;
	font-weight		: bold;
	letter-spacing	: .03em;
}

p.error {
	background		: #ffb3b3 url('/img/icons/error.gif') 5px 5px no-repeat;
	border			: 1px solid #900;
	color			: #900;
}

p.error a {
	color			: #000;
}

span.error {
	font-weight		: bold;
	color			: #fff;
	background		: #ffb3b3 url('/img/icons/error.gif') center right no-repeat;
	padding			: 2px 20px 2px 2px;
	margin			: 0 10px;
}

p.info {
	background		: #cfc url('/img/icons/info.gif') 5px 5px no-repeat;
	border			: 1px solid #393;
	color			: #393;
}

p.help {
	background		: #6d95c2 url('/img/icons/help.gif') 5px 5px no-repeat;
	border			: 1px solid #366092;
	color			: #c2d4ea;
}

p.help a {
	color			: #17365d;
}

p.warning {
	background		: #ffd889 url('/img/icons/warning.gif') 5px 5px no-repeat;
	border			: 1px solid #f60;
	color			: #f60;
}

table tr td {
	text-align		: left;
}

table tr th {
	background		: #fff url('/img/table/thback.gif') top left repeat-x;
	padding-left	: 5px;
	font-size		: 8pt;
	text-align		: left;
}

.small {
	font-size		: 8pt;
}

span.highlight {
	color			: #c00;
}

table tr th.icon {
	width			: 20px;
}

table tr th.location {
	width			: 90px;
}

table tr th.expiredate {
	width			: 110px;
}

div#content ul.tabs {
	list-style-type : none;
	margin			: 5px 0 0 8px;
	padding			: 0;
	height			: 24px;
	line-height		: 15px;
}

div#content ul.tabs li {
	background		: #ebe9ed url('/img/tabs/tab_inactive.gif') top left repeat-x;
	float			: left;
	font-weight		: bold;
	display			: block;
	border			: 1px solid #bbb;
	border-bottom	: none;
    border-top-left-radius          : 5px;
    -moz-border-radius-topleft      : 5px;
    -webkit-border-top-left-radius  : 5px;
    border-top-right-radius         : 5px;
    -moz-border-radius-topright     : 5px;
    -webkit-border-top-right-radius : 5px;
}

div#content div.tabpane ul.tabs li {
    border-color    : #ddd;
}

div#content ul.tabs li,
div#content ul.tabs li.active:hover {
	margin			: 2px 2px 0 2px;
	padding-bottom	: 0;
}

div#content ul.tabs li:hover {
	margin			: 0 2px 2px 2px;
	padding-bottom	: 2px;
}

div#content ul.tabs li a,
div#content ul.tabs li span {
	display			: block;
	padding			: 3px 15px;
}

div#content ul.tabs li a {
	color			: #999;
}

div#content div.tabpane ul.tabs li a {
	color			: #aaa;
}

div#content ul.tabs li span {
	color			: #000;
}

div#content div.tabpane ul.tabs li span {
	color			: #666;
}

div#content ul.tabs li.active {
	background		: #ebe9ed url('/img/tabs/tab_active.gif') top left repeat-x;
}

div#content div.tabpane {
	background		: #fff url('/img/tabs/paneback.gif') top left repeat-x;
	border			: 1px solid #bbb;
	padding			: 10px 5px 20px 5px;
	margin			: -1px 5px 5px 5px;
}

div#content div.tabpane div.tabpane {
	margin			: -1px -6px 0px -6px;
    border			: 1px solid #bbb;
    border-top      : 1px solid #ddd;
    border-bottom   : none;
}

div.tabpane fieldset {
	margin			: 5px;
}

div.tabpane fieldset table {
	margin			: 0;
}

.lefttablecol {
	width			: 130px;
}

.lefttablecolsmall {
	width			: 30px;
}

.confirmbtn {
	float			: right;
	margin			: 10px 0 5px 0;
	padding         : 0 5px;
}

label {
	cursor			: pointer;
}

input {
	margin			: 2px 0;
	padding			: 0;
}

input[type=button],
input[type=submit] {
	margin			: 2px 2px;
	padding			: 0 5px
}

input.large {
	width			: 400px;
}

input.smallnum {
	width			: 25px;
}

input.mediumnum {
	width			: 40px;
	text-align		: right;
	padding-right	: 2px;
}

p.paging {
    text-align      : center;
    border-top      : 1px solid #ccc;
    padding-top     : 10px;
}

p.paging a {
    margin          : 0 3px;
    padding         : 3px;
}

p.paging a.current {
    border          : 1px solid #393;
    background-color: #cfc;
}


input.jscalendar {
    width           : 70px;
    border			: 1px solid #999;
}

img.jscalendar {
    cursor          : pointer;
    vertical-align  : middle;
}

.strike {
	text-decoration	: line-through;
}

select {
    border          : 1px solid #999;
}

fieldset {
	padding			: 4px 7px 9px 8px;
}

.righttext {
	text-align		: right;
}

.lefttext {
	text-align		: left;
}

.centertext {
	text-align		: center;
}

.sc, .nodisplay {
	display			: none;
}

a.external {
	padding-right	: 14px;
	background		: url('/img/icons/external_link.gif') right 2px no-repeat;
}

del {
	color			: #f00;
	text-decoration	: line-through;
}

ins {
	color			: #080;
	text-decoration	: none;
	border-bottom	: 1px solid #080;
}

cite {
	border-bottom	: 1px dashed #00f;
}

abbr {
	border-bottom	: 1px dashed #ccc;
}

acronym {
	border-bottom	: 1px dotted #ccc;
}

ul.social {
	list-style-type	: none;
	overflow		: auto;
}

ul.social li {
	float			: left;
	margin-right	: 3px;
	margin-bottom	: 3px;
}

ul.social li.title {
	float			: none;	
	margin-bottom	: 0;
}

ul.social a {
	display:block;
	width:16px;
	height:16px;
	background-image:url('/img/social.png');
	background-repeat:no-repeat;
	opacity			: .4;
}


ul.social a:hover {
	opacity			: 1;
}

ul.social a.twitter {background-position:0 0; }
ul.social a.nujij {background-position:-16px 0;}
ul.social a.ekudos {background-position:-32px 0;}
ul.social a.facebook {background-position:-48px 0;}
ul.social a.friendfeed {background-position:-64px 0;}
ul.social a.google {background-position:-80px 0;}
ul.social a.digg {background-position:-96px 0;}
ul.social a.delicious {background-position:-112px 0;}
ul.social a.technorati {background-position:-128px 0;}
ul.social a.sphinn {background-position:-144px 0;}
ul.social a.mixx {background-position:-160px 0;}
ul.social a.stumbleupon {background-position:-176px 0;}
ul.social a.yahoobookmarks {background-position:-192px 0;}

form#newsletter fieldset {
	margin-top		: 50px;
	border			: none;
	padding			: 0;
}

form#newsletter fieldset ul {
	padding			: 0;
	text-align		: right;
}

form#newsletter input#subscribenewsletter {
	width			: 125px;
}

form#newsletter fieldset input {
	margin			: 0;
}

form#newsletter legend {
	border			: none;
	background		: none;
	color			: #000;
	padding			: 0;
}

ul.col li.headlinesitems ul li,
ul.feedoverview li {
	background-image: url('/img/headlines.png');
	background-repeat:no-repeat;
}

ul.col li.headlinesitems ul li.vhvg {	background-position:0 3px;}
ul.col li.headlinesitems ul li.rssfeed {	background-position:-3600px 3px;}

li.newspaper	{	background-position:-200px 3px;}
li.chart	{	background-position:-400px 3px;}
li.mouse	{	background-position:-600px 3px;}
li.sport	{	background-position:-800px 3px;}
li.camera	{	background-position:-1000px 3px;}
li.eye	{	background-position:-1200px 3px;}
li.film	{	background-position:-1400px 3px;}
li.lightbulb	{	background-position:-1600px 3px;}
li.music	{	background-position:-1800px 3px;}
li.controller	{	background-position:-2000px 3px;}
li.book	{	background-position:-2200px 3px;}
li.dvd	{	background-position:-2400px 3px;}
li.happy	{	background-position:-2600px 3px;}
li.car	{	background-position:-2800px 3px;}
li.computer	{	background-position:-3000px 3px;}
li.heart	{	background-position:-3200px 3px;}
li.cup	{	background-position:-3400px 3px;}

ul.feedoverview {
	list-style-type	: none;
	
}

ul.feedoverview li {
	font-size		: 8pt;
	line-height		: 12pt;
	width			: 200px;
	display			: -moz-inline-stack;
    display			: inline-block;
    vertical-align	: top;
	margin			: 5px 5px 5px 0;
	padding-top		: 3px;
}

ul.feedoverview li span {
	color			: #999;
	font-size		: 7pt;
	display			: block;
	text-align		: right;
	margin-right	: 5px;
}

ul.feedoverview a {
	margin-left		: 20px;
}

div#browserwarning {
	background		: #feffcf url('/img/browser_warning.gif') 10px 10px no-repeat;
	text-align		: left;
	position		: absolute;
	top				: 0;
	left			: 0;
	padding			: 0 10px 0 50px;
	background-color: #feffcf;
	border-bottom	: 1px solid #d85d01;
	z-index			: 1000;
}

div#browserwarning input {
	float			: right;
	margin-top		: 10px;
}

div#browserwarning ul {
	overflow		: auto;
	list-style-type	: none;
	padding			: 0;
	margin-left		: 0;
}

div#browserwarning ul li {
	background-image: url('/img/browsers.gif');
	background-repeat: no-repeat;
	float			: left;
	padding			: 5px 0 0 30px;
	height			: 19px;
	margin-left		: 20px;
}
div#browserwarning li.firefox {background-position: 0 -24px;}
div#browserwarning li.chrome {background-position: 0 -48px;}
div#browserwarning li.opera {background-position: 0 -72px;}
div#browserwarning li.safari {background-position: 0 -96px;}

div#browserwarning a {
	color			: #d85d01;
}

#fsearch {
	float		: right;
	width		: 300px;
	text-align	: center;
}

#fsearch #fqry {
	width		: 100px;
}

#logonoptions_t a,
#smileys_t a {
	padding-left:20px;
	background:url('/img/icons/bullet_arrow_down.png') center left no-repeat;
}

#logonoptions_t a.active,
#smileys_t  a.active{
	background:url('/img/icons/bullet_arrow_up.png') center left no-repeat;
}