/* general rules */



body {
	background-color: #FFFFFF;
	background-image: url(images/back.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #63318C;
	font-weight: normal;
	line-height: 14px;
}





		#wrapper
		{
			width: 770px;
			margin: 0 auto;
		}

		



		

		#date
		{
			padding-right: 12px;
			padding-top: 1px;
			text-align: right;
			width: 300px;
			height: 20px;
			float: right;
			clear: right;
			font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
			font-size: 10px;
			color: #63318C;
			font-weight: normal;
			line-height: 12px;


		}


		#menu
		{

			padding-top: 3px;
			text-align: left;
			width: 770px;
			height: 20px;
			float: right;
			clear: right;
			/* font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #FFFFFF;
			font-weight: normal;
			line-height: 12px;*/


		}


#header
		{

			
		
			height: 49px;
			


		}


		#footer
		{

			padding-top: 32px;
			text-align: left;
			width: 770px;
			height: 20px;
			float: right;
			clear: right;
			font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
			font-size: 10px;
			color: #737373;
			font-weight: normal;
			line-height: 12px;


		}


		
		#precontent
		{
			width: 770px;

			height: 16px;


		}


		#content
		{
			width: 770px;
			clear: right;
			float: left;

			background: url("images/content_back.gif");
			background-repeat: repeat-y;

		}
		
		
			#contentinside
		{
			width: 770px;
			clear: right;
			float: left;

			background: url("images/content_back_inside.gif");
			background-repeat: repeat-y;

		}

		#left
		{
			width: 186px;

			float: left;

		}

		.left-container
		{
			margin: 0px;
			padding-left: 1px;
			margin-bottom: 0;	/* IE6 pushes footer down without this */

		}



		#leftcontent
		{
			padding-left: 13px;
			width: 156px;



		}




		#middle
		{
			width: 190px;

			float: left;

		}

		.middle-container
		{
			margin: 0px;
			margin-bottom: 0;	/* IE6 pushes footer down without this */
		}


		#middlecontent
		{
			padding-left: 18px;
			width: 156px;



		}





		#right
		{
			width: 392px;

			float: left;

		}

		.right-container
		{
			margin: 0px;
			margin-bottom: 0;	/* IE6 pushes footer down without this */
		}




		#rightcontent
		{
			padding-left: 22px;
			width: 340px;



		}




		#rightinside
		{
			width: 550px;

			float: left;

		}

		.right-containerinside
		{
			margin: 0px;
			margin-bottom: 0;	/* IE6 pushes footer down without this */
		}




		#rightcontentinside
		{
			padding-left: 22px;
			width: 500px;



		}










		#prefooter
		{
			padding: 0px;
			width: 770px;
			height: 16px;
			clear: left;

		}

		#footer
		{
			padding: 0px;
			width: 770px;
			height: 36px;

			background: white url("images/footer_back.gif");
			background-repeat: no-repeat;

		}

		.clear
		{
			clear: left;
		}



/* menustuff */








/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
	padding:5px 0 5px 0;
	margin:0;
	list-style:none;
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-weight: strong;
	text-align: center;
	font-size: 15px;
	position:relative;
	z-index:200;
	left: 0px;

}
#nav {height:25px; padding:0;	font-weight: normal; text-align: center; width:770px;}

#nav table {border-collapse:collapse;}
#nav li {
	float:left;
	padding:0 12px 0 0px;
	text-align: center;
	font-weight: normal;

}


#nav li.dotted {
	float:left;
	padding:0 12px 0 0px;
	text-align: center;
	font-weight: normal;
		background-image: url(images/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
}









#nav li li {float:none; text-align: left; font-weight: normal;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left; text-align: left; font-weight: normal;}

#nav li a {display:block; float:left; color:#fff; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap; text-align: left; font-weight: normal;}

#nav li a.highlighted {display:block; float:left; color:#EC32DD; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap; text-align: left; font-weight: normal;}


#nav li li a {height:20px; line-height:20px; float:none; text-align: left; font-weight: normal;}

#nav li:hover {position:relative; z-index:300; color:#EC32DD; text-align: left; font-weight: normal;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; text-align: left; font-weight: normal;}

#nav :hover ul {
	left:0;
	top:24px;
	background:#562A79;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #8C62AF;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px; background:#562A79;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-10px; text-align: left; font-weight: normal;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; text-align: left; font-weight: normal;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#EC32DD; text-align: left; font-weight: normal;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-3px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


































/* link style default */

a {
	font-family: Calibri;
	
	color: #EC32DD;
	font-weight: bold;
	line-height: 15px;
	text-decoration: underline;
}
a:hover {
	font-family: Calibri;
	
	color: #EC32DD;
	font-weight: bold;
	line-height: 15px;
	text-decoration: underline;
}
a:active {
	font-family: Calibri;
	
	color: #EC32DD;
	font-weight: bold;
	line-height: 15px;
	text-decoration: underline;

}



/* other link styles */







a.topmenu {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
a:hover.topmenu {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
a:active.topmenu {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;}




a.topmenuhighlight {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
a:hover.topmenuhighlight  {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;
}
a:active.topmenuhighlight  {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 14px;
	text-decoration: none;}




a.footer {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none
}
a:hover.footer {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: underline
}
a:active.footer {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: underline}



a.smalllink {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: none
}
a:hover.smalllink {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: underline
}
a:active.smalllink {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 15px;
	text-decoration: underline}



a.login {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #63318C;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none
}


a:hover.login {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none
}


a:active.login {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none
}






/* text styles */



.text {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #63318C;
	font-weight: normal;
	line-height: 16px;

}



.textsmall {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #737373;
	font-weight: normal;
	line-height: 12px;

}


.textboldpurple {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #63318C;
	font-weight: bold;
	line-height: 16px;

}

.textheadpink {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 22px;

}

.textheadpurple {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #63318C;
	font-weight: normal;
	line-height: 22px;

}




.textboldpink {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: bold;
	line-height: 16px;

}


.textpink {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #EC32DD;
	font-weight: normal;
	line-height: 16px;

}




.textboldpurple2 {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #63318C;
	font-weight: bold;
	line-height: 16px;

}

.textboldpink2 {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #EC32DD;
	font-weight: bold;
	line-height: 16px;

}


.textsmall {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #5f5f5f;
	font-weight: normal;
	line-height: 12px;

}






.textfooter {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #5f5f5f;
	font-weight: normal;
	line-height: 15px;
}













select {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #0f4db4;
	font-weight: bold;
	line-height: 12px;


}




input {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #737373;
	font-weight: bold;
	line-height: 11px;
}

textarea {
	font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #951200;
	font-weight: bold;
	line-height: 17px;
}