/* Author: Netstep; Date: 10/04/06 */

/* Page Layout */

body {
	margin:0; 
	padding:0; 
	background:#ffffff;
	color: #666666; 
	text-align: left;
	font: normal 1em verdana, arial, geneva, helvetica, sans-serif;
	}
	
#tablecontent td {font-size: 67%;
font-weight: normal;
padding: 0 20px 0 20px;
margin: 0px 0px 7px 0px;
color: #666666;
line-height:140%;}

#tablepayment {
padding: 0 20px 0 20px;
}

#tablepayment td {font-size: 67%;
font-weight: normal;
color: #666666;
line-height:140%;}

img {border:0;}	
#container {
	margin: 0px;
	padding: 0px;
	width: 960px;
	\width: 980px;
	w\idth: 960px;
	text-align: left;
	background:#ffffff url(../images/topback.gif) no-repeat;
}

/* Header Properties */

#header {
	height:65px;
	width:960px;
	}
	
#header h1 {
	float:left; 
	position:relative; 
	top: 0px;right: 0px; 
	margin:0;
	padding:0;
	}
	
h1 {
	text-indent: -100em; 
	overflow: hidden;
	height: 65px; 
	width: 281px;}
	
h1 a {
	display: block; 
	text-decoration: none;
	height: 65px; 
	width: 281px;
	}
	
h1 a:hover {
	display: block; 
	text-decoration: none;
	height: 65px; 
	width: 281px;
	}
	
.logo h1
	{background: url(../images/logo.gif) top left no-repeat;
	}
	
#banner {
float:right;
margin:5px 0 0 0;
padding:0;
width:468px;
height:60px;
background:#cccccc;

}

#login {
float:right;
margin:5px 0 0 0;
padding-left:5px;
width:203px;
height:60px;
overflow:hidden;
background:#5c478e;
font-size:11px;
border-left: 1px solid #fff;
color:#fff;
}

#login a {color:#fff;text-decoration:underline;font-weight:bold;padding-right:4px;}
#login a:hover {color:#fff;text-decoration:none;}
#login a.logout {float:right;}

#login td {
color:#ffffff;
margin:5px;
}

#login input {
margin: 0;
padding:0;
	font-size: 100%;
	color: #000;
	width:100px;
	height:11px;
}


/* Top navigation */
#topnav {
	position:relative;
	margin:0; 
	padding:0; 
	background:#f3f3f3 url(../images/menuback.gif) repeat-x;
	height:26px;
	padding:0;
	}
	
	#topnav ul {
	display: inline;
	float:left;
	margin:0;
	padding: 5px;
	list-style: none;
	font-size: 67%;
	}
  
#topnav li {
	display: inline;
	float:left;
	margin:0px;
	background: url(../images/separator.gif) no-repeat;
	}
  
#topnav a {
	float: left;
	display: block;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	font-weight:bold;
	color: #666666; 
	line-height: 150%;
	}

#topnav a:hover,#topnav a.select {
display:block;
	color: #5c478e;
	text-decoration:none;
	}
	
#menuline {
position:relative;
float:right;
margin:0px;
padding:0px;
width:990px;
height:4px;
background: #999999 url(../images/menubot.gif) no-repeat;
}

/* Page Layout */

#innercontent {
position:relative;
width: 960px;
margin:0px;
padding:0px;
background: #ffffff url(../images/pagecontent.gif) top left repeat-y;
}

/* Main Menu */

#menu {
	float:left;
	margin:0; 
	padding:4px 0 0 0; 
	width:176px;
	background: url(../images/menutop.gif) top left no-repeat;
}

#menu ul{
	margin:0px;
	padding:0px;
	list-style: none;
	width:176px;
}

#menu li {
	margin:0px;
	padding:0px;
	font-size: 67%;
	font-weight:bold;

	}
	
#menu li.on a {
	display: block;
	background: #5c478e url(../images/menu_on.gif) top left no-repeat;
	text-decoration: none;
	color: #ffffff; 
	padding:1px 5px 0px 20px;
	margin:0;
	height:1.7em;
	}
	
#menu li.sub a {
	font-weight:normal;
	background:#ffffff;
	color: #000000; 
	padding:1px 5px 0px 20px;
	margin:0;
	height:1.7em;
	}
	
#menu li.sub a:hover {
	background:#ffffff;
	text-decoration: none;
	font-weight:normal;
	color: #5c478e; 
	padding:1px 5px 0px 20px;
	margin:0;
	height:1.7em;
	}
	
#menu li.blank {
	display: block;
	background: url(../images/menu_blank.gif) top left no-repeat;
	text-decoration: none;
	color: #ffffff; 
	padding:1px 5px 0px 20px;
	margin:0;
	height:1.7em;
	}
	
#menu a {
	display: block;
	background: url(../images/menu.gif) top left no-repeat;
	text-decoration: none;
	color: #666666; 
	margin:0;
	padding:1px 5px 0px 20px;
	height:1.7em;
	}
	
	#menu a:hover {
	display: block;
	background: #5c478e url(../images/menu_on.gif) top left no-repeat;
	text-decoration: none;
	color: #ffffff; 
	padding:1px 5px 0px 20px;
	margin:0;
