html, body, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;

}


a {
	font-weight: bold;
	text-decoration: none;
	color: #5C5C5C;

}

h1 {
	font: 16px verdana, tahoma, arial, sans-serif;
	margin-top:10px;
	margin-bottom:0px;
	color: #859d31;
	font-weight:bold;
	
}
h2 {
	font: 14px verdana, tahoma, arial, sans-serif;
	margin-top:10px;
	margin-bottom:0px;
	color: #859d31;
	font-weight:bold;
	
}

a:hover {
	text-decoration: underline;
}

.left {
	float: left;
}


body, h3, form {
	font: 10px tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5C5C5C;
	
}





body {
	
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	
	width:774px;
}


/*  New part
The below styles are styles for the top part (head) of the cms
*/
 
#header {
	text-align: left;
	margin: auto;
	height: 100px;
	background: url(images/header_bg.png) repeat-x;
	background-color:white;


}
#header_left{
	text-align: left;
	margin-top:10px;
	margin-left:0px;
	float: left;
		
	
}
#header_right_top{
	text-align: right;
	margin-top:10px;
	margin-right:0px;
	width:400px;
	float: right;
	font: 12px verdana, tahoma, arial, sans-serif;

	
}
#header_right{
	text-align: right;
	margin-top:19px;
	margin-right:0px;
	width:450px;
	float: right;
	font: 12px verdana, tahoma, arial, sans-serif;

	
}
#header_right a{
	font-weight: bold;
	color: #1681aa;
	text-decoration:underline;
	
	
}




/*  New part
The below styles are styles for the middle part (content) of the cms
*/
/*this div is used to place the content in the middle this means the: editing pages, log in, user menu etc)*/
#middle {
	

}

#middle_left {
	float: left;
	width: 624px;
	
	
}



#middle_right {
	float: right;
	width: 140px;

}

#login_submitbutton {
	text-align: right;
}



#middle_right div {
	padding: 3px 0;
	margin: 0;
}
#middle_right #q {
	width: 140px;
	border: 1px solid #859D31;
}

/*class for the word menu at the top of the menu*/
#middle_right .downcast {
	background: #E6E7E7;
	border-top: 1px solid #CFD0D0;
	padding: 3px 4px 4px 4px;
	margin: 2px 0 0 0;
}

/*this style is for all main menu headers like users/story's/compeitions etc */
#middle_right h3 {
	background: url(images/bullet_letter.gif) no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin: 1em 0 0.4em 0;
}

/*this class is for all menu items */
#middle_right .menu_subitem {

	font-weight: normal;
	padding: 3px 4px 4px 4px;
	margin: 2px 0 0 0;
}





/*this class defines all normal text at the right part of the main heading */
#middle_right p {
	padding-left: 15px;
	padding-right: 2px;
	margin: 0.1em 0;
}













/*  New part
The below styles are styles for the footer part of the cms
*/

#footer {
	color: #FFFFFF;
	background: #42453D url(images/footer_bg.gif) repeat-x;
	padding: 6px 0 5px 0;
	height:10px;
	font-weight: bold;
	width:774px;
	position:relative;
	clear:both;
	margin-top: 10px
}
#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}






/*New part
The below styles are the included edit pages for the cms
*/

/*used for a specific block. Each block has borders so there will be blocks of content for the user */
#div_default {
	float: left;
	width: 95%;
	border: 1px solid;
	border-color: #a0a0a0;
	margin-top: 10px;
	padding: 5px;
	font: 14px verdana, tahoma, arial, sans-serif;

}

/*name/head of the page/part */
.form_header_text {
	font: 16px verdana, tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5C5C5C;
	font-weight: bold;
}

/*class for explanation of the page/part */
.form_default_text {
	font: 12px verdana, tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #5C5C5C;
}

/*class for form fields */
.form_field {
	font: 12px verdana, tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
}







/*divjes in forms */
#div_default_item {
position:relative;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
margin-top: -10px;

}
#div_default_item_sub_1_2 {
position:relative;
left:000px;
top:5px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
}
#div_default_item_sub_2_2 {
position:relative;
left:250px;
top:-15px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
width: 330px;

overflow: hidden;

}

#div_default_item_sub_1_3 {
position:relative;
left:000px;
top:5px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
}
#div_default_item_sub_2_3 {
position:relative;
left:100px;
top:-12px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
}
#div_default_item_sub_3_3 {
position:relative;
left:250px;
top:-29px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
}
#div_default_item_sub5 {
position:relative;
top:-15px;
left:500px;
font: 14px verdana, tahoma, arial, sans-serif;
color: #5C5C5C;
vertical-align:center;
}

/*
Error messages style
*/
#div_error_message {
	float: left;
	width: 95%;
	border: 1px solid;
	border-color: #ff0000;
	margin-top: 10px;

}







/*homepage
*/
#homepage_left_top {
	text-align:left;
	float: left;
	width: 600px;
	/*
	height: 180px;
	*/
	border: 0px;
	
	font: 14px verdana, tahoma, arial, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
}




#homepage_left_top p {
	font: 12px verdana, tahoma, arial, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	
}


#homepage_left_top a {
	font: 12px verdana, tahoma, arial, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
	color: #1681aa;
	text-decoration:underline;
	
}





/*introduction banner */	
#homepage_left_person1 {
	clear:both;
	width: 780px;
	height: 240px;
	border: 0px solid;
	border-color: #a0a0a0;
	margin-top: 20px;
	padding: 5px;
	font: 14px verdana, tahoma, arial, sans-serif;
	background: url(images/intro.png) no-repeat;

}
#homepage_left_person1_preview {
	border: 0px solid;
	margin-top: 3px;
	margin-right: 10px;
	padding: 5px;
	font: 14px verdana, tahoma, arial, sans-serif;
	text-align: right;

}
#homepage_left_person1_preview a {
	font-weight: bold;
	color: #1681aa;
	text-decoration:underline;

}
#homepage_left_person1_button {
	border: 0px solid;
	margin-top: 145px;
	margin-right: 10px;
	padding: 5px;
	font: 14px verdana, tahoma, arial, sans-serif;
	text-align: right;

}
#homepage_left_person1_button a {
	text-decoration:none;
	border:0px;

}
#dingding {
	text-decoration:none;
	border:0px;
}
/*can be deleted? 28-9-2008

#photo h1 {
	margin: 0.3em 0;
	font-weight: bold;
	margin-top:20px;
	font-size:20px;
	
}

#photo h2 {
	margin: 0.3em 0;
	font-weight: bold;
	margin-top:20px;
	
}
#photo p {
	margin: 0.3em 0;
	font-size:16px;
}  
#photo h5 {
	margin: 0.3em 0;
	font-size:12px;
}  
*/

/* can be deleted? 28-9-2008
#gallery img {
	float: left;
}
*/
/* can be deleted? 28-9-2008
img {
	border: 0;
}
*/

/* can be deleted? 28-9-2008
#nav {
	margin-top: 7px;
}
*/
/*can be deleted? 28-9-2008
#nav img {
	float: left;
}
*/



/*can be deleted? 28-9-2008)
#main {
	width: 774px;
}
*/

/* cab be deleted? 28-09-2008
#middle img {
	display: block;
}
*/