@charset "utf-8";
/* CSS Document */
html, body{ 
 margin:0; 
 padding:0;
 background-color: #675e55;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #e5ded5; 
 }
 
 h1{
 font-size: 200%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color:#fff;
}

 h2{
 font-size: 200%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #c85922;
}
 
 h3{
 font-size: 150%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #fff;
}

 h4{
 font-size: 150%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #c85922;
}

 h5{
 font-size: 120%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #fea821; 
}
 
 h6{
 font-size: 120%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #f6df81;
}
 
p{
	font-size: 80%;
}

.orangeorange {
	 color: #c85922;
}

ul {
	font-size: 80%;
	margin-left: -20px;
}

li {
	list-style: none;
	list-style-image: url(../images/Listbullet.gif);
	line-height: 150%;
}

hr {
    border: 0;
    height: 1px;
	 color: #443b32;
	 background-color: #443b32;
}

img.floatLeft { 
    float: left; 
    margin: 5px; 
}
img.floatRight { 
    float: right; 
    margin: 5px; 
}

.biggerDifferentColour p {
    font-size: 200%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #c85922;
    text-decoration: none;
}

/* ******************************************************************** */ 
/* links colours */
/* ******************************************************************** */ 

.contactInfo a:link{
 color:#f5d37c;
 text-decoration: none;
}

.contactInfo a:hover{
 color: #c85922;
 text-decoration: none;
}

.contactInfo a:visted{
 color:#f5d37c;
 text-decoration: none;
}

.contactInfo a:active {
 color:#f5d37c;
 text-decoration: none;
}

li a:link {
	color: #c85922;
	text-decoration: none 
}

li a:hover {
	color: #fea821;
	text-decoration: none 
}

a:link {
	color: #c85922;
	text-decoration: none;
}

a:active {
	color: #37a6dd;
	text-decoration: underline;
}

a:hover {
	color: #fea821;
	text-decoration: none;
}

a:visited {
	color: #79bee1;
	text-decoration:underline;
}

/* end links colours */

/* ******************************************************************** */ 
/* page layouts */
/* ******************************************************************** */ 

.contactInfo{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 115%;
 font-weight: normal;
 font-style: italic;
 line-height: 25px;
}

#pagewidth{ 
 width:1100px;  
} 
 
#leftcol{
 width:280px;
 padding:0 10px; 
 float:left; 
 position:relative; 
 background-color:#520608;
 height:650px; 
 }
 
#logo {
	margin:40px 20px;
}
 
#twocols{
 width:800px; 
 float:right; 
 position:relative;
 height:650px;  
 }
 
#rightcol{
 width:825px; 
 float:right;
 padding:0px; 
 position:relative; 
 background-color:#696057;
 height:650px; 
 }
 
 #rightcolbase{
 width:775px;
 height:16px;
 background-color: transparent;
 margin:0px;
 width: 800px;
 position: relative;
 margin-top:-16px;
 margin-left: 25px;
 z-index: 2; 
 }
 
 .arrowHorizontal{
 margin-left:750px;
 width:32px;
 height:16px;
 }
 
 .arrowVertical{
 margin:50px 0px 0px 0px;
 width:16px;
 height:32px;
 }
 
#maincol{
 background-color: transparent;  
 float: left; 
 position: absolute; 
 width:15px;
 height:650px;
 z-index: 1;
 }
 
#pagecontent {
 border-top: 10px solid #f7941c;
 clear:both;
 display:block;
 overflow: auto;
 background-color:#29221a;
 padding:0;
}

/* ******************************************************************** */ 
/* page grids */
/* ******************************************************************** */ 

.wrapper{
   position: relative;
   float: left;
   left: 0px;
   width: 1100px;
   margin-bottom: 0px;
	background-color:#29221a; 
}

.onefullWidth{
   position: relative;
   float: left;
   left: 5px;
   width: 1090px;
	background-color:#29221a; 
}

.twoWidthLeft1{
   position: relative;
   float: left;
   left: 5px;
   width: 480px;
   height: 480px;
   background-color: #828282
}
.twoWeidthleft2{
   position: relative;
   float: left;
   left: 15px;
   width: 480px;
   height: 480px;
   background-color: #828282
}
.threeWidthleft1{
   position: relative;
   float: left;
   left: 5px;
   width: 316px;
   height: 316px;
   background-color: #828282
}
.threeWidthleft2{
   position: relative;
   float: left;
   left: 15px;
   width: 316px;
   height: 316px;
   background-color: #828282
}
.threeWidthleft3{
   position: relative;
   float: left;
   left: 25px;
   width: 316px;
   height: 316px;
   background-color: #828282
}
.fourleft1{
   position: relative;
   float: left;
   left: 5px;
   width: 235px;
   height: 235px;
   background-color: #828282
}
.fourleft2{
   position: relative;
   float: left;
   left: 15px;
   width: 235px;
   height: 235px;
   background-color: #828282
}
.fourleft3{
   position: relative;
   float: left;
   left: 25px;
   width: 235px;
   height: 235px;
   background-color: #828282
}
.fourleft4{
   position: relative;
   float: left;
   left: 35px;
   width: 235px;
   height: 235px;
   background-color: #828282
}

.threecolsleft1_hp{
   position: relative;
   float: left;
   left: 5px;
   width: 700px;
   height: 275px;
	padding:10px;
   background-color:#29221a; 
}
.threecolsleft2_hp{
   position: relative;
   float: left;
   left: 20px;
   width: 200px;
   height: 275px;
	padding: 20px;
   background-color: #000;
}

.threecolsleft1{
   position: relative;
   float: left;
   left: 5px;
   width: 700px;
  /* height: 480px;*/
	padding:10px;
   background-color:#29221a; 
}
.threecolsleft2{
   position: relative;
   float: left;
   left: 20px;
   width: 200px;
  /* height: 480px;*/
	padding: 20px;
   background-color: #000;
}

/* end */
 
/* ******************************************************************** */ 
/* definition list */
/* ******************************************************************** */ 

 dl.event {
	margin: 2em 0 2em 2em;
	padding: 0;
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.event dt {
	position: relative;
	left: 0;
	top: 1.25em;
	width: 6em;
	font-weight: normal;
	text-align: right;
	color: #c85922;
}
.event dd {
	border-left: 1px solid #474034;
	margin: 0 0 0 9em;
	padding: 0 0 .5em 1.5em;
	color: #e5ded5;
	font-size: 75%;
	line-height: 150%;
	width:500px
}

/* end */

/* ******************************************************************** */ 
/*footer */
/* ******************************************************************** */ 

#footer{
 height:80px; 
 background-color:#29221a;
 clear:both;
 display:block;
 overflow:auto;
 }
 
 #copyright {
 float:right;
 padding:3px 20px;
 font-size: 70%;
 color: #e5ded5; 	
 }
 
 /*end */
 
/* ******************************************************************** */ 
/* Clearfix       */
/* ******************************************************************** */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}