/*+++++ 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:11px;
	color:#333333;
	background:#354A86;
	margin:0px;
	line-height:17px;
}

#wrap {
  	width:754px;
	margin:10px auto;
	border:0px solid #333333;
	padding:2px 0px;
	background-color:#d9ebf9;
}

#page {
  	width:750px;
	margin:0px auto;
	padding:0px;
	/*background-color:#ffffff;*/
	background:#d9ebf9 url(../images/bg-page.gif) repeat-y;
}

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

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


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

#header {
	height:20px;
	padding:5px 5px 0px 5px;
	background-color:#d9ebf9;
}

#header .left {
	float:left;
}

#header .right {
	float:right;
}

#header a {
	color: #333333;
	text-decoration:none;
}

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

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

#banner img {
}

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

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


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

#nav .left {
	float:left;
}

#nav .right {
	float:right;
}

#nav .clear {
	clear:both;
}

#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;
}

#nav2 {
	height:23px;
	padding:2px 5px;
}

#nav2 .left {
	float:left;
	padding:4px 0px 0px 0px;
}

#nav2 .right {
	float:right;
	padding:1px 0px 0px 0px;
}

#nav2 .clear {
	clear:both;
}

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



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

#content {
	float:right; 
	width:552px;
	padding-left:2px;
	padding-right:4px;
	/*background-color:#ffffff;*/
}

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

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

#pagetitle {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	/*font:20px Georgia, "Times New Roman", Times, serif;*/
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #eeeeee;
	color:#9A0000;
}

#pagedata {
	/*background-color:#ffffff;*/
}


/*+++++ leftmenu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#leftmenu {
	float:left;
	width:190px;
	padding-left:0px;
	padding-right:0px;
	/*background-color:#ffffff;*/
	margin-top:-10px;
}


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


/*+++++ footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	clear:both;
	height:20px;
	background-color:#354A86;
	padding:5px 5px 5px 5px;
	font-size:11px;
	color:#ffffff;
}

#footer .left {
	float:left;
}

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

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

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

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


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

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

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

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

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

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

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

label {
	cursor:pointer;
}

.imageindex img {
        margin-right: 10px;
}