/******************************
	Typography
******************************/

body 
{ 
	font-size: 101%; 
}

p, blockquote, li, label, input, textarea, select, span, em, strong, div, body
{
	font-family: Verdana, Tahoma, sans-serif;
} 

p, input, label, li
{
	font-size: 0.8em;
} 

label input, textarea, select 
{
	font-size: 1em;
}

h1
{
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	font-size: large;
	font-weight: bold;
	color: #5D5D5D;
}


h2
{
	font-family: Tahoma, "Trebuchet MS", sans-serif;
	font-size: small;
	font-weight: bold;
	color: #5D5D5D;
}

#firstmenu a
{
	font-size: 0.9em;
	font-weight: bold;
}

#firstmenu a:hover
{
	color: #FFB200;
}

#secondmenu a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
}

#secondmenu a:hover
{
	color: #000;
}

/******************************
	//Typography
******************************/





/******************************
	Layout
******************************/

*
{
	margin: 0px;
	padding: 0px;
}

p
{
	margin-bottom: 1em;
}

blockquote p
{
	padding: 0;
	margin: 0;
}

html
{

}

body
{
	background-image: url( /img/bg/main.jpg );
	margin: 0px 0px; 
}

#container
{
	background-image: url( /img/bg/top.jpg );
	background-repeat: repeat-x;
	height: 200px;
	padding-top: 5px;
}

	#feedback
	{
		padding-left: 200px;
		margin-bottom: 20px;
	}

		#feedbackbutton { display: none; }

	#feedback p
	{
		font-weight: bold;
		position: relative;
		left: -20px;	
	}


	#page
	{
		text-align:left;
		margin-left: 10px;
		margin-bottom: 10px;
		width: 740px;
		border: 1px solid #999;
		background: #FFF;
	}

	#logo
	{
		background-image: url( /img/bg/logo.jpg );
		background-repeat: no-repeat;
		width: 740px;
		min-height: 143px;
		text-align:left;
	}

	* html #logo
	{
		height: 143px;
	}

	#edittemplate
	{
		float: right;
	}

	* html #logo
	{
		width: 735px;
	}

		#targetswitcher
		{
			position: absolute;
			top: 10px;
			left: 460px;
			font-size: 0.6em;
			display: none;
		}

		#firstmenu 
		{
			margin-top: 20px;
			margin-left: 5px;
			width: 100%;
		}

		* html #firstmenu 
		{
			margin-top: 17px;
		}

		#firstmenu ul 
		{
			list-style-type: none;
		}

			#firstmenu ul li
			{
				display: block; 
				float: left;
				margin-left: 3px;
				margin-right: 3px;
				background-image: url( /img/bg/menu1_edge.gif );
				padding-left: 1px;
				padding-right: 1px;
				height: 20px;
			}

				#firstmenu ul li a
				{
					color: #FFF;
					text-decoration: none;
					background-image: url( /img/bg/menu1_filler.gif );
					padding-top: 3px;
					display: block; 
					float: left;
					height: 17px;
					padding-left: 6px;
					padding-right: 6px;
				}

				#firstmenu ul li a.active
				{
					background: #FFC242 url( /img/bg/menu1_filler_active.gif ) repeat-x;
					color: #000;
					height: 20px;
				}

		#secondmenu
		{
			margin-left: 10px;
			clear: both;
		}

		* html #secondmenu ul li
		{
			position: relative; 
			top: -3px;
		}

		#secondmenu ul 
		{
			list-style-type: none;
		}

			#secondmenu ul li
			{
				float: left; display: inline;
				margin-left: 2px;
				margin-right: 2px;
				margin-top: 3px;
				padding-left: 3px;
				padding-right: 9px;
				border-right: 2px dotted #FFF;
				height: 19px;
			}

			#secondmenu ul li.last
			{
				border: 0;
			}

			#secondmenu ul a
			{
				font-size: 0.7em;
				padding-left: 4px;
				padding-right: 4px;
			}

			#secondmenu ul a.active, #secondmenu ul a:hover
			{
				background-color: #5D5D5D;
				color: #FFF;
				border: 1px solid #FFF;
				padding: 1px;
				padding-left: 3px;
				padding-right: 3px;
			}

		#searchformwrapper
		{
			height: 78px;
		}

		#searchform
		{
			margin-left: 490px;
			padding-top: 40px;
		}

			#q
			{
				width: 170px;
				background-image: url( /img/bg/input.jpg );
				color: #000;
			}

			#searchsubmit
			{
				padding-left: 10px;
				padding-right: 10px;
				font-weight: bold;
				background-color: #444;
				color: #FFF;
				width: 50px;
			}

	#contents
	{
		background-color: #FFF;
		border-bottom: 1px solid #CCC;
		padding: 10px;
		padding-top: 9px;
		min-height: 500px;	
	}

		#breadcrumbs
		{
			border-bottom: 1px solid #EAEAEA;
			font-size: 0.7em;
			color: #808080;
			margin-top: 2px;
		}

		#contents ul
		{
			margin: 5px;
			margin-left: 20px;
		}

		#contents ul.beside, #contents ol.beside
		{
			float: left;
			width: 75%;
		}

		#contents ol
		{
			margin: 5px;
			margin-left: 25px;
		}

		#contents #navigation
		{
			float: left;
			padding: 1px;
			list-style-type: none;
			width: 140px;
			margin: 0px;
			margin-top: 3px;
			position: relative; top: 0; left: -10px;
			border: 1px solid #CCC;
			border-left: 0;
		}

			#navigation li
			{
				display: inline;
			}

			#navigation li a
			{
				background-color: #5D5D5D;
				color: #FFF;
				font-size: 0.7em;
				font-weight: bold;
				padding: 3px;
				padding-left: 10px;
				text-decoration: none;
				display: block;
				float: left;
				margin-bottom: 1px;
				width: 127px;
			}

			#navigation li#last a
			{
				margin-bottom: 0px;
			}

			#navigation li ul li a
			{
				background-color: #999;
				padding-left: 20px;
				font-size: 0.9em;
			}

			#navigation li a:hover, #navigation li a.active
			{
				background-color: #FFB200;
			}

		#footer
		{
			clear: both;
			height: 30px;
			padding: 10px;
			padding-top: 3px;
			padding-bottom: 5px;
			border-top: 1px solid #FFBB1C;
			margin-top: 2px;
			background-image: url( /img/bg/footer.jpg );
			background-position: center right;
			background-repeat: no-repeat;
		}

			#footer p
			{
				float: left;
				width: 230px;
				font-size: 0.7em;
			}

			#footerlinks
			{
				text-align: center;
			}

			#footeremail
			{
				color: #FFF;
				font-size: 0.7em;
				text-align: center;
				margin-top: 3px;
			}

			#footeremail a
			{
				color: #FFBB1C;
				letter-spacing: 2px;
				font-size: 0.7em;
			}

			#footeremail a:hover
			{
				letter-spacing: 1px;
			}

/******************************
	//Layout
******************************/

.clear
{
	clear: both;
}

span.quote
{
	display: block;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.floatedcontents
{
	float: left;
	width: 550px;
}

input, textarea, select
{
	background-color: #4B4B4B;
	color: #FFF;
}

ol.padding li, ul.padding li
{
	margin-bottom: 1em;
}

div.explaination
{
	width: 350px;
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	position: absolute;
	display: none;
}

div.explaination p
{
	margin-bottom: 0;
	padding: 3px;
}

.pword
{
	font-size: 1em;
	font-weight: bold;
	background-color: #444;	
	color: #FFF;
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.pexpl
{
	font-size: 0.9em;
	border: 1px solid #CCC;
	border-top: 0;
	padding: 3px;
}

a.word
{
	text-decoration: none;
	color: #333;
	cursor: help;
	border-bottom: 1px dotted blue;
}

a img
{
	border: 0;
}

#contents .ul-float-margin
{
	margin-left: 160px;
}