html {
   height : 100%;
}




function isTouchDevice(){
				try{
					document.createEvent("TouchEvent");
					return true;
				}catch(e){
					return false;
				}
			}
			function touchScroll(id){
				if(isTouchDevice()){ //if touch events exist...
					var el=document.getElementById(id);
					var scrollStartPos=0;

					document.getElementById(id).addEventListener("touchstart", function(event) {
						scrollStartPos=this.scrollTop+event.touches[0].pageY;
						event.preventDefault();
					},false);

					document.getElementById(id).addEventListener("touchmove", function(event) {
						this.scrollTop=scrollStartPos-event.touches[0].pageY;
						event.preventDefault();
					},false);
				}
			}



body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #870622;
	background-image:url(images/backgrounddd.jpg);  
background-attachment: fixed;
background-repeat:no-repeat;

}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}
 
 
 
 

 
 
element {
    -webkit-overflow-scrolling: touch;
}

element > * {
    -webkit-transform: translateZ(0px);
} 
 
 

 
 
ul.cssMenu, ul.cssMenu ul
{

	margin: 0;
	padding: 0;
	}
#navbar li {
	list-style: none;
	float: left; }
ul.cssMenu, ul.cssMenu  li a {
	display: block;
	padding: 3px 8px;
	background-color: transparent;
	color: #fff;
	text-decoration: none; }



ul.cssMenu, ul.cssMenu  li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
ul.cssMenu, ul.cssMenu  li:hover li {
	float: none; }
ul.cssMenu, ul.cssMenu  li:hover li a {
	background-color: #870622;
	border-bottom: 1px solid #870622;
	color: #000; }
ul.cssMenu, ul.cssMenu li li a:hover {
	background-color: #000000}





 
 
 
 


ul.cssMenu, ul.cssMenu ul
{
	list-style:none;
	margin:0; padding:0;
	position: relative;
}

ul.cssMenu ul 						
{ 
        display:none; /*initially menu item is hidden*/
        position: absolute; /*absolute positioning is important for menu to float*/
}

/* Hover effect for menu*/
ul.cssMenu li:hover > ul 			
{ 
	display:block;
}





a:link {
COLOR: #f8db77;
}
a:visited {
COLOR: #f8db77;
}
a:hover {
COLOR: #870622;
}
a:active {
COLOR: #870622;
}




pre {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}







#container
{
  display: block; 
  height:auto;
  position: absolute; 
  width: 1100px;
}


#header
{
height:75px;
width:960px;	
}

#header h1
{
	position:absolute;
text-align:left;
color:#FFFFFF;
font-size:30px;
color:#870622;	
left:14px;
top:18px;
}


#header h2
{
position:absolute;
text-align:right;
color:#FFD5D5;
left:490px;
top:38px;
width:400px;
}

#mainpic
{
background-image:url(images/main.jpg);

background-repeat:no-repeat;
width:900px;
height:354px;	
}



.off
{
color:#300;
}


#menu
{
display:block;

clear:both;
width:940px;
height:80px;

clear:both;
}

}





#content
{
display:block;
float:left;
width:900px;
height:auto;
padding-left:10px;
padding-top:px;
padding-right:10px;
padding-bottom:5px;

}


#content_top
{
	background-image:url(images/main_top2.png);

	background-repeat:no-repeat;
	width:890px;
	height:23px;
}

#content_main






{
background-image:url(images/main_back2.png);

background-repeat:repeat-y;
width:859px;
height:380px;
padding-left:15px;
padding-right:15px;
}

#content_bottom
{
background-image:url(images/main_bottom2.png);

background-repeat:no-repeat;
width:890px;
height:23px;
}








#footer
{
width:
height:auto;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF;
}


#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:960px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 

}

#menu a {
	float: left;
	height: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #f8db77;
	font-weight: bold;
	padding-top: 18px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;

}

#menu a:hover{

	background-repeat:repeat-x;
}

#content p
{
	
}


html, body {
text-align: center;
}
p {text-align: left;}