@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica;
	background: #F6F6F6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
	font-size:8pt;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.oneColFixCtr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:#FFFFFF url(../images/gradient.png) repeat-x;
	/* border-left:1px solid #09117f;
	border-right:1px solid #09117f; */
}
.oneColFixCtr #mainContent {
	padding: 0 10px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* Header of site */
div#background_header { width:980px; height:110px; margin-left:-20px; background:url(../images/background_header.png) no-repeat;color:#000; }
#hb-i {margin:0px 22px 5px 0; float:left;}
#hb-i a { background:url(../images/backgrounds/303_button_01.png) 0 -73px no-repeat; display:block;}
#hb-i a:hover { background: url(../images/backgrounds/303_button_01.png) no-repeat 0 0; display:block;}
#hb-i-2 {margin:0px 22px 5px 0; float:left;}
#hb-i-2 a { background:url(../images/backgrounds/303_button_02.png) 0 -73px no-repeat; display:block;}
#hb-i-2 a:hover { background: url(../images/backgrounds/303_button_02.png) no-repeat 0 0; display:block;}
#hb-i-3 {margin:0px 6px 5px 0; float:left;}
#hb-i-3 a { background:url(../images/backgrounds/303_button_03.png) 0 -73px no-repeat; display:block;}
#hb-i-3 a:hover { background: url(../images/backgrounds/303_button_03.png) no-repeat 0 0; display:block;}

/*Navigation styles*/
/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus */
*{margin:0;padding:0;border:none;}
/* Begin CSS Popout Menu */
#menu{
width:100%;
float:left;
background:;
margin:0 0 0 0px;
}
#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}
#menu h2{
color:#000;
background:#FFFFFF url(/css/images/expand3.gif) no-repeat 100% 100%;
text-transform:uppercase
}
#menu a{
background:#eee;
text-decoration:none;
}
#menu a, #menu a:visited{
color:#000;
}
#menu a:hover{
color:#000;
background:#ddd;
}
#menu a:active{
color:#060;
background:#ccc;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}
#menu li{
position:relative;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}
#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#003399 url(/css/images/expand3.gif) no-repeat -999px -9999px;color:white;
}
div#menu li:hover{
cursor:pointer;
z-index:100;
}
div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}
#menu a.x:hover{
color:#a00;
background:#ddd;
}
#menu a.x:active{
color:#060;
background:#ccc;
}
/*Buttons in the Dropdown menu*/
#s_button {font-size:9pt; background-color:#FFFFFF; color:#000000; border:1px solid #ccc; cursor:pointer;width:9.5em;padding:1px 0 1px 3px;}
#s_button :hover {font-size:9pt; background-color:#003399; color:#FFFFFF; border:1px solid #ccc; cursor:pointer;width:9.5em;padding:1px 0 1px 3px;}
.s_button {font-size:9pt; background-color:#FFFFFF; color:#000000; border:1px solid #ccc; cursor:pointer;width:9.5em;padding:1px 0 1px 3px;}
.s_button:hover {font-size:9pt; background-color:#003399; color:#FFFFFF; border:1px solid #ccc; cursor:pointer;width:9.5em;padding:1px 0 1px 3px;}
/* Headbox (Login) */
.oneColFixCtr #container #mainContent #headbox {
	background:;
	color:#FFFFFF;
	clear: right;
	float: right;
	height: 290px;
	width: 300px;
	text-align:left;
	margin:10px 0 0 0;
}
/*The next events box appears inside Headbox*/
#next_events {overflow:auto; width:280px; height:260px; padding:10px 0 10px 15px; margin-top:-10px;}
/*Addbox*/
.oneColFixCtr #container #mainContent #addbox {
	color:#000;
	clear: right;
	float: right; 
	eight: 440px; 
	width: 300px;
	background:#FFF;
	padding: 10px 0; }

/* The RIGHT SIDE BOX */
.oneColFixCtr #container #mainContent #addbox_links {
	background:#F9F9F9; clear: right; float: right; height: auto; width: 280px; padding: 10px; margin:20px 0 0 0; }

/*inside of addbox_links we will find p-link*/
#p-link {margin:2px 3px; border:1px solid #EEEEEE; background:#FFFFFF;}
#p-link a{ font-weight:bold; }
	
/* Google Advert */
.oneColFixCtr #container #mainContent #addbox2 {
	clear: right; float: right; height: 250px; width: 300px; margin:0px 0 15px 0; }
	
.oneColFixCtr #container #mainContent #addbox_member {
	clear: right; float: right; width: 274px; padding:10px; margin:0px 0 0 0; }

