/* =====================================================
Imported style sheets
===================================================== */
@import url(editor.css); 	/* For use in n3admin editor */
@import url(templates.css); /* Templates style */

/* =====================================================
Global
===================================================== */
* {
	margin:				0;
	padding:			0;
}
html, body {
	background:			#e7e8ec url(../i/bg.gif) repeat-x;
}
body {
	margin:				14px 0 14px 32px;
}
img {
	border:				0;
}
div
{
	background-color:	#fff;
}

/* =====================================================
Establish general layout parameters
===================================================== */
#wrapper {
	width:				775px;
	float:				left;
}
#banner {
	position:			absolute;
	left:				816px;
	top:				15px;
	background:			transparent;
}
#main {
	width:				775px;
	background:			#fff;
	padding:			14px 14px 0 14px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				747px;
}
html>#main {
	width:				747px;
}

/* =====================================================
Header
===================================================== */
.linkHeaderImage, .linkHeaderImage:hover {
	border:				0;
}

/* =====================================================
Main navigation
===================================================== */
#headerNavBG {
	background:			url(../i/mbg.gif);
	width:				775px;
	height:				50px;
}
#navlist {
	width:				755px;
	height:				36px;
	background:			url(../i/bgloop.gif);
	float:				left;
	margin:				4px 0 0 6px;
}
#navlist ul
{
	background:			url(../i/bgloop.gif);
	float:				left;
	list-style-type:	none;
	width:				100%;
}
#navlist li {
	display:			inline;
}
#navlist li a {
	font-family:		Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size:			100%;
	border:				0;
	color:				#000;
	float:				left;
	font-weight:		normal;
	padding:			10px 8px 10px 8px;
	text-decoration:	none;
	text-transform:		uppercase;
}
#navlist li a:hover {
	border:				0;
	text-decoration:	underline;
	background:			url(../i/bgloop.gif) #FEC746;
}
#navlist li a.clicked {
	background:			url(../i/bgloop.gif) #FEC746;
	border:				0;
	font-weight:		bold;
	text-decoration:	none;
}

