/* ------------ GENERAL STYLES ------------ */

* {
	margin					:0px;
	padding					:0px;
}
body {
	background			:#FFFFFF;
	font						:12px/1.8 "arial", serif;
	color						:#000000;
	text-align				:left;
	padding					:20px 0px 20px 0px;
}
   
/* ------------ LAYOUT ------------ */

#container {
	width					:960px;
	position					:absolute;
	top						:0px;
	left						:50%;
	margin					:0px 10px 0px -480px;
}
	#header { width:960px; position:relative; padding-bottom:15px; }
		#logo {width:760px;margin:0px; color:#000000;font-weight:normal;text-transform:uppercase;font-size:200%; letter-spacing:-1px;}
		#slogan {width:760px;margin:0px;color:#7F7F7F;}
		#bookmark {width:200px;float:right; text-align:right;}

	#search {position:absolute; background:#EFEFEF;bottom:15px; right:0; padding:7px;}
	#search #search-input {width:175px; border:1px solid #AFAFAF;padding:3px;}
	#search #search-input:focus {border:1px solid #5F5F5F;}
	#search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;border:1px solid #FF4D80; background:#FF4D80; color:#FFFFFF;}

	#content {position:relative; padding:10px 0 30px 0; overflow:hidden;}

		#top { width:630px; float:left; padding-top:10px;}
		
		.box { min-height:1px;}
		.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

		#main {float:left; width:630px;height:inherit; padding-top:10px;}
		
		#aside-1 { float:right; width:310px; margin-top:10px; }
		#aside-2 { float:right; width:310px; margin-top:20px; }

	#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;clear:both; font-size:85%; text-transform:uppercase;}
		#footer a {color:#5F5F5F;}
		#footer a:hover {color:#000;}
		#footer-l {width:700px;float:left;}
		#footer-r {width:200px;float:right; text-align:right;}
		
	.center {text-align:center !important;margin:0px }
	
	ul	{ list-style:disc; margin:0px 0px 0px 13px; }
	li { padding:0px 0px 0px 8px; }
	
	ul.news	{ list-style:none;margin:0px 0px 0px 0px; }
	li { padding:0px 0px 0px 8px; }

/* ------------ HOMEPAGE ------------ */

.col { min-height: 220px; width:310px; float:left; margin-top:10px}
.col.margin { margin:10px 0px 0px 10px; }

img.f-left { float:left; margin-right:15px;}

#photos {height:135px; line-height:0;}
#photos img {display:block; float:left; width:90px; height:115px; margin-left:17px; border:0;}

.nom {margin:0 !important;}

/* ------------ CONTENT ------------ */

table.contentpane, table.contentpaneopen { width:100%;margin:-8px 0px 0px 0px; }

.contentheading { width:100%;text-align:left; }
#componentheading { width:100%; }

h1 {	font-size:150%;font-weight:normal;margin:10px 0px 10px 0px;color:#FF4D80; }
h2 {	font-size:150%; margin:0px 0px 10px 0px; }
h3 {	font-size:120%; }
h4 {	font-size:110%; }
h5 {	font-size:100%; }

p {margin:10px 0px 10px 0px; }

a:link, a:visited  { color:#FF4D80;text-decoration:none; }
a:hover { color:#999999; }

a.logo  { border-bottom:1px solid #DFDFDF;color:#000000;text-decoration:none; }
a:hover.logo { border-bottom:1px solid #DFDFDF;color:#FF4D80; }

a.more {padding:10px 7px 10px 7px; border:0 !important;background:#F5F5F5; color:#5F5F5F;}
a:hover.more {background:#FF4D80; color:#FFFFFF;}

.col h2 {margin-bottom:3px; text-transform:uppercase;}
.col h2 a {color:#FF4D80; text-transform:uppercase;}
.col h2 a:hover {color:#000000;}
.col p.bb {padding-bottom:20px; background:url("../images/dot-02.gif") 0 100% repeat-x;}
.col p img.f-left {margin-right:10px;}
.col p {position:relative;}

.hx-style01 { clear:both; color:#FF4D80;background:url("../images/dot.gif") 0 50% repeat-x; padding:0px 5px 0px 15px; font-weight:bold; text-transform:uppercase;}

/* ------------ MAINMENU - OTHERMENU - USERMENU ------------ */

#mainlevel {clear:both; padding:-215px 0; border-left:0 !important; border-right:0 !important;border:1px solid #CCC;padding:12px 0px 14px 0px;}
.mainlevel { margin:0; padding:0; list-style:none; font:100%/1.4 "arial",sans-serif; }

a.mainlevel:link, a.mainlevel:visited {
	color       			    :#000000;
	padding					:7px 15px 7px 15px;
	border					:0px;
	background			:url("../images/dot-03.gif") 100% 0 repeat-y; 
	text-decoration		:none;
}
a:hover.mainlevel {
	color						:#FF4D80;
	text-decoration		:none; 
}
#active_menu {
	background			:#FF4D80 url("../images/dot-03.gif") 100% 0 repeat-y;
	color       			    :#FFFFFF;
	font-weight			:bold;
	text-decoration		:none;	
	border					:0px;
}

/* ------------ FORMS ------------ */

input, textarea, select { 
	color						:#000000;
	font						:12px "arial", serif;
	border					:1px solid #333333;
	padding					:2px 2px 0px 2px;
}
.button {
	width					:90px;
	height					:22px;
	background-color	:#2C2C2C;
	font						:12px "arial", serif;
	color						:#FFFFFF;
	font-weight			:bold;
	padding					:2px 2px 8px 2px;
}
.inputbox, .search {
	color						:#000000;
	border					:1px solid #000000;
	padding					:2px 2px 0px 2px;
}