/* CSS Document */
 * {margin:0; padding:0;}
 
 html, body, #wrapper {
 font: 95% "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
	text-align: center;
	background: #ffffff url(images/webBck_darker.gif) repeat-x;
	color: #4d4d4d;
    }
 
 html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

 
	/*body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		 color:#666666;
		/* background-color: #ffffff; 
		background: #ffffff url(images/webBck_darker.jpg) repeat-x;
		height: 100%;
	}*/
	
		
	/* --------------- layout styling ---------------- */
	
	#menu {
	height: 39px;
	margin: 0 ; 
	padding:0px 0px 0px 42px; 
	background: #FFFFFF url(images/menuBck.jpg) repeat-x;
	
	}
	
	.pageTitle {
	margin: 0px 170px 0px 0px;
	padding-top: 10px;
	font: smaller "Tahoma", Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 11px;
	
	}
	
	#logo{
	width:168px;
	float: left;
	padding: 12px 0px 0px 20px;	
	}
	
	#wrapper
	{
		margin: 0 auto;
		width: 770px;
		height: 400px;
		text-align: left;
		background: #ffffff;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
	}
	
	#introTxt {
	padding:25px 42px 5px 42px;
	line-height: 1.5em;
	letter-spacing: 1px;
	background: #ffffff url(images/introTxt_bck.jpg) repeat-x;
	/*border-bottom: 1px solid #d6d6d6;
	 height: 230px;*/
	}
	
	#fplayer {
	/*padding:25px 35px 0px 35px;
	margin-bottom: 20px;
	/* display: none;	 */
	}
	
	#flashcontent {
	width: 340px;
	height: 237px;
	
	}
	
	#header
	{
		height: 105px;
		width: 100%;
		background: #FFFFFF url(images/headerBck.jpg) repeat-x;
	}

	
	#footer
	{
		margin: 0 auto;
		width: 700px;
		clear: both;
		background-color:white;
		text-align: center;
		padding: 15px 0px 15px 0px;
		font-size: x-small;
		/* border-left: 1px solid #999999;
		border-right: 1px solid #999999;*/
	}
	
	#tag 
	{
	height: 15px;
	/* background-color: #E8E8E8;*/
	font-size: 80%;
	color:#666666;
	}
	
	.orange {
	color: #CC6600;
	}
	
	.boldo {
	font-weight: bold;
	color: #d46e27;
	}
	
	.bold {
	font-weight: bold;
	}
	
	.center {
	text-align: center;
	}
	
	.floatRight {
	float: right;
	}
	
	.add {
	color:#333333;
	}
	
	.pad {
	font-size: 80%;
	padding: 10px;
	margin-left: 30px;
	margin-right: 220px;
	}
	
	.indent {
	margin-left: 10px;
	margin-right: 10px;
	}
	
	.content {
	font-size: 80%;
	padding: 20px 25px 10px 10px;
	margin-left: 20px;
	margin-right: 220px;
	}
	
	.content p {
	margin-top: 0px;
	padding:  0  0  0 30px;
	}
	
	.content h2 {
	color: #999999;
	font-size: 180%;
	}
	
	
	a:link{
	text-decoration: none;
	color:#CC6600;
	font-weight: bold;
	}
	
	a:visited { 
		color: #666; 
		text-decoration: none;
		font-weight: bold;
		}   /* #004D79 */
	
	a:hover, a:active
	{
		color: #cccccc;
		text-decoration: none;
		font-weight: bold;
		/* background-color: #1F1F1F; */
	}
	

  
  /* =========================== nav list for view buttons ================================*/
  
.navlist li
{
display: inline;
/* for IE5 and IE6 */
}

.navlist
{
width: 122px;
font-size: 115%;
/* to display the list horizontaly */
margin: 0;
padding: 0;
border-top: 1px #ffffff solid;
border-left: 1px #dadada solid;
border-right: 1px #dadada solid;
}

.navlist a
{
height: 20px;
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background:  url(images/btn_bck.jpg) repeat-x top left;
border-bottom: 1px #dadada solid;
text-align: center;
text-decoration: none;
color: #da8c27;
padding-top: 4px;
padding-bottom: 3px;
}

.navlist a:hover { color: #525252; background:  url(images/btn_bck.jpg) repeat-x bottom left;}
.navlist a:visited { color: #828282; }


/* ================================= example styling =================================== */

.examplePad { 
  padding: 15px; 
  background: #eee; 
}

.examplePado { 
  padding: 15px; 
  background: #fbead0;
  height: 200px; 
}

.examplePic {
border: 1px solid #CFCFCF;
margin-bottom: 6px;
}

.container {
font: 100% "Tahoma", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}

.smaller {
font-size: 83%;
}

.copyright {
color:#666666;
font-weight: bold;
}

.bigAd {
font-size: 130%;
letter-spacing: 1px;
color: #7F7F7F;
}


	.floatRightPic {
	float: right;
	padding-left: 5px;
	}
	

	
hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; margin-bottom: 0px; }

	

	/* =========================== clear floats ============================== */

	

	.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: right; 

    visibility: hidden;

	

}

	.clearfix {display:inline-block;}

	/* Hide from IE Mac \*/

	.clearfix {display:block;}

	/* End hide from IE Mac */

	/* applies to ie < 7 */

	* html .clearfix {height: 1px;}

	/* End hide from IE<7 */
	
	.clearRight {
	clear: right;
	}