/* WPS Standard Template A */

body
{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size:75%; 
	margin: 0;
	padding: 0; /* Opera has a default padding */
}

/*	Layout only	*/
#wrap {
	width: 920px; 
	margin: 0px auto;
	border: 0;
	position: relative;
}
#wrap_inner
{
	padding:10px 0 0;
}
#wrap_logo,#wrap_menu,#wrap_content
{
	padding:0 10px;
}
	#toplogo
	{
		min-height: 50px;
	}
	#navigation
	{
		position: static; /* needed for menu to display at the right place */
		overflow: visible; /* in case there are too much menus */
	}
#wrap_content
{
	clear: both;		
}	
	#leftblock 
	{
		float: left;
		display: inline; /* IE hack */
		width: 142px; 
		padding: 0 0 5px 0;
		margin: 35px 0 0 4px;
	}
	#leftblock, #content
	{
		overflow: visible;
	}
	#content {
		width: 718px;
		padding: 0; /* left padding for FF tables */
		float: right;
		display: inline; /* IE6 hack */
		margin: 35px 15px 0 0;
		min-height:450px;		
	}	
	.front
	{
		float:left;
		display:inline;;
		margin:15px 0 10px 25px;
		width:268px;
		min-height:450px;
	}
	* html #content,* html .front
	{
		height:450px;
	}
	#wrap_footer 
	{
		clear: both;
		position: relative;
	}
	#footer {
		padding: 20px 0 0;
		text-align:center;
		display:inline-block;
	}

/*	Shortcuts or Search - Positioning and Layout */ 
#navigation #shortcuts, #navigation #search
{
	float: left;
	display:inline;
	margin: 0 ;
	padding: 0;
}


/* Search form */
#search form
{
	margin: 0;
	padding: 15px 0 0;
	height: 1.2em;
	width: 158px;
	position: relative;
}
#search input.button
{
	line-height: 13px;
	height: 20px;
	padding: 0;
	position: absolute;
	left: 122px;
	bottom: 0;
}
#search input.searchwords
{
	height: 18px;
	border: 1px solid #a5acb2;
	padding: 0 1px;
	width:114px;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* ShortCuts Menu Styling*/
#frontpage #shortcuts
{
	margin-left:408px;
}
#shortcuts ul
{
	margin: 0;
	padding: 14px 10px 0 5px;
	border-left:1px solid #093;
	border-bottom:1px solid #093;
	/*width:320px;*/
}

#shortcuts ul li
{
	display: inline;
	margin: 0;
	padding: 0 8px;
	border-right:1px solid #093;
	list-style-type: none;
	vertical-align: bottom;
}
#shortcuts ul li a
{
	color: #000;
	text-decoration: none;
	position: relative;
	top: -2px;
}



/* Blocks */
div.front h2
{
	background: transparent url(images/front1.gif) no-repeat -32px 0;
	font-size:1.75em;
	text-align:center;
	height:36px;
	line-height:36px;
	margin:0;
	padding:0;
}
div.front h2 a, div.front h2 a:visited
{
	text-decoration: none;
	color: #000;
}
div.front2 h2
{
	background-image:url(images/front2.gif);
}
div.front3 h2
{
	background-image:url(images/front3.gif);
}
div.front .block img
{	
	border:4px solid #fff;
	border-width:4px 0;
}
div.front .art
{
	margin:30px 30px 60px;
}
div.front .art h1, div.front .art h2
{
	font-size:1em;
	margin:0 0 20px;
	background-image: none;
	text-align: left;
	line-height: normal;
	height: auto;
}
div.front .art img
{
	border: 0;
}
#toplogo img
{
	border: 0;
	display: block;
}


/* Top nav */
#topmenu2
{
	float:left;
	width:408px;
	padding-top:10px;
	border-bottom:1px solid #093;
}
/* hasLayout is in default.ascx! */
#topmenu2 ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}
#topmenu li
{
	float:left;
	margin: 0 0px 0 10px;
	padding:0;
}
#topmenu a {
	float:left;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	text-align:center;
	margin: 0;
	padding: 2px 0;
	width:120px;
}
#a-topmenu-1
{
	background: #FEE900 url("images/topmenu-1.gif") no-repeat 0 0;
}
#a-topmenu-2
{
	background: #FF1A1B url("images/topmenu-2.gif") no-repeat 0 0;
}
#a-topmenu-3
{
	background: #008AE6 url("images/topmenu-3.gif") no-repeat 0 0;
}
#a-topmenu-1 a
{
	background: #fff9bf url("images/topmenu-1.gif") no-repeat -130px 0;
}
#a-topmenu-2 a
{
	background: #fcc url("images/topmenu-2.gif") no-repeat -130px 0;
}
#a-topmenu-3 a
{
	background: #bfe2f9 url("images/topmenu-3.gif") no-repeat -130px 0;
}
#a-topmenu-1 a.current, #a-topmenu-1 a:hover,
#a-topmenu-2 a.current, #a-topmenu-2 a:hover,
#a-topmenu-3 a.current, #a-topmenu-3 a:hover
{
	background-image: none;
	background-color: transparent;
}
#topmenu a.current
{
	font-weight: bold;
}

/* Side Menu */
#smenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#smenu li 
{ 
	margin: 0;
}
* html #smenu a
{ height: 1% } /* hasLayout */
#smenu a{
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0 0 4px;
}
#smenu ul a{
	padding-left: 22px;
}
#smenu ul ul a{
	font-weight: normal;
}
#smenu ul ul ul a{
	text-align: right;
	background: none;
	border-top: 1px solid #006805;
	padding-left: 0;
}
#current-smenu2.current{
	font-weight: bold;
}

#smenu div.search
{
	display: none; /* hide unwanted search box */
}
#smenu a {
	color: #000;
	background: #008626 url("images/sideg.gif") no-repeat;
}
body.yellow #smenu a {
	color: #000;
	background: #fee300 url("images/sidey.gif") no-repeat;
}
body.red #smenu a {
	color: #000;
	background: #f61213 url("images/sider.gif") no-repeat;
}
body.blue #smenu a {
	color: #000;
	background: #007ce1 url("images/sideb.gif") no-repeat;
}



/*	Styling (Colours, backgrounds) */
body
{
	background: #fff;
	color: #000;
}
#wrap_body, #frontpage
{
	background: #d2d2d2 url("images/bg.gif") repeat-x;
} 
#wrap
{
	background:url("images/wrap_bg.gif") repeat-y;
}
#wrap_inner
{
	background:url("images/wrapin_bg.gif") no-repeat;
}
#wrap_content 
{
	background:url("images/btm.gif") no-repeat left bottom;
	color: #000;
}
div.front
{
	background:#fee900 url("images/front1.gif") no-repeat 240px 100%;
}
div.front2
{
	background:#ff1a1b url("images/front2.gif") no-repeat 240px 100%;
}
div.front3
{
	background:#008ae6 url("images/front3.gif") no-repeat 240px 100%;
}
#content
{
	background-color: #fff;
}
#wrap_footer {
	color: #666;
}
a.copyright { color:#666; text-decoration: none;}
a.copyright:hover { text-decoration: underline;}
a img 
{ 
	border: none; 
}
a, a:link
{
	color: #006805;
}

