/* CSS Document */

#container
{
   width: 960px;
	background-color: #ffffff;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
	
	/*
		background-image: url(bg1.jpg);
	background-repeat: repeat-x;

	background-position: bottom;
*/
}

div#header {
margin: 0;
/*
background-image: url(logo.png);
*/
text-align: center;
height:214px;

 top: 0px;
 left: 0px;

}




body {
   text-align: center;
	
   margin: 0;
	background-color: #bdbec0;
	
	}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.page-title-top {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.page-title-bottom {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.page-name {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.bottom-menu {
	font-family:Arial;
	font-size:10px;
}

#pig{
	
	/*background-color: #708090;*/
	
	width:960px;
	height: auto;
	
	float:left;
	background-image: url(pig_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	

	padding-bottom: 0px;
}

#middle{
width:960px;
height:auto;
float: right;
	background-image: url(bg.jpg);
	
	background-repeat: repeat-y;
	background-color: #bdbec0;
	
}


#Content{

/*left:180px;*/
color:#fff;
font-family: Arial;
font-size: 14px;
float:right;
margin-right: 10px;
width:750px;
text-align: left;

}





.sohotext{




font-family: Lucida Sans;
font-size: 12px;

}
/* Main Menu Links */



#Content h1{
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	color: #FF8000;
}
#Content h2{
 font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #FF8000;
 
 }
#Content a{
	text-decoration: none;
	color:#FF8000;
}


.left_side>a{
	
	text-decoration: none;
}
#leftpane{


	font-family: Arial, sans-serif;
	
	font-size: 9px;
	
overflow:none;
float:left;

 height:auto; 
 width:200px;
 padding-bottom:10px;
}
#leftbox{
	height:auto;
	
}
#leftmenu{
margin-top:0px;
margin-left: 0px;

	font-family: Arial, sans-serif;
	
	

	  height:auto;
	  padding-bottom:30px;
	

}

#leftimage{
width:auto;
	padding-left: 0px;
		clear: both;
	padding-top: 20px;
	height:260px;
}


#footer{
color:#fff;
text-align: right;
	float: left;
	width: 960px;
	height: 30px;
	background-color: #bdbec0;
	/* background-image: url(foot_bg.jpg);*/
	
}
#footer a{
	text-decoration: none;
	color:white;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; width:177px;z-index:4;}
.menu {margin: 5px 0px 10px 0px;}


/* for IE7 to position the tables correctly */
.menu {position:relative; float:left;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu li {display:block; float:left; width:175px;  margin:0px 0 -1px 0;z-index:4;  background-image: url(button0b.jpg);  background-repeat: repeat-x;     }

/* Give the sub level list item a diffent background color to make it 'stand out'. */

.menu li.sub {background-image: url(button0b.jpg);background-repeat: no-repeat; }
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:28px; position:absolute; bottom: 0; top:auto; left:0; font-size:1em;}

/* Default link styling */
.menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:12px; line-height:27px; height:27px; text-decoration: none; text-indent:10px;z-index:4;  font-weight: bold;   }

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {z-index:4; }

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {z-index:4; background-image: url(button1b.jpg);  background-repeat: repeat-x; }

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;z-index:6;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:100px; top:0;}

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menu :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {padding:20px 20px 20px 4px; left:120px; top:-10px; bottom:auto; background:transparent url(trans.png);z-index:20;}}
/* drop down */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul {padding:10px 20px 20px 0; left:100px;bottom:-10px;  top:auto;z-index:20;}}