/* Top Navigation (Dj Vj, Agency...) */
.oneColFixCtr #container #mainContent #topnavigation {  
color:#FFFFFF; font-size:10pt; font-family:"Courier New", Courier, monospace; width:960px; text-align:center;padding:5px 0;height:20px; margin:0 0 0 -10px; }
.oneColFixCtr #container #mainContent #topnavigation a:link { color:#000000; }
.oneColFixCtr #container #mainContent #topnavigation a:visited { color:#000000; }
.oneColFixCtr #container #mainContent #topnavigation a:hover { color:#000000; }
.oneColFixCtr #container #mainContent #topnavigation a:active { color:#000000; }

a:link { color:#000; }
a:visited { color:#000; }
a:hover { color:#000; }
a:active { color:#000; }

/*
div#mainContent a:link { color:#FFFFFF; font-size:10pt; }
div#mainContent a:hover { color:#FFFFFF; font-size:10pt; }
div#mainContent a:active { color:#FFFFFF; font-size:10pt; }
div#mainContent a:visited { color:#FFFFFF; font-size:10pt; }
*/

p#txt {	margin-right:320px; text-align:justify; font-size:10pt; color:#333333; }

h3 {margin-bottom:-10px; margin-top:5px; text-align:left; padding-left:10px; color:#FFFFFF;}
h4 {border-bottom:1px solid #CCCCCC; text-align:left; padding-left:10px; color:#000;}

p#newstitle { font-size:9pt; font-weight:bold; padding:10px; margin-bottom:0px; border-bottom:1px solid white; }
p#newscontent { font-size:8pt; text-align:justify; padding:10px; margin-top:0px; }

div#searchbox_index { margin:30px 10px 0 0px; width:610px; padding:10px; text-align:left; background:;border:1px solid #343CB7; }

div#topten { width:600px; padding: 10px 20px 0px 10px; background:#DCDCFF;color:#000000; margin:30px 10px 10px 0px; }
#tt_label {border-bottom:1px solid #8181FF; background:;}

/*Newsbox is the mainbox in the left column*/
div#newsbox { width:640px; padding: 10px 10px 10px 10px; background:#FFF; margin:10px 0px 0px -10px; }

div#newsbox_with_margin { width:600px; padding:10px 20px 0px 10px;margin:30px 10px 10px 0px; background:#FFF; }

#tblupd p { padding:3px; color:#8A8A8A; }
#tdupde { background:#F9F9F9; border-right: double #C1C1C1; }
#tdupd { background:#F9F9F9; }

/* Searchfield index.php */
.input				{border: 1px solid #99b3b4;width: 160px;background: #e4ebeb url(../login/images/input_stripe.gif);font: 11px verdana, sans-serif;color:#443;padding:3px;outline:none;}
.input:focus			{border:1px solid #567475;background: #e4ebeb;}
.submit-btn			{width: 54px;height: 20px;background:url(../background/background/search.gif) no-repeat;outline: none;vertical-align:top;border:0;margin:5px 0 0 0;float:right}
.submit-btn			{margin:1px 0 0 0;#}
.submit-btn:hover		{background: url(../background/background/search.gif) no-repeat 0 -20px;}

div#relatedsearch a:link {text-decoration:none;}
div#relatedsearch a:hover {text-decoration:underline; color:#003399;}

div#footer {  border-top:1px solid #6167ad; height:auto; margin:10px 0 0 -10px; color:#181818; }

/* HELPCENTER */
/* help/help.php?subject_help=??? */
div#topnavigation_helpcenter { width:920px; height:100px; padding: 20px 10px 0px 20px; }
div#topnavigation_helpcenter a:hover { color:#FF9900; }
div#topnavigation_helpcenter a:link { font-size:8pt; }
div#top_links { float:left; margin-left:5px; padding-top:1px; }

div#help_content_header { height:10px; width:940px; }
div#help_content { color:#000000; width:940px; padding:0px 20px 0px 20px; }
div#help_content_footer { height:50px; width:940px; }

/* Members.php */
#fileframe {border:1px solid #09117f; background:#FFF; padding:2px; font-size:10pt; width:auto;}
#filebox {border:1px solid #09117f; background:#FFF;-moz-border-radius:5px;}
#addform {border:1px solid #CCCCCC;}
/* Memebrs and Memberprofile - inc/show_topten.php */
#ptt_t { font-weight:bold; text-decoration:underline; }
#ppt_i { border-bottom: 1px solid #CCCCCC; }
#ptt { padding:1px; margin:1px; }

/* contact/form.php */
#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
width:650px;
background:#FFFFFF;
-moz-border-radius:5px;
}
#fcf2 h3 {
font-size:1.5em;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px; margin-left:6px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 535px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}