height:1.7em;
	}
	
#overpage{
	float:left;
	margin: 0px;
	width: 544px;
	padding: 0px;
	}

#pagelayout {
	float:right;
	margin: 0px;
	width: 544px;
	padding:0px;
	background: url(../images/lefttop.gif) top left no-repeat;

}



#pagelayout h2 {
font-size: 100%;
font-weight: bold;
padding: 25px 20px 5px 20px;
margin: 0 0 10px 0;
color: #666666;
}
.name {
color:#5c478e;
}

#pagelayout h3 {
font-size: 83%;
font-weight: bold;
padding: 25px 20px 5px 20px;
margin: 0 0 10px 0;
color: #666666;
}

.title {
font-size: 83%;
font-weight: bold;
padding: 5px 20px 10px 20px;
margin: 0 0 10px 0;
color: #666666;
}

#pagelayout p {
font-size: 67%;
font-weight: normal;
padding: 0 20px 0 20px;
margin: 0px 0px 7px 0px;
color: #666666;
line-height:140%;
}

#pagelayout td.news {
font-size: 75%;
font-weight: bold;
color: #5C478E;
}

#rightcontent {
	float:right;
	margin: 0;
	width: 240px;
	padding: 0;
	background: url(../images/righttop.gif) top left no-repeat;
	}

#rightcontent p {
font-size: 67%;
font-weight: normal;
padding: 0 10px 0 10px;
margin: 0px 0px 7px 0px;
color: #666666;
line-height:140%;
}
/* Footer */

#footerline {
width:990px;
height:4px;
background: url(../images/footerline.gif) no-repeat;
margin:0;
}

#footer {
text-align:center;
font-size:60%;
color:#b2b2b2;
line-height:150%;
}

#footer a {
color:#b2b2b2;
text-decoration:none;
}

#footer a:hover {
color:#666666;
text-decoration:underline;
}

/* Other attributes */
.hide {
	display: none;
	}
	

hr.clear {
	clear: both;
	height: 1px;
	margin: 1px 0 0 0 !important;
	margin: 1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
	}


/* Form fields */

fieldset{
	border: none;
	margin: 4px;
	text-align:left;
}

fieldset.noborder {
	border:0;
	margin:0;
	padding:0 0 0 15px;
}


fieldset select,input,textarea {
	font: verdana, arial, geneva, helvetica, sans-serif;
}/*
textarea {font-size:100%;}
*/

legend {
	margin-top: 10px;
	margin:2px;
	padding:4px;
	background-color:#FFFFFF;
	font-size:100%;
}

.formitems {margin-bottom:4px;padding:1px;font-size:80%;}

.formitems .formlabel {position:absolute;right:595px;width:175px;text-align:right;}
.formitems .formitem {margin-left:185px;}

.formitems .longformlabel {position:absolute;width:430px;}
.formitems .longformitem {margin-left:440px;}

.formitems .formitemspan {margin-top:15px;}

/* Poll Items */

.polllabel {position:absolute;width:200px;cursor:hand;cursor:pointer;}
.pollitem {margin-left:205px;}
.pollresultitem {padding-top:5px;}
.pollrow {border-bottom:1px solid #F0F0F0;font-size:70%;margin-left:10px;padding:4px 0;}

.newstitle {background:url(../images/whitearrer.gif) top left no-repeat;color:#ffffff;font-weight: bold;padding: 3px 00px 3px 20px;border-bottom: 1px dashed #ffffff;}
a.newstitlelink {color:#ffffff;text-decoration:none;}
a.newstitlelink:hover {color:#5C478E;text-decoration:none;}

.articletitle {background:url(../images/arrer.gif) top left no-repeat;color:#ffffff;font-weight: bold;padding: 3px 0px 3px 20px;border-bottom: 1px dashed #666666;margin-bottom:3px;}
.articletitle a {color:#666666;text-decoration:none;}
.articletitle a:hover {color:#5C478E;text-decoration:none;}

table.recruitment {margin-left:15px;font-size:11px;}

table.frontpage {
	width:512px;border-top:1px solid #5C478E;font-size:67%;line-height:140%;
}
/*
.cell {font-size: 67%;
font-weight: normal;
color: #666666;
line-height:140%

.cellb {font-size: 67%;
font-weight: bold;
padding: 0 20px 0 20px;
margin: 0px 0px 7px 0px;
color: #666666;
line-height:140%;}

.celltop {font-size: 67%;
font-weight: normal;
padding: 0 0px 0 20px;
margin: 0px 0px 7px 0px;
color: #666666;
line-height:140%;}*/

ul.links  {font-size: 67%;
font-weight: normal;
padding: 0 20px 0 20px;
margin: 0px 0px 7px 20px;
color: #666666;
line-height:140%;}
