/*+++++ import css +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@import url(style-menu-nav.css);
@import url(style-menu-calendar.css);
@import url(style-menu-search.css);
@import url(style-menu-contact.css);
@import url(style-menu-polling.css);
@import url(style-menu-profile.css);
@import url(style-menu-photonews.css);
@import url(style-menu-other.css);
@import url(style-menu-partner.css);

@import url(style-news.css);
@import url(style-event.css);
@import url(style-profile.css);
@import url(style-gallery.css);
@import url(style-guestbook.css);
@import url(style-polling.css);

@import url(style-bbcode.css);

/*+++++ body +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:#ffffff url(../images/background.gif) center repeat-y;
	margin:0px;
}

#wrap {
  	width:760px;
	margin:0 auto;
	border:0px solid #333333;
	padding:5px;
	background-color:#ffffff;
}

#page {
  	width:750px;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
}

a {
	color: #336699;
	text-decoration:none;
}

a:hover {
	color: #ff0000;
	text-decoration:none;
}


/*+++++ header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header {
	height:20px;
}

#header .left {
	float:left;
}

#header .right {
	float:right;
}

#banner {
	display:none;
	/*
	height:100px;
	margin:0px auto 5px auto;
	background:#ffffff;
	*/
}

#banner img {
	display:none;
}

#banner h1 {
	color:#ffffff;
	margin:0px 0px 0px 10px;
}

#banner h2 {
	color:#000000;
	margin:0px 0px 0px 10px;
}


/*+++++ navigasi +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#nav {
	height:18px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	margin:0px auto 10px auto;
	padding:5px 0px 10px 0px;
	background-color:#ffffff;
	/*border-bottom:2px solid #dddddd;*/
}

#nav .left {
	float:left;
}

#nav .right {
	float:right;
}

#nav span.off a {
	height:20px;
	text-decoration:none;
	color:#ffffff;
	padding:4px 8px 2px 8px;
	background-color:#999999;
}

#nav span.off a:hover {
	height:20px;
	color:#333333;
	background-color:#dddddd;
}

#nav span.on a {
	height:20px;
	text-decoration:none;
	color:#333333;
	padding:4px 8px 2px 8px;
	background-color:#dddddd;
}

#nav span.on a:hover {
	height:20px;
	color:#333333;
	background-color:#dddddd;
}

#nav span.date {
	color:#000000;
}


/*+++++ main +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main {
	background-color:#ffffff;
	margin:0px auto;
}

#content {
	float:right; 
	width:540px;
	padding-left:4px;
	padding-right:4px;
	background-color:#ffffff;
}

#pageindex {
	float:left;
	width:280px;
	padding-left:0px;
	padding-right:5px;
	background-color:#ffffff;
}

#pagebanner {
	margin:0px 0px 10px 0px;
}

#pagetitle {
	height:30px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font:20px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

#pagedata {
	background-color:#ffffff;
}


/*+++++ leftmenu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftmenu {
	float:left;
	width:180px;
	padding-left:4px;
	padding-right:4px;
	background-color:#ffffff;
}


/*+++++ rightmenu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#rightmenu {
	float:right;
	width:240px;
	padding-left:5px;
	padding-right:0px;
	background-color:#ffffff;
}


/*+++++ footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	clear:both;
	height:40px;
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	border-top:2px solid #dddddd;
	font-size:11px;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
	text-align:right;
}

#footer p {
	margin:0px 0px 5px 0px;
}


/*+++++ form +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
form {
	display:inline;
}

.inputtext {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:12px;
}

.inputsubmit {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}

.inputselect {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:12px;
}

.inputtextarea {
	font-family:arial, tahoma, verdana, helvetica, sans-serif;
	font-size:12px;
}

label {
	cursor:pointer;
}



#dhtmltooltip {
	font-size:11px;
	position:absolute;
	width:430px;
	border:1px solid #cccccc;
	padding:2px;
	background-color:#ffffff;
	visibility:hidden;
	z-index:100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}