@charset "UTF-8";/* CSS for iatse487.org iatse487three by Kristina M. Kilpe *//*The BASICS*/a:link, a:visited{	color: #23598C;	text-decoration: none;}a:hover, a:active{	color: black;}img{	border: none;}td{	text-align:left;}/*Hidden Items*/.hidden{	display: none;}/*MAIN Structure*/body{	color: #3E3E3E;	font-size: 11px;	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;	background-color: #91A0AE;	padding: 0px;	text-align: left;	margin: 0px;}#extras{float:right;width:120px;margin:0px 0px 10px 0;padding:0;font-size:0.9em;line-height:1.5em;}#extras p{margin:0px 0px 1.5em 0;}.tableheader {	height: 195px;	width: 100%;}.hnavmenu {	position: relative;	width: 100%;	margin: 0px 0px 0px 0;	text-align: center;}#tinynav{	margin-top: 15px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 0px;	top: 0px;	right: 0px;	clear: both;	float: right;	text-align: center;}.tinynav{	background-image: url(images/tinynavbg.png);	padding-top: 2px;	padding-right: 10px;	padding-bottom: 6px;	padding-left: 10px;	}.tinynav a {	color: #FFF;	font-weight: bold;	font-variant: small-caps;	text-align: right;	font-size: 1.4em;	word-spacing: 1em;}.tinynav a:hover {	color: #F93;}.gototop {	font-weight: bold;	font-variant: small-caps;	text-align: center;	padding-top: 12px;}/*No-javascript warning*/#jswarning {	border: outset;	padding: 2px 15px 20px 0px;	background-color: #F3B0B2;	color: #000000;	text-align : center;	font-size: 12px;	font-weight: bold;	padding: 18px 15px 20px;	position: relative;	width: 60%;	margin-top: 8px;	margin-bottom: 8px;}.jswarning {	border: outset;	padding: 2px 15px 20px 0px;	background-color: #F3B0B2;	color: #000000;	text-align : center;	font-size: 12px;	font-weight: bold;	padding: 18px 15px 20px;	position: relative;	width: 60%;	margin-top: 8px;	margin-bottom: 8px;}#centerjswarn {	position: relative;	left: 20%;	right: 20%;}/*CONTAINER*/#container{	float: left;	width: 100%;}.content{	position:relative;	margin:0;	background-color: #06F;}#wrapper1 {	position:relative;	margin-left: auto;	margin-right: auto;	width:1020px;	/*	background:#30C right top;*/	}	#dumbiewrapperelement {    position: relative;    height: 1%;}#wrapper2 {	position:relative;	text-align:left;	width:100%;	}#maincol {	position:relative;		float: left;	/*background-color: #FAFAFA;*/	width: 1020px;	background-image: url(images/487fivecontainerbg2.png);	background-repeat: repeat;	/*	border-bottom-width: 3px;	border-left-width: 3px;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #5A6470;	border-left-color: #5A6470;*/	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	}	.maincol {	position:relative;	/*margin-left: auto;  margin-right: auto;*/		text-align: left;	width: 100%;	}	#leftcol {	position:relative;	/*	top:-10px;	left:-10px;*/	float:left;	width:190px;  /*actual value*/	margin:0px 0px -10px;	padding:10px;	/*	background:#999;*/	z-index:199;	background-color: #999999;	background-image: url(images/FlagComp4.png);	background-repeat: no-repeat;	background-position: -1px 0px;/*	background-image: url(images/FlagComp2.png);	background-repeat: no-repeat;	background-position: -1px -28px;*/	}	#welcomemsg_wrapper{	width: 90%;	text-align: center;	margin-right: auto;	margin-left: auto;	clear: both;}	.welcomemsg{	font-size: 1.4em;	font-weight: normal;	color: #0D0E46;	padding: 4px 8px;	text-indent: 50px;	text-align: justify;	/*margin-right: auto;	margin-left: auto;*/}.welcomemsgsticky{	/*background: url(images/StickyAlert.png) no-repeat 0px -15px;	z-index: 10;*/	position: absolute;	float: left;	padding-top: 2px;	padding-right: 6px;	padding-bottom: 2px;	padding-left: 2px;	left: 6px;	top: 2px;}.welcomemsgsticky2{	/*background: url(images/StickyAlert.png) no-repeat 0px -15px;	z-index: 10;*/	position: absolute;	float: left;	padding-top: 2px;	padding-right: 6px;	padding-bottom: 2px;	padding-left: 2px;	left: -4px;	top: -10px;}.welcomemsg_caption{	padding: 4px 8px;	font-size: 1.6em;	font-weight: bold;	color: #C30000;/*	float: right;	position: relative;*/	/*margin-right: auto;	margin-left: auto;*/	/*clear: left;*/}.wmbody{	width: 100%;	background: #E2EDF0;	-moz-border-radius: 0px 0px 4px 4px;	-webkit-border-radius: 0px 0px 4px 4px;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #91A2AC;	border-left-color: #C4D2E0;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-right-style: solid;	border-right-color: #96A1AC;	position: relative;	z-index: 140;	border-top-style: solid;	border-top-color: #C4D2E0;	padding: 4px;	margin-top: 5px;	margin-bottom: 8px;	}.wmcaption{	width: 100%;	/*background: #E2EDF0 url(images/horizspacer.gif) top no-repeat; */	background: #C4CFD1;	/*padding:9px 4px 2px;*/	-moz-border-radius: 4px 4px 0px 0px;	-webkit-border-radius: 4px 4px 0px 0px;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-top-style: solid;	border-right-style: solid;	border-top-color: #C4D2E0;	border-right-color: #96A1AC;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-left-color: #C4D2E0;	border-left-style: solid;	position: relative;	z-index: 130;	/*margin-right: auto;	margin-left: auto;*/}#rightcol {	position:relative;	float:right;	width:196px;	margin:0px 18px 0px 3px;	padding:5px 7px 5px 5px;	background:#1E2A35;	z-index:99;	height: 100%;	}#centercol {	position:relative;	padding:15px 220px 0px 0px;	}	#centercol_full{	position:relative;	padding:0px 240px 0px 15px;	}	#belowheader{	margin-bottom: 10px;	margin-left: auto;  	margin-right: auto;	/*	padding: 10px;*/	position: relative;/*	top: 188px;	background-color: #FFF;*/	text-align: center;}.belowheader{	/*	position: absolute;*/	/*top: 212px;*/	/*background: #FFFFFF url(images/blue487bg.gif) repeat;*/	width: 100%;	min-width: 860px;	text-align: center;	/*padding-bottom: 100px;*/}#sidebar1{	text-align: left;	position:relative;	top:-10px;	left:-10px;	float:left;	width: 188px;  /* for IE5/WIN */	voice-family: "\"}\"";	voice-family:inherit;	width:200px; /* actual value */	margin:0px 0px -10px 0;	padding:10px;	z-index:100;}#sidebar2{	text-align: left;	position:relative;	float:right;	margin-right: auto;	margin-left: auto;}#top_left_menu{	width: 175px;	float: left;	padding: 20px 0;	text-align: left;	position: absolute;	top: 10px;	margin-right: auto;	margin-left: auto;}.top_left_menu_container {	border-collapse: collapse;	border-spacing: 0px;	width: 170px;	float: left;	padding: 20px 0;	position: absolute;	left: 0px;	top: 188px;	}.top_left_menu {	background-color: #fff;	font-weight: bold;	padding: 8px 5px;	width: 175px;	font-size: 1.1em;	margin-top: 2px;	margin-bottom: 12px;	text-align: center;	vertical-align: middle;}/*.top_left_menu a {	color: #fff;}.top_left_menu a:hover {	color: #ddd;}*/.bottom_right_menu_caption {	padding-bottom: 10px;	font-size: 1.3em;}.bottom_right_menu_container {	border-collapse: collapse;	border-spacing: 0px;	width: 178px;	position: relative;	margin-left:auto;	margin-right:auto;}.bottom_right_menu {	background-color: #fff;	font-weight: bold;	padding: 4px 3px;	font-size: 1.1em;	margin-top: 2px;	margin-bottom: 12px;	margin-left:auto;	margin-right:auto;	text-align: center;	vertical-align: middle;}.bottom_right_menu_caption {	padding-bottom: 10px;	font-size: 1.3em;}.bottom_left_menu_area {	vertical-align: top;	padding-bottom: 10px;}.menu_caption {	border-bottom: 1px solid #222;	font-size: 12px;}.menu_container {	width: 160px;	border-collapse: collapse;	border-spacing: 0px;}.menu_inner_container {	padding: 10px 7px;}#bottommenu{	margin-right: 210px;	margin: auto;	padding: 20px 0px 0;	float: left;	overflow: hidden;}#footermenu {	background-color: #F00;}/*#footer{	width: 798px;	margin: auto;	padding: 20px 0px 0;	background: url(images/footer_487.png) top no-repeat;	height: 248px;}Taken out for Andreas sample along with Header*//* Theme Specific Classes: Paperclipped Notes Menu */.paperclip_container {	text-align: center;	width: 160px;	margin-left: auto;	margin-right: auto;}.paperclip_inner_container {	border-collapse: collapse;	border-spacing: 0px;	width: 130px;	height: 175px;}.paperclip_caption {	padding: 6px 0px;	text-align: right;}.paperclip {	font-weight: bold;	font-size: 12px;	padding: 34px 20px 0px 20px;	text-align: left;	background-image: url(images/paperclip.png);	background-repeat: no-repeat;	background-position: top center;	margin-bottom: 5px;	vertical-align: top;}/* Theme Specific Classes: Righthand Steelbox */#steelbox{	overflow: hidden;	position: absolute;	top: 30px;	float: right;	right: 2px;}.steelbox_container {	text-align: center;	margin-bottom: 9px;	margin-top: 7px;	width: 200px;	margin-left: auto;	margin-right: auto;/*	font-weight: bold;	font-size: 12px;*/}.steelbox_top {	background-image: url(images/steelboxtop.gif);	background-repeat: no-repeat;	background-position: center top;}.steelbox_back {	text-align: left;	background-image: url(images/steelboxbg.gif);	background-repeat: repeat-y;	background-position: center;	width: 190px;	margin-left: auto;	margin-right: auto;}.steelbox_bottom {	background-image: url(images/steelboxbottom.gif);	background-repeat: no-repeat;	background-position: center bottom;	padding: 12px 7px;}.steelbox_caption {	padding-bottom: 5px;	font-size: 1.2em;	font-weight: bold;}.steelbox_caption_float {	padding-bottom: 9px;	font-size: 1.2em;	font-weight: bold;	padding-right: 4px;	margin-right: 4px;	position: relative;}.bugfloat{	float: left;	margin:0px 8px 2px 4px;	padding-right: 8px;}/* Theme Specific Classes: Centermenu Steelbox */#centersteelbox{	overflow: hidden;	position: absolute;	top: 30px;	right: 2px;}.centersteelbox_container {	text-align: center;	margin-bottom: 9px;	margin-top: 7px;	width: 100%;	margin-left: auto;	margin-right: auto;	font-weight: bold;	font-size: 1em;}.centersteelbox_top {	background-image: url(images/centersteelboxtop.png);	background-repeat: no-repeat;	background-position: center top;}.centersteelbox_back {	text-align: left;	background-image: url(images/centersteelboxbg.png);	width: 100%;	margin-left: auto;	margin-right: auto;	background-repeat: repeat-y;	background-position: center;}.centersteelbox_overlap {	text-align: left;	background-image: url(images/centersteelboxbg.png);	width: 100%;	margin-left: auto;	margin-right: auto;	background-repeat: repeat-y;	background-position: center -25px;}.centersteelbox_bottom {	background-image: url(images/centersteelboxbottom.png);	padding: 12px 7px;	background-repeat: no-repeat;	background-position: center bottom;}.centersteelbox_caption {	padding-bottom: 5px;	font-size: 1.5em;}/* The container - custom page layout. resize adjustments for full screen */#container_full{	/* width: 100%; */	float: left;	margin-right: 0px; 	/* -230px */	width: 100%;}.iacontentpage{	float: left;	margin-right: 35px;	width: 100%;	margin-left: auto;}#content_full{	/* margin-right: 230px; */	padding: 25px 0;}#sidebar_full{	width: 230px;	float: right;	padding: 25px 0;	text-align: left;	display:none;}/*Credits part is where the copyrights/xhtml/css validation stuff will be*/#credits{	font-size: 10px;	text-align: center;	color: #535C63;	padding-top: 20px;}#credits a:link, #credits a:visited{	color: #858EA9;}#credits a:hover, #credits a:active{	color: #AFBCC5;}/*Ignore this*/.clearing{	height: 0;	clear: both;}.clearsteel{	clear: both;}.smalltext{	color:#646B73;}#bodywrapper .smalltext{	color:#000;}/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*//*#header h1{	position: absolute;	top: 4px;	left: 24px;	height:20px;	font-size: 16px;	line-height: 20px;	margin: 0;	text-indent: 35px;}*//*THE NAVIGATION - More detailed stuff in NAVIGATION LINKS section*//*#navigation{	font-size: 11px;	width: auto;	height: 30px;	position: absolute;	top: 173px;	left: 160px;}*//*#flatnav{	color: #4E4E4E;	width: auto;	height: 20px;	line-height: 20px;	background: url(images/horiznavBG.png) repeat-x center center;	padding: 5 8;	margin-top: 12px;	margin-right: 0px;	margin-bottom: 12px;	margin-left: 0px;}*/#navigation ul{	list-style: none;	padding: 0;	margin: 0;}#navigation li{	background: none; 	display: inline;}/*  THE DEFAULT HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/h2{	color: #3E565F;	margin: 0px 0px 3px 0;	font-size: 16px;	/*height: 23px;*/	margin: 0px 0px 5px 0;}.h3nobullet {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	color: #3E565F;	margin: 0px 0px 8px 0;}h3{	color: #3E565F;	margin: 0px 0px 8px 0;	font-size: 14px;}h4{	font-size: 11px;}/*Sub structure - To create the margins of the body (where text will be placed)*/.contentdiv{	margin: 0px 15px 0px 22px;}.sidebardiv{	margin: 0px 22px 0px 15px;}.bottommenudiv{	margin: 0px 22px 0px 15px;}#dumbieonlycontainer{	padding: 5px 5px 5px 20px;	width: 94%;	float: left;	margin: 0px}#dumbiehnav{	background: #91A0AE url(images/horiznavBG.png) repeat-x;	padding: 10px 5px 6px;	text-align: left;	border: 1px solid #a2a2a2;	position: relative;	/*width: 1800px;*/	left: -10px;}.dumbiehnav{	background: #91A0AE url(images/horiznavBG.png);	padding: 10px 5px 6px;	text-align: left;	border: 1px solid #a2a2a2;	position: relative;	width: 1800px;	left: -10px;	overflow: hidden;}.dumbiehnavinner{	margin: 0px;}/* THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR */.contentbody{	margin: 0;	padding: 0px 0px 0px 0;	text-align: justify;}.sidebarbody{	margin: 0px 0px 20px 0;	padding: 0;}.centermenubody{	margin: 10px 25px 20px 25px;	padding: 0 5;	width: 96%;}/* THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS *//* Note that it doesn't have any styling, but it's here in case you want to add some styles */.sidebarin{	padding: 0;	margin: 0;	width: 180px;}.sidebarin2{	padding: 0;	margin: 0;	width: 170px;}/*MAIN TITLES*/h2{	/*height: 23px;*/	text-indent: 45px;	margin: 0px 0px 5px 0;	background: url(images/menubullet.gif) no-repeat;}/*You can remove all parts here if you do not wish to use images as your main titles*/h2.news{	text-indent: -9999px;	/*	background: url(images/menunews.png) no-repeat;*/}h2.comment{	text-indent: -9999px;	background: url(images/01_m_comment.gif) no-repeat;}/* THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT) *//* You can create different image on your on, but only if you know what you're doing should you edit this part *//*.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{	background: url(images/01_quote.gif) 0px 3px no-repeat;}*//* comments page is special */.divcomment{ 	margin: 0;	/* padding: 0px 0px 30px 43px;	text-align: justify;	background: url(images/01_quote.gif) 0px 3px no-repeat; */}/* content pages */.divcontent .contentbody{	margin: 0;	padding: 0px 0px 30px 25px;	text-align: justify;	/* background: url(images/01_quote.gif) 0px 3px no-repeat; */}.divcontent_manager .contentbody{	margin: 0;	text-align: justify;	padding: 0px 0px 30px 43px;	text-align: justify;	/* background: url(images/01_quote.gif) 0px 3px no-repeat; */}.contentcathead{	font-size: 1.2em;	font-weight: bold;}/* special e107 page */.divcvs .contentbody{	margin: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	 background: url(images/01_cvs.gif) 0px 3px no-repeat; */}/* downloads */.divdownload .contentbody{	margin: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	 background: url(images/01_download.gif) 0px 3px no-repeat; */}/* forums */.divforum .contentbody{	margin: 0;	/* padding: 0px 0px 10px 10px; */	text-align: justify;	/* background: url(images/01_forum.gif) 0px 3px no-repeat; */}.divforum_viewforum .contentbody{	margin: 0;	/* padding: 0px 0px 10px 10px; */	text-align: justify;	/* background: url(images/01_forum.gif) 0px 3px no-repeat; */}.divforum_viewtopic .contentbody{	margin: 0;	/* padding: 0px 0px 10px 10px; */	text-align: justify;	/* background: url(images/01_forum.gif) 0px 3px no-repeat; */}/* links */.divlinks .contentbody{	margin: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	background: url(images/01_quote.gif) 0px 3px no-repeat; */}.divnews .contentbody{	/*background: #FFF url(images/paperclip7.png) no-repeat 5px 4px;*/	/*	margin: 6px;*/	/*padding: 4px 10px 20px;*/	text-align: left;	border-bottom-width: .2em;	border-bottom-style: solid;	border-bottom-color: #DEE6E5;	text-indent: 20px;	margin-top: 6px;	margin-bottom: 16px;	background-color: #FFF;	margin-right: 4px;	margin-left: 4px;	padding-right: 3px;	padding-left: 3px;}.newscontainer{	background-color: #FFF;}.newsfont{	font-size: 1em;}.divsubmitnews .contentbody{	margin: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	background: url(images/01_quote.gif) 0px 3px no-repeat; */}/* user pages */.divuser .contentbody{	margin: 0;	padding: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	background: url(images/01_quote.gif) 0px 3px no-repeat; */}.divusersettings .contentbody{	margin: 0;	text-align: justify;	/* padding: 0px 0px 30px 43px;	text-align: justify;	background: url(images/01_quote.gif) 0px 3px no-repeat; */}/* Add comment form's background */.divaddcomment .contentbody{	/* background: url(images/01_quote3.gif) 0px 3px no-repeat; */}/*MORE DETAILED STUFF - Item details of your blog items */.itemdetails{	text-align: right;	padding: 5px 0px 5px;	background: url(images/hdot2.gif) top repeat-x;	/*margin-left: 30px;*/	/*margin-right: 35px;*/}/* used in the newsstyle */ .tablerender {	margin-bottom: 12px;}/* used in the newsstyle */ /* Posted by */.item1{	padding: 0px 0px 0px 10px;	margin: 0px 0px 6px 2px;	background: url(images/01_item1.gif) no-repeat;	font-size: 10px;	font-style: italic;}/* Category */.item2{	padding: 0px 0px 0px 10px;	margin: 0px 0px 4px 2px;	background: url(images/01_item2.gif) no-repeat;	font-size: 10px;	font-style: italic;}/* Comments */.item3{	padding: 0px 0px 0px 15px;	margin: 0px 0px 0px 12px;	background: url(images/01_item3.gif) 0px 3px no-repeat;}.item4{	font-size: 10px;	padding: 0px 0px 0px 15px;	margin: 0px 0px 0px 12px;}.item5{	padding: 0px 0px 0px 15px;	margin: 0px 0px 0px 12px;}/*FORM STYLING*/form{	margin: 0;	text-align: center;}form p{	padding: 1em;	text-align: left;}/*Styling for all form fields*//*Form fields on focus effect (when user click on that input field)*/.formfield:focus{	border: 1px solid black;}/*Form's buttons*/.formbutton{	font-size: 11px;	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;	margin: 1px 0px 0px 0;	padding: 1px 10px;	color: #494949;	background: white;	border-top: 1px solid #D4D2CF;	border-left: 1px solid #D4D2CF;	border-bottom: 1px solid #868686;	border-right: 1px solid #868686;}/* Don't show textarea scrollbar on IE */textarea{	overflow: scroll;}/* STYLING OF MENU TITLES */h3{   /* default styleing for menu items, do not remove */	height: 23px;	text-indent: 22px;	margin: 0px 0px 2px 0;	background: url(images/altbullet2.png) no-repeat;	background-position: 0px -1px;}h3.news{ /* remove background image from h3 in news posts */	background: #EFF5F4 url(images/paperclip7.png) no-repeat 5px 4px;	font-variant: small-caps;	font-size: 1.8em;	font-weight: bold;	font-family: Helvetica, Arial, Tahoma, sans-serif;	padding: 10px 0px 6px 16px;	margin-right: -10px;	margin-left: -10px;}/* You can remove all parts here if you do not wish to use images as your side titles */h3.about {	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/menuabout.png) no-repeat;}h3.login{	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/menulogin.png) no-repeat;}h3.categories {	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/menucategories.png) no-repeat;}h3.search{	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/menusearch.png) no-repeat;}h3.links{	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/01_s_links.gif) no-repeat;}h3.online {	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/menuonline.png) no-repeat;}h3.chatbox {	height: 23px;	text-indent: -9999px;	margin: 0px 0px 2px 0;	background: url(images/01_s_chatbox.gif) no-repeat;}.compliance{}/* Sidbar menu content styles */.defaultform{	width: 180px;	background: #E2EDF0;	padding:4px;	-moz-border-radius: 0px 0px 4px 4px;	-webkit-border-radius: 0px 0px 4px 4px;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #91A2AC;	border-left-color: #C4D2E0;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-right-style: solid;	border-right-color: #96A1AC;	font-size: 1.1em;	}	.defaultform2{	width: 170px;	background: #E2EDF0;	padding:4px;	-moz-border-radius: 0px 0px 4px 4px;	-webkit-border-radius: 0px 0px 4px 4px;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #91A2AC;	border-left-color: #C4D2E0;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-right-style: solid;	border-right-color: #96A1AC;	margin-right: auto;	margin-left: auto;	font-size: 1.1em;	}.defaultform3{	width: 170px;	background: #E2EDF0;	padding:4px;	-moz-border-radius: 4px 4px 4px 4px;	-webkit-border-radius: 4px 4px 4px 4px;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #91A2AC;	border-left-color: #C4D2E0;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-right-style: solid;	border-right-color: #96A1AC;	margin-right: auto;	margin-left: auto;	font-size: 1.1em;	}.defaultform4{	width: 100%;	background: #E2EDF0;	padding:4px;	margin-right: auto;	margin-left: auto;	text-align:left;	-moz-border-radius: 0px 0px 4px 4px;	-webkit-border-radius: 0px 0px 4px 4px;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-bottom-style: solid;	border-left-style: solid;	border-bottom-color: #91A2AC;	border-left-color: #C4D2E0;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-right-style: solid;	border-right-color: #96A1AC;	}.sidebarcaption{	width: 180px;	background: #C4CFD1;	padding:9px 4px 2px;	-moz-border-radius: 4px 4px 0px 0px;	-webkit-border-radius: 4px 4px 0px 0px;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-top-style: solid;	border-right-style: solid;	border-top-color: #C4D2E0;	border-right-color: #96A1AC;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-left-color: #C4D2E0;	border-left-style: solid;	font-size: 1.3em;}.centermenucaption{	width: 100%;	text-align:left;	background: #C4CFD1;	padding:9px 6px 2px 2px;	margin-right: auto;	margin-left: auto;	-moz-border-radius: 4px 4px 0px 0px;	-webkit-border-radius: 4px 4px 0px 0px;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-top-style: solid;	border-right-style: solid;	border-top-color: #C4D2E0;	border-right-color: #96A1AC;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-left-color: #C4D2E0;	border-left-style: solid;	font-size: 1.3em;}.sidebarcaption2{	width: 170px;	background: #C4CFD1;	padding:9px 4px 2px;	-moz-border-radius: 4px 4px 0px 0px;	-webkit-border-radius: 4px 4px 0px 0px;	border-top-width: 0.2em;	border-right-width: 0.2em;	border-top-style: solid;	border-right-style: solid;	border-top-color: #C4D2E0;	border-right-color: #96A1AC;	border-bottom-width: 0.2em;	border-left-width: 0.2em;	border-left-color: #C4D2E0;	border-left-style: solid;	margin-right: auto;	margin-left: auto;}/*THE LIST STYLES*/ul{	list-style: none;	padding: 0;	margin: 0;}#content li{	padding: 0 0 0 9px;	margin: 0 0 3px 0;	background: url(images/bullet9.png) 0 3px no-repeat;}/*THE SEARCH HIGHLIGHT*/.highlight{	font-weight: bold;	text-decoration: underline;}#menu {	clear: both;	border-right: #777 1px solid;	border-top: #777 1px solid;	font-size: 9px;	background: #91A0AE url(images/horiznavBG.png) top;	border-left: medium none;	border-bottom: #777 1px solid;	height: 20px}#menu ul {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none}ul.nobullets {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none}.jsmenu ul {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none}#menu li {	padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 9%; padding-top: 0px; height: 20px}#menu a {	display: block;	background: url(images/horiznavBG.png) #eee;	border-left: #7e7e7e 1px solid;	width: 100%;	color: #000;	line-height: 20px;	height: 30px;	text-align: center;	text-decoration: none}#menu a span {	display: block; border-left: #fff 1px solid; width: 100%; height: 20px}#menu a:hover {	background-position: 100% -36px; cursor: pointer; background-color: #ddd}#menu a.selected {	background-position: 100% -36px; cursor: pointer; background-color: #ddd}.hide {	display: none}#sub span {	display: none}li#home {	width: 11%}li#news {	width: 11%}li#forum {	width: 11%}li#admin span {	border-right: #7e7e7e 1px solid}li#empty {	border-left: #7e7e7e 1px solid}li#admin {	background-color: red}.jsmenu {	border-right: #555 1px solid; padding-right: 1px; border-top: #555 1px solid; display: none; padding-left: 1px; padding-bottom: 1px; border-left: #555 1px solid; padding-top: 1px; border-bottom: #555 1px solid; position: absolute; top: 30px; background-color: #fff}.jsmenu li {	font-size: 10px; margin: 0px; border-bottom: #fff 1px solid; font-family: verdana,sans-serif}.jsmenu li.separator {	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; line-height: 1px; padding-top: 0px; height: 1px; background-color: #fff}.jsmenu li a {	border-right: #aaa 1px solid; padding-right: 2px; border-top: #aaa 1px solid; display: block; padding-left: 6px; padding-bottom: 2px; border-left: #aaa 1px solid; color: #000; padding-top: 1px; border-bottom: #aaa 1px solid; text-decoration: none}.jsmenu a:hover {	background: #afafaf}ul, ol {	margin-top: 0;	margin-bottom: 0;}.linkspage_button{	border:0px;}.menubody {	background-image: url(images/horiznavBGdown.png);	width: 200px;	background-repeat: repeat-y;}.menubottom {	background-image: url(images/menubottom.png);	width: 200px;	height: 7px;	background-repeat: no-repeat;}/*END NAVIGATION LINKS*//*Nice Titles*/.nicetitle {	font-weight: bold;	color: #3C3C3C;	text-align: left;	position: absolute;	left: 0;	top: 0;	width: 25em;	z-index: 20;	max-width: 50%;}.nicetitle-content{	overflow: hidden;	background: white;	border: 1px solid #333;	padding: 5px;}.nicetitle p{	margin: 0;	line-height: 120%;}.nicetitle p.destination {	font-weight: normal;	font-size: 10px;	color: #466677;}div.nicetitle p span.accesskey {	color: #FF7200;}/* e107 core style */.tbox, .helpbox{	/* width: 80%; */	font-size: 11px;	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;	margin: 0px 0px 2px 0;	color: #494949;	border-top: 1px solid #868686;	border-left: 1px solid #868686;	border-bottom: 1px solid #D4D2CF;	border-right: 1px solid #D4D2CF;}.radio{	padding-right: 3px;	line-height: 1.2em;}.button{	font-size: 11px;	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;	margin: 1px 0px 0px 0;	padding: 1px 10px;	color: #494949;	background: white;	border-top: 1px solid #D4D2CF;	border-left: 1px solid #D4D2CF;	border-bottom: 1px solid #868686;	border-right: 1px solid #868686;}#commentform .tbox, #commentform .helpbox{	/* width: 400px; 	background-color:#000; */}.fborder, .border{	border-collapse: collapse;	border-spacing: 0px;}.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {	padding: 4px;	background-color: #fff;	border: 1px solid #D4DCDE;}.forumheader, .forumheader4, .finfobar {	background-color: #E2EDF0;}.forumheader6 {	background-color: #EFCED1;}.forumheader5 {	cursor: pointer;}.fcaption, .forumheader5 {	background-color: #fff;}table {	margin-left: auto;	margin-right: auto;}.defaulttext {	padding-top: 5px;	padding-bottom: 5px;	text-align: justify;	font-size: 1em;}.bluefontsmallcaps {	font-size: 14px;	font-variant: small-caps;	color: #626C75;}.bluefontsmallcapslg {	font-size: 16px;	font-weight: bold;	font-variant: small-caps;	color: #626C75;	text-decoration: underline;}.bluefontsmallcapscenter {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	text-align: center;	color: #626C75;}.bluefontsmallcapscenterlg {	font-size: 16px;	font-weight: bold;	font-variant: small-caps;	text-align: center;	color: #626C75;}.bluefontsmallcapslefttitle {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	text-align: left;	color: #626C75;}.contentemphasisbox {	background-color: #D4DDE8;	background-position: center;	padding: 5px;	width: 70%;	border: #95A4B2;	font-size: 12px;	font-weight: bold;	margin: 8px;	line-height: 18px;}.epiconright {	text-align: right;	padding-top: 2px;	padding-right: 15px;	padding-bottom: 2px;	padding-left: 2px;}.breadcrumb {	font-style: italic;	margin-bottom: 8px;}.newsstickytitlebox {	font-size: 12px;	font-weight: bold;	background-color: #FFFFCC;	font-variant: small-caps;	color: #660000;	text-decoration: underline;	background-image: url(images/alert.png);	background-repeat: no-repeat;	text-align: center;	padding-top: 10px;	padding-right: 0px;	padding-bottom: 10px;	padding-left: 25px;}.newsstickytitle {	font-size: 12px;	font-weight: bold;	background-color: #FFFFCC;	font-variant: small-caps;	color: #660000;	text-decoration: underline;}.newssticky {	font-size: 12px;	background-color: #FFFFCC;}.leftmargintext {	text-align: left;	vertical-align: middle;	padding-left: 14px;}h5 {	font-size: 12px;	font-style: italic;	font-weight: bold;	color: #660000;}.contentsectionheader {	font-size: 12px;	color: #464E54;}.contentlistbox {	font-size: 16px;	font-variant: small-caps;	vertical-align: text-top;	padding: 2px;	font-weight: bold;}.contentlistbox .italictag {	font-size: 9px;	font-style: italic;	font-variant: normal;}.featureboxwrapper{	width: 90%;	margin-right: auto;	margin-left: auto;	margin-top: 10px;	margin-bottom: 8px;}.featureboxtitle {	padding: 4px 2px 4px 2px;	background-color: #fff;	width: 100%;	border: 3px ridge #D4DCDE;	margin-bottom: -3px;	text-align: left;	margin-right: auto;	margin-left: auto;	text-indent: 15px;}.featureboxcontainer {	padding: 4px 2px 4px 2px;	background: #fff url(images/487bug32.gif) no-repeat 7px 14px;	border: 3px ridge #D4DCDE;	margin-bottom: 12px;	width: 100%;	margin-right: auto;	margin-left: auto;}/*.minifeaturebox {	padding: 4px 2px 4px 2px;	background: #fff;	margin-bottom: 6px;	width: 100%;	margin-right: auto;	margin-left: auto;	border-top: 2px solid #454559;	border-right: 2px solid #8B8C9B;	border-bottom: 2px solid #8B8C9B;	border-left: 2px solid #454559;}*/.minifeaturebox {	padding: 55px 2px 4px;	background: #fff url(images/FlagComp.png) no-repeat center top;	margin-bottom: 6px;	width: 100%;	margin-right: auto;	margin-left: auto;	border-top: 2px solid #454559;	border-right: 2px solid #8B8C9B;	border-bottom: 2px solid #8B8C9B;	border-left: 2px solid #454559;}.featureboxheadline {	padding: 2px 0px 8px 12px;	color: #3E565F;	text-align: left;	font-size: 15px;	font-weight: bold;	font-variant: small-caps;	margin-top: 10px;	margin-bottom: 6px;		width: 100%;}.featureboxtext {	margin: 6px;	padding: 0px 0px 0px 12px;	font-size: 12px;	text-align: justify;}h8 {	font-size: xx-small;	line-height: 10px;}.specialnoticecaption {	padding: 4px;	background-color: #fff;	border: 1px solid #D4DCDE;	font-size: 14px;	font-weight: bold;}.readmore {	font-size: 10px;	font-style: italic;	font-weight: bold;	text-align: right;	margin-right: 22px;	padding-right: 10px;}.readmorenewslink {	font-size: 10px;	font-style: italic;	font-weight: bold;	text-align: right;	text-indent: 16px;}.readmorebox {	margin-right: 28px;	background-color: #D4DDE8;	padding: 2px;	float: right;	height: 14px;	width: 168px;	background-image: url(images/readmore.png);	background-position: 9px;	background-repeat: no-repeat;}.newsfeed_menu_table {	padding: 2px;}.newsfeed_menu_cell{	padding: 2px;}.newsfeed_menu_title{	padding: 2px;	font-size: 1.2em;}.ia487tag {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	text-align: center;	color: #626C75;}.contactformheader {	padding: 4px;	background-color: #fff;	border: 1px solid #D4DCDE;	width: 380px;	margin-top: 5px;	margin-right: 5px;}.contactformmandatory {	padding: 8px;	background-color: #EDE0E1;	border: 1px solid #d4dcde;	margin-top: 5px;	font-style: italic;	text-align: center;	vertical-align: middle;	margin-bottom: 10px;	font-weight: bold;}.contactformbuttons {	padding: 8px;}/*From Andreas*/#pagewrap{	color:#303030;	margin:0px;	width:100%;	background-image: url(images/bottombg2.jpg);	background-repeat:no-repeat;	background-position:right bottom;	text-align: center;	z-index: auto;}.pagewrap {	text-align: center;}#header{	margin:0px 0px 0px 0;	padding:0;	position: relative;	width: 100%;	height: 170px;	background: #687683 url(images/Header487_V3.gif) no-repeat center center;	overflow: hidden;}#header h1{width:250px;margin:0px 0px 10px 0;float:left;}#header p{width:500px;float:right;text-align:center;color:#a0a0a0;margin:0px 0px 10px 0;font-size:0.8em;line-height:1.2em;background-color:inherit;}/*.vnavmenuwrapper{	background-color: #333333;	height: 100%;}*/#vnavmenu{	clear:left;	float:left;	width:185px;	margin:79px 0px 5px;	padding:0px;	font-size:0.9em;}#vnavmenu ul{	list-style:none;	width:200px;	margin:6px 0px 20px -6px;	padding:0;	font-size:1.2em;}	#vnavmenu li{margin-bottom: 2px;}#vnavmenu li a{	font-weight:bold;	height:20px;	text-decoration:none;	color:#CCC;	display:block;	padding:6px 0px 0px 10px;	background:#f4f4f4 url(images/leftnavbtnbg.png) repeat-x;	border-left:3px solid #CCC;	border-bottom-width: 3px;	border-bottom-style: outset;	border-bottom-color: #CCC;}		#vnavmenu li a:hover{	background:#2b3744 /*url(images/leftnavbtnbgover.png) repeat-x*/;	color:#E7EEEB;	border-left-color:#CCC;	border-bottom-color: #07090D;	font-weight: bolder;	}.announce{margin:10px 0px 10px 0;padding:10px;width:130px;color:#505050;background-color:#f4f4f4;line-height:1.3em;}#extras{float:right;width:120px;margin:0px 0px 10px 0;padding:0;font-size:0.9em;line-height:1.5em;}#extras p{margin:0px 0px 1.5em 0;}/* Bottom Center Boxes*/#centermenubox {	width: 96%;	margin-left: 20px;}.box1 {  width: 49%;  float: left;  display: block;}.box2 {  width: 49%;  float: right;  display: block;}.centerbox {	padding: 15px 0px;	margin: 10px 5px 10px 15;	border: 1px solid #CCC;	display: inline;}/*To here*/#content{margin:0px 130px 20px 160px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:0px 10px 0px 10px;line-height:1.6em;text-align:left;}#content h2{font-size:1.5em;margin:0px 0px 0.5em 0;}#content img{padding:1px;display:inline;background:#cccccc;color:#303030;border:4px solid #f0f0f0;}#content2{margin:0px 130px 20px 0px;border-left:1px solid #f0f0f0;padding:0px 10px 0px 10px;line-height:1.6em;text-align:left;}#content2 h2{font-size:1.5em;margin:0px 0px 0.5em 0;}#content2 img{padding:1px;display:inline;background:#cccccc;color:#303030;border:4px solid #f0f0f0;}#footer{	clear:both;	margin:0px auto;	padding:40px 0px 0px;	width:100%;	text-align:center;	color:#808080;	font-size:0.9em;	/*background-image: url(images/bottombgv3.gif);	background-repeat:no-repeat;	background-position:bottom right;*/	/*height: 248px;*/	height: 288px;	background-image: url(images/487fivecontainerbgbottom2.png);	background-repeat: no-repeat;	background-position: center top;}#footer a{color:#808080;text-decoration:none;}#footer a:hover{text-decoration:underline;}/*hnav elements found in table*/.spacer {	padding: 0px 0px 3px 0;}.caption {	background-image: url(images/caption.png);	width: 200px;	height: 34px;}.captionpadder {	padding-top: 2px;	padding-left: 4px;}.menubody {	background-image: url(images/menu.png);	width: 200px;	background-repeat: repeat-y;}.menubottom {	background-image: url(images/menubottom.png);	width: 200px;	height: 7px;	background-repeat: no-repeat;}.menupadder {	padding: 8px;	width: 178px;}/* Contact Form CSS */.cfbold {	font-size: 1.1em;	font-weight: bold;}.cfdisplaymessage {	font-size: larger;	font-weight: bold;	font-variant: small-caps;	background-color: #FFB7BD;}/* From purple wysiwyg */body.mceContentBody {  background: #FFFFFF;}.code {  border:1px solid #444;  background-color:#f4f4f4;  padding:8px;margin:14px;  color: #3C2763;}.code-box {   border: 1px dotted #999;   margin: 0 20px;   color: #3C2763;}.code-box ol {   margin: 0;   padding: 0 10px;}.code_highlight {   white-space: pre;   overflow: scroll;   width: 530px;   height: 100px;}.indent {  border:1px solid #444;  background-color:#f4f4f4;  padding:8px;  margin:14px;  font:9px tahoma,verdana,arial,helvetica,sans-serif}p {margin:0; padding: 0;}/* Extra stuff */.reguserwarn {	padding: 10px;	background-color: #fff;	border: 1px solid #D4DCDE;	font-size: 1.2em;	font-weight: bold;	color: #85112C;	margin-top: 20px;	margin-bottom: 30px;}.loginheader {	padding: 4px;	background-color: #E2EDF0;	border: 1px solid #D4DCDE;	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	color: #3E565F;	margin: 2px 2px 2px 2px;	text-align: center;	vertical-align: middle;}/* Member Nav Menu *//*----------------------------------------------------------------------------*/#tinymembernav{	margin-top: 15px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 0px;	top: 0px;	right: 0px;	clear: both;	float: right;		}.tinymembernav{	background-image: url(images/tinynavbg.png);	padding-top: 2px;	padding-right: 10px;	padding-bottom: 6px;	padding-left: 10px;	}#resourcebox{	margin-left: 20px;}.resourcebox{	font-family: Tahoma, Trebuchet, Helvetica, sans-serif;	font-size: 1.3em;	color: #2B3744;	border-collapse: collapse;	vertical-align: top;}.resourcebox ul{	list-style-position: inside;	list-style-type: none;	font-weight: bold;	text-indent: -20px;	list-style-image: url(images/resourcedot.png);	line-height: 1.8em;	/*padding-bottom: 1.6em;*/}.resourcebox ul ul{	list-style-position: inside;	list-style-image: none;	list-style-type: none;	font-weight: normal;	text-indent: 0px;	line-height: 1.2em;	/*padding-bottom: .5em;*/}.resourcebox p{	line-height: 1.8em;}.resourcebox a{	color: #2B3744;}.resourcebox a:hover{	color: #26618A;}.resourceboxtop{	background-image: url(images/memresourcenavtop.png);	background-repeat: no-repeat;	background-position: center bottom;	width: 340px;	height: 91px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 15px;	padding-left: 15px;	padding-top: 0px;	padding-bottom: 0px;}.resourceboxbg{	background-image: url(images/memresourcenavbg.png);	background-repeat: repeat-y;	background-position: center top;	width: 340px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 35px;	padding-left: 70px;	padding-top: 0px;	padding-bottom: 0px;	vertical-align: top;}.resourceboxbottom{	background-image: url(images/memresourcenavbottom.png);	background-repeat: no-repeat;	background-position: center top;	width: 340px;	height: 25px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 15px;	padding-left: 15px;	padding-top: 0px;	padding-bottom: 0px;}.pubresourceboxtop{	background-image: url(images/pubresourcenavtop.png);	background-repeat: no-repeat;	background-position: center bottom;	width: 340px;	height: 91px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 15px;	padding-left: 15px;	padding-top: 0px;	padding-bottom: 0px;}.pubresourceboxbg{	background-image: url(images/pubresourcenavbg.png);	background-repeat: repeat-y;	background-position: center top;	width: 340px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 30px;	padding-left: 60px;	padding-top: 0px;	padding-bottom: 0px;	vertical-align: top;}.pubresourceboxbottom{	background-image: url(images/pubresourcenavbottom.png);	background-repeat: no-repeat;	background-position: center top;	width: 340px;	height: 25px;	margin-top: 0px;	margin-bottom: 0px;	padding-right: 15px;	padding-left: 15px;	padding-top: 0px;	padding-bottom: 0px;}input.backhomebutton{	font-size:.9em;	background-color:#E2EDF0;	border-style:outset;	border-color:#91A0AE;}input.backhomebutton:hover{	font-size:.9em;	background-color:#FFFFFF;	border-style:outset;	border-color:#91A0AE;}.disclaimerbox{	font-family: Arial, sans-serif;	font-size: 0.9em;	color: #2d2d2d;	background-color: #eaedf3;	margin: 5px;	padding: 5px;	border: 0.2em solid #2d2d2d;}.disclaimerboxinfoline{	font-size: 1em;	color: #2d2d2d;	font-weight: bold;}