body {
	margin: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	background-position: top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
form{
	padding:0;
	margin:0;
}
h1, h2, h3 {
	letter-spacing: -1px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Tahoma, Geneva, sans-serif;
}
h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
.home h1{ color: #B91683;}
.about h1{ color: #6E174E; }
.case h1{ color: #C8423F; }
.forum h1{ color: #6C1623; }
.contact h1{ color: #844FA1; }
.links h1{ color: #5A276C; }
.hide h1{ color: #355428; }
.news h1{ color: #6CAD45; }
.events h1{ color: #C0C632; }
.publications h1{ color: #D5D520; }
.help h1{ color: #9E822F; }
.hints h1{ color: #175153; }

#wrapper {
	position:relative;
	width:794px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg-sidebar.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#side-left {
	float: left;
	width: 214px;
}
#logo {
	width:214px;
	height:181px;
}
#textarea {
	position: absolute;
	left: 20px;
	top: 16px;
	font-size: 16px;
	background-image: url(../images/bg-menu-textarea.jpg);
	width: 170px;
	height: 25px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 9px;
	text-indent: 10px;
}
#middle {
	width: 420px;
	margin-left: 220px;
	padding-top: 50px;
}
#main-image #phone { height: 68px; }
#main-image { left:214px; }
#main-content { }
#side-right {
	float: right;
	width: 142px;
}

#box-right {
	height: 293px;
	background-color: #845074;
	padding-top: 30px;
}
.side-right-menu-box{
	font-weight: bold;
	font-size: 14px;
	padding-top: 15px;
	padding-left: 5px;
	
}
.side-right-menu-box a:link, .side-right-menu-box a:visited {
	color: #FFF;
	text-decoration: none;
}
.side-right-menu-box a:hover {
	color: #CE6AAA;
	text-decoration: underline;
}
.side-right-menu-box ul{
	color:#FFF;
	list-style-type:square;
	margin-left:15px;
}
.side-right-menu-box li{
}

.loginbox {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
.loginbox input {
	width:120px;
	padding:2px;
	border:1px solid #fff;
	font-family:verdana, arial, sans-serif;
	font-size:90%;
	margin-bottom: 5px;
}
.loginbox input.button {
	padding:0 /*IE6*/;
	border:solid 1px #969696;
	text-align:center;
	color:#969696;
	font-size:90%;
	background-color: #FFFFFF;
	width: 120px;
}
.loginbox input.button:hover {
	cursor: pointer;
	border:solid 1px #505050;
	color:#505050;
}
.loginbox a:link, .loginbox a:visited {
	color: #FFF;
	text-decoration: none;
}
.loginbox a:hover {
	color: #CE6AAA;
	text-decoration: underline;
}
#sponsors {
	width:142px;
	text-align:center;
}
#sponsors img{
	padding-bottom:5px;
	border:0;
}
#footer {
	clear: both;
	height: 42px;
	margin-top: 10px;
}
#footer-left {
	float: left;
	width: 206px;
	font-size: 9px;
	color: #B91683;
	font-weight: bold;
	padding-left: 6px;
}
#footer-middle {
	width: 420px;
	margin-left: 220px;
	color: #B91683;
	font-size: 9px;
	font-weight: bold;
}
#footerlinks a:link, #footerlinks a:visited {
	color: #B91683;
	text-decoration: none;
}
#footerlinks a:hover {
	color: #CE6AAA;
	text-decoration: underline;
}

a:link, a:visited {
	color: #39629F;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	text-decoration: none;
}
a:active {
	color: #39629F;
	text-decoration: none;
}
a { font-weight: bold; }
.contactform {
	width:95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.contactform .forminput {
	margin-top: 5px;
	clear: both;
}
.contactform .projectinfo {
	text-align:right;
	margin-top: 5px;
}

.contactform fieldset {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.contactform fieldset legend {
	color:#854ea1;
	font-weight:bold;
	font-size:110%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
}
.contactform .forminput .left{
	float:left;
	width:160px;
}
.contactform label {
	font-size:90%;
	font-weight:bold;
	margin: 5px;
}
.contactform select.combo {width:175px; padding:2px; border:solid 1px #C8C8C8; font-family:verdana,arial,sans-serif; font-size:90%;}
.contactform input.field {
	width:200px;
	padding:2px;
	border:1px solid #854ea1;
	font-family:verdana,arial,sans-serif;
	font-size:90%;
	float: right;
}
.contactform textarea {
	width:200px;
	padding:2px;
	border:1px solid #854ea1;
	font-family:verdana,arial,sans-serif;
	font-size:90%;
	float: right;
}
.contactform select {
	padding:2px;
	width:200px;
	border:1px solid #854ea1;
	float: right;
}
.contactform input.button {
	width:9em;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:#E6E6E6;
	border:solid 1px #969696;
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:#969696;
	font-size:110%;
	margin-top: 20px;
	float: right;
}
.contactform input.button:hover {cursor: pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

.success {
	background-color: #CDE855;
	border: 1px solid #A7C520;
	padding:3px;
}
.error {
	background-color: #FEB19A;
	border: 1px solid #A62409;
	padding:3px;
}
.success li, .error li { list-style:none; }
.messages{
	padding:4px;	
}
.displayitems {
	position:relative;
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding:2px;
	width: 98%;
}
.editbuttons {
	float:right;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.editbuttons a:hover { background-color: #CCCCCC; }
.editbuttons img {
	margin:0;
	padding:0;
}
.loginwapper { width:150px; }
.loginwapper label {
	width:100px;
	margin:0 0 0 5px;
	padding:2px;
	font-size:90%;
	font-weight:bold;
}
.loginwapper input.field {
	width:130px;
	padding:2px;
	border:solid 1px #C8C8C8;
	font-family:verdana, arial, sans-serif;
	font-size:90%;
}
.loginwapper input.button {
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	border:solid 1px #969696;
	text-align:center;
	color:#969696;
	font-size:90%;
	margin-top: 5px;
	float: right;
	margin-right: 15px;
	background-color: #FFFFFF;
}
.loginwapper input.button:hover {
	cursor: pointer;
	border:solid 1px #505050;
	color:#505050;
}
#leavebutton { height: 110px; 
}

#leavebutton a span {
	display:block;
	background:url("../images/leave.jpg") no-repeat right top;
	height: 110px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#leavebutton a span {float:none;}
/* End IE5-Mac hack */
#leavebutton a:hover span {color:#000;}
#leavebutton a:hover { background-position:0% -110px;}
#leavebutton a:hover span { background-position:100% -110px;}


/*****************************************************************************************************************************/
#home, #about{
	height: 50px;
	width: 70px;
	cursor:pointer;
}
#menu {
	width:214px;
/*	height: 400px;
	background-image: url(../images/menu.jpg);*/
	position: relative;
}
#home, #about, #case, #forum, #contact, #links, #hide, #news, #events, #publications, #help, #hints{
	height: 50px;
	width: 70px;
	cursor:pointer;
}
#menu #home {
	position: absolute;
	left: 22px;
	top: 60px;
}
#menu #about {
	position: absolute;
	left: 95px;
	top: 60px;
}
#menu #case {
	position: absolute;
	left: 22px;
	top: 114px;
}
#menu #forum {
	position: absolute;
	left: 95px;
	top: 114px;
}
#menu #contact {
	position: absolute;
	left: 22px;
	top: 170px;
}
#menu #links {
	position: absolute;
	left: 95px;
	top: 170px;
}
#menu #hide {
	position: absolute;
	left: 22px;
	top: 226px;
}
#menu #news {
	position: absolute;
	left: 95px;
	top: 226px;
}
#menu #events {
	position: absolute;
	left: 22px;
	top: 282px;
}
#menu #publications {
	position: absolute;
	left: 95px;
	top: 282px;
}
#menu #help {
	position: absolute;
	left: 22px;
	top: 338px;
}
#menu #hints {
	position: absolute;
	left: 95px;
	top: 338px;
}


