@import url("slider.css");

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #654928;
	font-size: 76%;
	/*background-image: url(images/background.gif);
	background-repeat: repeat-x;*/
	background-color: #82a1b3;
	text-align: center;
	margin: 0;
	}
	
	
.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: #99afbc; /*url(images/login_bck3.gif) no-repeat left top; background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 220px;
font: bold 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;

}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: #99afbc url(images/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(images/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: #69889c; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}


#wrapper
{
margin: 0;
width: 100%;
}

#maincontent
{
	background-image: url(images/maincontent_bck.gif);
	background-repeat: repeat-y;
	text-align: left;
	width: 979px;
	position: relative;
	margin: 25px auto;
	padding: 0;
	

}
#header
{
	width: 979px;
	height: 141px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
}

#footer
{clear: both;
width: 979px;
height: 45px;
padding:33px  22px 5px 17px;
background-image: url(images/footer.gif);
background-repeat: no-repeat;

	color: #FFFFFF;
	background-color: #82a1b3;
	font-size: 11px;
	}
#footer a:link
{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	}
	#footer a:hover
{
	color: #d1d8dd;
	text-decoration: underline;
	font-size: 11px;
	}
	#footer a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	}
	
h1
	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #6f522e;
	
	}
	h2
	{font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #4a6379;
	
	}
	
	a:link
	{
	
	color: #47341D;
	text-decoration: underline;
	}
	a:hover
	{
	color: #8B6639;
	text-decoration: underline;
	}
	a:active
	{
	color: #2C2012;
	text-decoration: underline;
	}
	a:visited
	{
	color: #47341D;
	text-decoration: underline;
	}
#container1
{margin: 5px 18px 5px 15px;
border: 0;
}
.container2
{margin: 1px;
border: 1px solid #a89881;
padding: 10px;
}

.image_border
{border: 0px;
padding-left: 15px;
margin-top: 3px;}


/*top menu styles start here*/

#mainnav{
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;


}

#mainnav, #mainnav ul {
list-style:none;
line-height:1.5em;
padding: 110px 0 0 0;

width: 950px;
height: 38px;
margin:0 auto 0 auto;
}

#mainnav ul{
float:left;
}

#mainnav a {
width:0.1em;
font-size:12px;
text-align:center;
color:#ffffff;
text-decoration:none;
border-right: 2px solid #849fb0;

height:16px;
display:block;
padding-top: 2px;
padding-right: 19px;
padding-bottom: 4px;
padding-left: 19px;
white-space:nowrap;

}
#mainnav li>a {
width:auto;

}

#mainnav a:hover {
color: #654928;
text-decoration:none;

}

#mainnav li {
float:left;
padding:0;
}

#mainnav li li a {
font-size:12px;
background-color:transparent;
color:#fff;
padding:0.1em 1em 0.1em 1em;
border:0;
text-align:left;
}
#mainnav li li a:hover {
	color:#b4a99b;
	border:0;
	background-color: #536f84;
}

#mainnav li ul {
position:absolute;
left:-999em;
height:auto;
width:11em;
font-weight:normal;
border:1px solid #ECE2B2;
border-top:0;
margin:0;
z-index:1000;
}

#mainnav li li {
	padding:0.3em 0;
	color:#b4a99b;
	text-decoration:none;
	border:1px solid #ECE2B2;
	border-width:1px 1px 0;
	background-color:#536f84;
}



#mainnav li ul a {
width:11em;
}

#mainnav li ul ul {
margin:-1.50em 0 0 10em;
}

#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
	left:-999em;
	color:#536f84;
}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
left:auto;
padding-top:3px;
margin-left:0;border:0;
}

#mainnav li li:hover, #mainnav li li.sfhover {
background: #536f84;

}



#mainnav li #home
{
	border-left: 0;
	
}
#mainnav li #discussion
{
	
	border-right: 0;
}
.rule{
width:850px;
height:5px;
clear:both;
border-bottom: 1px dotted #ccc;
margin-bottom:10px;
margin-top:10px;
margin-left:20px;
}

/****** Form Styles *******/

#title {
	width: 500px;
	font-size:14px;
	height: 26px;
	color: #39612a;
	padding-top: 5px;
	letter-spacing: 2px;
	text-align: left;
}

form {
	width: 500px;
	margin:20px auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #654928;
	font-size: 12px;
	margin-right:230px;
}

fieldset{
	width:500px;
	border:0
}
.col1 {
	text-align: right;
	width:160px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	padding-top:8px;
}

.col2 {
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	text-align:left;	
}

.col2comment {
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	
}

.col1comment {
	text-align: right;
	width:160px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	padding-top:8px;
	
}

div.row {
	height:30px;
	/*background: url(images/formfieldBG.gif) repeat-y;*/
	clear: both;
	margin:5px 0
}

.submit {
	height: 29px;
	/*background: url(images/bg_submit.gif) no-repeat;*/
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6f522e;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6f522e;
	margin: 4px 0 5px 8px;
}

.checkbox {
	margin: 4px 0 5px 8px;
}

/****** /End Form Styles *******/
.twitter_container
{float: left;
border: 1px solid #a89881;
width: 350px;
}

.facebook_container
{float: right;
border: 1px solid #a89881;
width: 350px;
}
image_border
{border: 0;
}

.homepage_container_left
{width: 700px;
height: 500px;
float: left;
border: 1px solid #a89881;
margin:0;
padding:0;
}
.homepage_container_right
{width: 240px;
height: 500px;
float: right;
border: 1px solid #a89881;
background-color: #e7e5de;
}
.homepage_boxes
{
	width: 212px;
	padding: 5px 10px 2px 10px;
	background-color: #FFFFFF;
	background-image: url(images/whats_new_back.gif);
	background-repeat: repeat-x;
	margin: 3px 0 2px 4px;
	font-size: 11px;
	
}

.homepage_boxes h2
{color: #ffffff;
font-weight: bold;
margin-top:7px;
font-size: 13px;}

#flash{ }

.footer_images
{border: 0;
margin: 11px 0px 0 0;
}
.bookme
{float: right;
margin-right: 10px;
border: 0;
}

/* TWITTER BUBBLE */
#twitter_bubble
{
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
 
#twitter_bubble #twitter_photo
{
	position: relative;
	width: 66px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background: url("images/bg-twitter-bubble-tip.gif") no-repeat right;
	z-index: 10000;
}
 
#twitter_bubble #twitter_photo img
{
	border: 1px solid #D5D5D5;
}
 
#twitter_bubble div.rounded
{
	width: 150px;
	margin: -63px 0px 0px 65px;
	padding: 10px;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
}
 
#twitter_bubble div.rounded p
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

	
	.tweet {
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #654928;
	font-size: 11px; }
  .tweet .tweet_list {
    /*-webkit-border-radius: .5em;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    .tweet .tweet_list li {
     /* overflow: auto;*/
     overflow:hidden;
      padding: .0;
      line-height: 13px;}
      .tweet .tweet_list li a {
        color: #0C717A; }
    .tweet .tweet_list .tweet_even {
      background-color: #ffffff; }
 
     #feedBox img
     {display: none;}
	 
	 .image_left
	 {float: left;
	 margin-right: 10px;
	 }
	 .image_right
	 {float: right;
	 margin-left: 10px;
	 }
	 .facebook_fanpage
	 {float:right;
	 width: 400px;
	 }