﻿/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6,  dl, dt, dd, form, fieldset, a, button
{
	margin: 0;
	padding: 0;
	border: 0;
}

td
{
	text-align: left;
	vertical-align: top;
}

body
{
	text-align: center;
	background-color: #848484;
	background-image: url(Images/bg_tile.gif);
	background-repeat: repeat;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
}


h1, h2, h3, h4, h5, h6
{
	color: #444444;
}


h1
{
	margin-top: 1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2
{
	margin-top: 1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3
{
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4
{
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5
{
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6
{
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p, span, input,  caption, div, select, option
{
	font-size: 9pt;
}

p
{
	margin: 1em 0;
}

a
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}



.txtBox
{
	border: 1px solid #666666;
	font-size: 9pt;
}

.button
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #F3400E;
	font-size: 1em;
	height: 22px;
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}

	
UL, LI, OL	
{
	font-size: 9pt;	
	}	
	
UL LI	
{
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	


.small
{font-size: 7pt;}

.hint
{
	font-size: 8pt;
	color: navy;
}


#wrapper
{
	width: 980px;
	text-align: left;
	
	padding: 0px;
	margin: 0px;
}

#header
{
	/*
	background-image: url(Images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;

	background-color: #e4e4e4;
	*/
	
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
}



#logo
{
	top: 9px;
	left: 9px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 15px;
	width: 250px;
	background-color: #FFFFFF;
}

#banner
{
	margin: 0px;
	text-align: center;
}
#search
{
	text-align: right;
	vertical-align:text-bottom;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
	background-color: #e4e4e4;
}

div.readmore {
	text-align:right;
	font-size:7pt;
	
}

td.ad
{
	text-align: right;
	vertical-align: middle;
	padding-right: 15px;
	height: 80px;
	background-color: #FFFFFF;
	background-image: url(Images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
td.ad_right
{
	
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width:190px;
	background-color: #237AD2;
}

/*************************************************************************************************/
/*************************************************************************************************/


a.LanguageNav
{
	text-decoration: none;
	color: #ffff99;
	font-size: 9pt;
	background-color: transparent;
	font-weight: bold;
}

a.LanguageNav:hover
{
	text-decoration: underline;
}


/*** MAIN NAVIGATION ***/
td.navband
{
	background-image: url(Images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: right;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 15px;
}

td.navband_right
{
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width:190px;
	background-color: #237AD2;
}

.navtools
{
	margin-top: 7px;
}

#mainnav
{
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #4791D9; /*#FC506F;*/
	background-color: #f2f2f2;
	vertical-align: middle;
	text-align: right;
	padding-right: 85px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(Images/mainnav_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 40px;
}
#mainnav .item
{
	padding: 2px 7px;
	border-style: none;
	color: #FFFFFF;
	font-size: 9pt;
	background-color: transparent;
}
* html #mainnav .item {padding:0 5px;height:18px;}
#mainnav .selected {
	color:#FFFFFF;
	font-size:9pt;
	border-bottom: 1px solid #FC506F;
}
#mainnav .hover {
	color:#FFFFFF; 
	font-size:9pt;
	border-bottom: 1px solid #FFFFFF;
}
/* Keep IE from displaying the background images twice.*/
* html #mainnav .selected .selected, * html #mainnav .hover .hover #mainnav .item .item{
	background-image:none; 
	background-color:transparent;
}
.mainnav_right
{
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #4791D9;
	background-color: #f2f2f2;
	vertical-align: middle;
	text-align: right;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(Images/mainnav_right_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	height: 40px;
}
/*** END MAIN NAVIGATION ***/


/*************************************************************************************************/
/*************************************************************************************************/


/*** LEFT COLUMN ***/
#leftcolcontainer
{
	padding-top:0px;
	width: 170px;    /*** Critical left col dimension value ***/
	vertical-align:top;
	text-align:left;
	background-color: #e4e4e4;
}

#leftcolumn
{
	padding-top:0px;
}
* html #leftcolumn {
	padding-top:0px;
}
*>html #leftcolumn {width:151px;}   /*** Fix only for IE/Mac ***/

#subnav
{
	overflow: hidden;
	margin-bottom: 40px;
	color: blue;
}
* html #subnav tr {height:16px;}
#subnav .item {
	padding:2px 7px;
	border-bottom:1px solid #FFFFFF;
	background-color:#E4E4E4; 
	color:#333333; 
	font-size: 8pt;
}
* html #subnav .item
{
	padding: 0 5px;
	font-size: 8pt;
}
#subnav .selected {
	background-color:#F3400E; 
	color:#FFFFFF;
}
#subnav .hover
{
	color: #FFFFFF;
	background-color: #0066cc;
}
#subnav table {border-bottom:1px solid #FFFFFF;}

#subnav table table {border-bottom:none;}
/*** END LEFT COLUMN ***/




/*************************************************************************************************/
/*************************************************************************************************/



/*** CENTERCOLUMN (content of the page) ***/
#centercolcontainer{
	width: 620px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	padding-top:0px;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	background-color: #EFEFEF;
}

#centercolumn
{
	margin: 0px;
	vertical-align: top;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
}

#centercolumn .container {
	margin:0px;
	padding:1px 20px 1px 20px;
	vertical-align:top;
	text-align:left;
}
/* 
#centercolumn .container {
	margin:5px;
	padding:0 20px 15px 20px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
}
*/
/* \*/
* html #centercolumn .container {height:1%;}
/*
#centercolumn img, #rightcolumn img {border:1px solid #0066cc !important;}
*/
#centercolumn .teaser{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}
#centercolumn td, #centercolumn th {padding: 2px 4px;vertical-align:top;
	text-align:left;}
#centercolumn p {text-align:justify}
#centercolumn fieldset {margin:0;padding:10px;border:1px solid #CCCCCC;}
#centercolumn legend {color:#666666;}
* html #centercolumn legend {padding:0.5em;}
#centercolumn .container .button {border-color:#CCCCCC;}
#centercolumn table {border: none;padding: 1px 1px 1px 1px;margin: 0px;}
#centercolumn a.title
{
	margin-top:1em;
	font-weight: bold;
	color: #444444;
	font-size: 12pt;
	text-decoration:none;
}
#centercolumn a:hover.title
{
	margin-top:1em;
	font-weight: bold;
	color: #444444;
	font-size: 12pt;
	text-decoration:none;
}
#centercolumn a {color:#0066cc;text-decoration:none;}
#centercolumn a:hover {color:#0066cc;text-decoration:underline;}


#centercolcontainer a {
	color:#0066cc;
	text-decoration:none;
}

