/* CSS Document */
/* ------------------------------------------------------------
	RESET 										
   ------------------------------------------------------------
	Remove margin and padding from elements
   ------------------------------------------------------------ */

html, body, div, h1, h2, h3, h4, h5, h6, hr, ul, ol, dl, li, dt, dd, a, p, blockquote,  
pre, form, fieldset, table, tr, th, td { margin:0px; padding:0px;}

/* ------------------------------------------------------------
	BASIC ELEMENTS 										
   ------------------------------------------------------------
	Define styles for basic elements: 
	body, h1-h6, ul, li, a, p, etc ...
   ------------------------------------------------------------ */
h1 {
	color: #c12030;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 200%;
}

h2  {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 120%;
  padding: 5px 0px;
}

* {
 border: 0; 
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 list-style: none; 
 outline: none;  
 text-decoration: none; 
}

body {
 background-image:url(backgrnd2.jpg);
 background-repeat: repeat-x;
 background-repeat: repeat;   	 
 color:#010101; 
 font:70% Verdana, Arial, Helvetica, sans-serif;

}  

.bodyBg
{
	background-IMAGE: none;
    background: #FFFFFF;
}  

a:link, a:visited, a:hover, a:active {color: #C8B18B;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 
.clearfix { height: 0.1em; clear: both;}

ul {
 margin: 10px 20px;
}

li {
  list-style: url(dot.gif);
  width: 100%; 
  margin: 5px 0px;
  padding: 0px 5px 0px 5px;
}

#container {
	width: 780px;
	height: 504px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -415px;
	margin-top: -261px;
	background-image: url(homepage-shadow.gif);
 }
 
#container2  {
	width: 760px;
	height: 538px;
	margin: 0 auto;
	position: absolute;
	top: 48%;
	left: 50%;
	margin-left: -400px;
	margin-top: -261px;
	background-image: url(homepage-shadow2.gif);
  
}
 
#wrapper {
	margin: 10px 6px;
	position: absolute;
	width: 750px;

 }
 
 #content {
	margin: -14px -5px;
	padding: 0px 0px;
	width: 760px;
	height: 500px;
 }
 
 #content p {
	margin: 9px 0px;
	text-align: justify;
	padding: 0px 8px 0px 0px;
 }
 
 #panelRight {
	width: 435px;
	float:left;
	height: 450px;
	padding: 40px 0px 0px 10px;
	margin: 0px 0px;
 }
 
#panelTeamPic {
	margin: 0px;
	padding: 3px 0px 0px 8px;
	display: block;
	height: 320px;
	width: 160px;
	float: left;
}

#panelSide {
	margin: 0px;
	padding: 3px 0px 0px 8px;
	display: block;
	height: 285px;
	width: 160px;
	float: left;
}


#panelTeamPic ul {
	margin: 8px 0px;
	
}

#panelTeamPic ul li {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	display: block;
	width: 136px;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;list-style: none;
}

#panelNavigations  {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	display: block;
	height: 159px;
	width: 160px;
	float: left;
}
 
  #panelLeft {
	width: 135px;
	float:left;
	height: 480px;
 }

/*#footerMain  {
	padding-bottom: 500px;	
	height: 10px;
	background-color: #c12030;
}*/
 
#footer {
	top: 0;
	left: 0;
	color: #978158;
	font-size: 9px;
	padding: 20px 5px 0 0;
 }
 
#footer p {
	text-align: center;
	padding: 5px 0px;
}

#barFooter {
  position: fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:10px;
 background-color: #c12030;
}

body>#barFooter {
   position: fixed;
}

* html body{
  overflow:hidden;
} 

* html #container{
  height:100%;
  overflow:auto;
}

iframe  {
	width: 390px;
	height: 300px;
	background-color:#FFFFFF;
}


#iframeBg  {
	width: 370px;
   background-color:#FFFFFF;
}
.iframeText {
	margin: 9px 5px 0px 5px;
	text-align: justify;
	
}

.name {
	float: left;
	margin: 0px 50px 0px 30px;
	padding: 5px 5px 5px 5px;
	width: 127px;	
}

.images {
	float: left;
	margin: 40px 50px 0px 30px;


}