#home a span {
	display:block;
	background:url("../images/menu-home.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#home a span {float:none;}
/* End IE5-Mac hack */
#home a:hover span {color:#000;}
#home a:hover { background-position:0% -52px;}
#home a:hover span { background-position:100% -52px;}

#about a span {
	display:block;
	background:url("../images/menu-about.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#about a span {float:none;}
/* End IE5-Mac hack */
#about a:hover span {color:#000;}
#about a:hover { background-position:0% -52px;}
#about a:hover span { background-position:100% -52px;}

#case a span {
	display:block;
	background:url("../images/menu-case.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#case a span {float:none;}
/* End IE5-Mac hack */
#case a:hover span {color:#000;}
#case a:hover { background-position:0% -52px;}
#case a:hover span { background-position:100% -52px;}

#forum a span {
	display:block;
	background:url("../images/menu-forum.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#forum a span {float:none;}
/* End IE5-Mac hack */
#forum a:hover span {color:#000;}
#forum a:hover { background-position:0% -52px;}
#forum a:hover span { background-position:100% -52px;}

#contact a span {
	display:block;
	background:url("../images/menu-contact.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#contact a span {float:none;}
/* End IE5-Mac hack */
#contact a:hover span {color:#000;}
#contact a:hover { background-position:0% -52px;}
#contact a:hover span { background-position:100% -52px;}

#links a span {
	display:block;
	background:url("../images/menu-links.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#links a span {float:none;}
/* End IE5-Mac hack */
#links a:hover span {color:#000;}
#links a:hover { background-position:0% -52px;}
#links a:hover span { background-position:100% -52px;}

#hide a span {
	display:block;
	background:url("../images/menu-hide.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#hide a span {float:none;}
/* End IE5-Mac hack */
#hide a:hover span {color:#000;}
#hide a:hover { background-position:0% -52px;}
#hide a:hover span { background-position:100% -52px;}

#news a span {
	display:block;
	background:url("../images/menu-news.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#news a span {float:none;}
/* End IE5-Mac hack */
#news a:hover span {color:#000;}
#news a:hover { background-position:0% -52px;}
#news a:hover span { background-position:100% -52px;}

#events a span {
	display:block;
	background:url("../images/menu-events.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#events a span {float:none;}
/* End IE5-Mac hack */
#events a:hover span {color:#000;}
#events a:hover { background-position:0% -52px;}
#events a:hover span { background-position:100% -52px;}

#publications a span {
	display:block;
	background:url("../images/menu-publications.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#publications a span {float:none;}
/* End IE5-Mac hack */
#publications a:hover span {color:#000;}
#publications a:hover { background-position:0% -52px;}
#publications a:hover span { background-position:100% -52px;}

#help a span {
	display:block;
	background:url("../images/menu-help.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#help a span {float:none;}
/* End IE5-Mac hack */
#help a:hover span {color:#000;}
#help a:hover { background-position:0% -52px;}
#help a:hover span { background-position:100% -52px;}

#hints a span {
	display:block;
	background:url("../images/menu-hints.jpg") no-repeat right top;
	height: 52px;
	cursor: hand;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#hints a span {float:none;}
/* End IE5-Mac hack */
#hints a:hover span {color:#000;}
#hints a:hover { background-position:0% -52px;}
#hints a:hover span { background-position:100% -52px;}


/******************/
/*   PAGINATION   */
/******************/

.pagination{
	font-size:11px;
	text-align:right;
	margin-bottom: 15px;
	float: right;
	padding: 4px;
}
.pagination a,.pagination span{
	color:#000000;
	margin-right:1px;
	border:1px solid #fff;
	background-color:#fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	line-height: 22px;
}
.pagination span.current{
	border:1px solid #628DC8;
	font-weight:bold;
	background-color:#89AAD6;
	color:#FFFFFF;
}
.pagination a{
	color:#0BA2D1;
	border:1px solid #628DC8;
	text-decoration:none;
}
.pagination a:hover{
	color:#628DC8;
	font-weight:bold;
	border-color:#628DC8;
	background-color:#EAEBEE;
}
.pagination a.nextprev{
	font-weight:bold;
}
.pagination span.nextprev{ color:#666; 
}
.pagination span.nextprev{
	border:1px solid #ddd;
	color:#999;
}