/* =====================================================
Sub navigation
===================================================== */
#subNav {
	width:				195px;
	float:				left;
}
#subNav .subheader {
	font-family:		"Trebuchet MS", Tahoma, Arial, helvetica, sans-serif;
	font-size:			135%;
	font-weight:		bold;
	vertical-align:		bottom;
	border-left:		10px #012E8B solid;
	padding-left:		5px;
	margin-bottom:		10px;
	list-style:			none;
}
#subNav .subnav
{
	list-style:			none;
	margin-left:		15px;
}
#subNav li {
	padding:			2px 0px 2px 0px;
}
#subNav .subnav li {
	display:			block;
	border-top:			1px solid #f0f0f0;
}
#subNav li a {
	font-family:		Arial, Tahoma, Verdana, helvetica, sans-serif;
	font-size:			100%;
	font-weight:		normal;
	text-decoration:	none;
	border:				0;
}
#subNav li a:hover {
	text-decoration:	underline;
	background:			transparent;
}
#subNav li a.clicked {
	font-weight:		bold;
	text-decoration:	none;
}
#subNav li a.clicked:hover {
	text-decoration:	underline;
}
#subNav .subsubnav
{
	margin-left:		20px;	
	list-style:			url(../i/bullet.gif);
}
#subNav .subsubnav li {
	display:			block;
	border-top:			0;
}
/* =====================================================
Campaign
===================================================== */
.area {
	float:				left;
}
.area h1
{
	font-family:		"Trebuchet MS", Tahoma, Arial;
	font-size:			150%;
	vertical-align:		bottom;
}
.areaDot h1 {
	/*border-left:		10px #012E8B solid;*/
	border-left:		10px #FEC746 solid;
	padding-left:		5px;
}
#campaign1
{
	width:				100%;
	padding-left:		15px;
}
#campaign2
{
	width:				100%;
	padding-top:		15px;
	padding-left:		15px;
}
#campaign3
{
	width:				100%;
	padding-top:		15px;
	padding-left:		15px;
}
#federationnews
{
	padding-top:		15px;
	width:				210px;
}
#federationnewssub
{
	width:				210px;
}
#search
{
	padding:			15px 0;
	width:				210px;
}
.clear {
	clear:				both;
}
#mainleft
{
	float:				left;
	width:				442px;
}
#mainright
{
	float:				left;
	width:				288px;
}
#mainleftsub
{
	float:				left;
	width:				210px;
}
#mainrightsub
{
	float:				left;
	width:				500px;
	padding:			15px;
	padding-top:		0;
}
#mainleftleft
{
	width:				225px;
	float:				left;
}
#mainleftright
{
	width:				210px;
	float:				left;
}
/* =====================================================
Content
===================================================== */
#container {
	margin:				35px 20px 30px 35px;
	float:				left;
	width:				460px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				475px;
}
html>#container {
	width:				475px;
}
.meta {
	clear:				both;
	margin-top:			2em;
}
.printlink, .backlink {
	border-left:		1px solid #000;
	padding-left:		0.4em;
}
.newsentry {
	margin-bottom:		3em;
}
.newsentry small {
	color:				#979797;
}
.newsentry h1 {
	border:				0;
	padding:			0;
	margin:				0;
	font-size:			130%;
}
#fednewslist {
	list-style:			none;
	line-height:		100%;
}
.newsdate {
	color:				#999;
}
.newsitem a:hover {
	text-decoration:	underline;
}
.newslinks {
	margin-top:			1em;
	line-height:		100%;
	text-align:			right;
	margin-right:		15px;
	margin-bottom:		15px;
}
#linknewslist, #archivenewslinks {
	list-style:			none;
	clear:				both;
}
#linknewslist li {
	list-style:			none;
}
/* =====================================================
Footer
===================================================== */
#footer
{
	background: 		url(../i/fbg.jpg) no-repeat bottom;
	color:				#9A9A9A;
	padding:			10px 15px;
	border-top:			1px solid #f0f0f0;
}
#footer p
{
	font-size:			90%;
}
#footerleft {
	float:				left;
}
#footerright {
	float:				right;
}
/* =====================================================
Search
===================================================== */
.searchresult {
	list-style:			none;
}
.divSearchClubs, .divSearchNewsCategoryContent, .divSearchFullPageContent {
	margin-bottom:		2em;
}
.listDepartments {
	list-style:			none;
}
/* =====================================================
Personnell
===================================================== */
.tblPersonnell {
	padding:			0;
	margin:				0;
}
.tblPersonnell td {
	padding:			3px;
	vertical-align:		top;
}
.tblPersonnell caption {
	font-family:		"Trebuchet MS",Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;
	font-size:			150%;
	font-weight:		bold;
	text-align:			left;
	padding-top:		20px;
	padding-left:		4px;
}
.tblPersonnell th {
	font-weight:		bold;
	text-align:			left;
	padding-left:		3px;
}
.evenRow
{
	background-color:	#f0f0f0;
}
.tdPersonnellName {
	width:				340px;
}
.tdPersonnellEmail {
	text-align:			center;
}
.tdPersonnellPhone {
	width:				100px;
}
.tblPersonnellPopup {
	height:				100%;
	width:				100%;
	background-color:	#fff;
}
/* =====================================================
Forms
===================================================== */
.submitButton {
	text-align:			center;
	border:				1px solid #D0CAA9;
	background:			#F9F7EF;
}
input, textarea, select {
	margin:				2px 0;
}
#xStr {
	width:				180px;
}
#imgAnnons {
	padding:			3px 0;
}
/* =====================================================
Poll
===================================================== */
#poll {
	margin-top:			2em;
	padding-bottom:		2em;
}
#tblPrevPolls td {
	width:				100%;
}
#tblPrevPolls td {
	vertical-align:		top;
	width:				45%;
}
#tblPrevPolls td.spacer {
	width:				10%;
}
#tblPrevPolls h3 {
	font-size:			110%;
	margin:				0.5em 0;
}
#tblPrevPolls h4, #poll h4 {
	font-size:			100%;
	font-weight:		normal;
}
.tblPollValue {
	width:				100%;
}
.tblPollValue td {
	vertical-align:		middle;
}
.tblPollValue .tdPollPercent {
	width:				100px;
	background:			#f0f0f0;
}
.tblPollValue .tdPollValue {
	width:				50px;
	background:			#fff;
}
.divPollPercent {
	background:			#616E79;
	height:				15px;
}