#centercolcontainer a:hover {text-decoration:underline;}
#smPath {color:#0066cc;text-decoration:none;}
#smPath .hover {color:#0066cc;text-decoration:underline;}

/*** END COPY (content of the page) ***/




/*************************************************************************************************/
/*************************************************************************************************/




/*** RIGHT COLUMN ***/
#rightcolumn{
	padding-top:10px;
	vertical-align:top;
}

/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/
#rightcolcontainer{
	padding-top:25px;
	width: 150px;
	vertical-align:top;
	text-align:left;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	background-color: #e4e4e4;
}
/* Lines below are for <asp:TableCell> server side control ***/
td.rightcolcontainer
{
	padding-top:25px;
	width: 150px;
	vertical-align:top;
	text-align:left;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	background-color: #e4e4e4;
}
.sidebarcontainer
{
	margin: 5px;
	padding: 6px;
	background-color: #EFEFEF;
	width: 148px;
	border: #dcdcdc 1px double;
	
}
/* \*/
* html .sidebarcontainer {height:1%;}
/* */

#centercolumn .sidebarcontainer a.sidebartitle, #leftcolcontainer .sidebarcontainer a 
{
	font-weight: bold;
	color: #444444;
	font-size: 7pt;
	text-decoration:none;
}


.sidebarcontainer a {color:#0066cc;}

.sidebarcontainer li {list-style-type:none;}

a.rsstitle
{
	font-weight: bold;
	color: #444444;
	font-size: 8pt;
	text-decoration:none;
}
.rsstext
{
	color: #444444;
	font-size: 7pt;
	text-align:justify;
}
.rsssmall
{
	color: #444444;
	font-size: 6pt;
	text-align:justify;
	font-weight:bold;
}
/* */
/*** END RIGHT COLUMN ***/



#copy .tableevents
{text-align:left;vertical-align:top}
* html .tableevents {text-align:left;vertical-align:top}

#footer {
	clear:both;
	margin:0px;
	padding:5px 0px;
	font-size:0.9em;
	text-align:center;	
	background-color: #e4e4e4;
	border-top: 1px solid #FFFFFF;
}


#footer a {
	margin:1px 5px;
	color:#FF284E;
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}

.inquiry {font-size:8pt;}
* html .inquiry {font-size:8pt;}



@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}	
	    
	#footer{	
		position:static;
		border-style:none !important;
		border-top:1px solid #000000;
	}
}



/* FacebookShare*/
.FacebookShare
{
	width: 14px;
	height: 14px;
	line-height: 140%;
	top: 0px;
	left: 0px;
	background-image: url(images/sprite.gif);
	background-position: 0px -72px;
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}
.SvejoShare
{
	width: 14px;
	height: 14px;
	line-height: 140%;
	top: 0px;
	left: 0px;
	background-image: url(images/sprite.gif);
	background-position: 0px -110px;
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

.TwitterShare
{
	width: 14px;
	height: 14px;
	line-height: 140%;
	top: 0px;
	left: 0px;
	background-image: url(images/sprite.gif);
	background-position: -25px -110px;
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

.div_event_tags
{font-size: 7pt;height:18px;}
