/* CSS Document */
/* Set standards for page and include hacks for known browser problems */

/* zero margins and padding so we start of the same in all browsers */
* {
	margin: 0;
	padding: 0;
}

/* IE hack to make page height 100% - don't ask! */		
html, body{
	height: 100%;
}

/*Get rid of outlines for active images*/	
a:active{
	outline: none;
	-moz-outline-style: none;
}

a:focus{
	-moz-outline-style: none;
	outline: none;
}

img{
	border:none;
}

/*Standard tag rules*/

body{
	font-size:62.5%;
	font-family:Helvetica, Verdana, Arial, sans-serif
}

p, ul li, table{
    text-align:left;
    color:#ffffff;
    font-size:0.8em;
    line-height:180%;
    margin-bottom:8px;
}

fieldset{
	border:2px solid #ffffff;
}

legend{
	font-size:0.8em;
    font-weight:bold;
    padding:3px;
    border:1px solid;
    margin-left:10px;
    color:#ffffff;
}

table{
	border:1px solid #fff;
    width:100%;
}

th,td{
	padding:3px;
    border:1px solid #fff;
}

input{
	width:313px;
    padding:2px;
}

select{
	width:310px;
    padding:2px;
}

textarea{
	width:308px;
    height:100px;
}

.cs2 textarea, .cs2 select{
 	width:405px;
}

.cs2 select{
 	width:406px;
}

.cs2 input{
	width:399px;
}



.noshow { 
	display:none; 
}

.submit {
	width:80px;
    padding:3px;
}

.lastp{
	margin-bottom:15px;
}

a{
	color:#ffffff;
    text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

li{
	list-style-position:inside;
}

h1{
	color:#f8dc0b;
	font-size:1.8em;
}

h2{
    color:#f8dc0b;
    font-size:1.0em;
    margin-bottom:5px;
}

h3{
    color:#f8dc0b;
    font-size:0.9em;
    margin-bottom:5px;
}

ul{
}

li{
}

a:link, a:visited, a:hover{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

hr{
}

/* Layout and layout specific tag rules */
#wrapper{
	width:700px;
	margin:0 auto 0 auto;
	text-align: left;
	font-size:1.4em;
	
}


#masthead{
	width:650px;
   	margin:0 auto 0 auto;
	margin-top:50px;
}
	
    #logo{
        width:166px;
    }
    
    #nav{
    	float:right;
        width:475px;
        padding-top:35px;
        text-align:right;
    }
    
        #nav ul li{
            display:inline;
            list-style:none;
            font-size:0.8em;
            font-weight:bold;
            margin-right:10px;
        }
    
        #nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover {
            color: #fff;
            text-decoration:none;
        }
    
        #nav ul li a:hover, #nav ul li a.active {
            color:#f8dc0b;
        }
        


#content{
	margin:0 auto 0 auto;
	width:650px;
	margin-top:-10px;
}

#sitecontent{
	width:700px;
    margin-top:25px;
    background-color:#000000;
    background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.75);}

	#innerwrapper{
        width:650px;
        padding:25px;
    }

        #col1{
        	width:170px;
            margin-right:20px;
            min-height:525px;
        }
        	
            #socialmedia{
            	margin-top:15px;
            }
        
        #col2{
        	padding-top:5px;
        	width:450px;
            float:right;
            padding-right:10px;
        }
        

#footer{
	margin:0 auto 0 auto;
    margin-top:135px;
    color:#fff;
    font-size:0.8em;
    text-align:center;
    clear:both;
	margin-top:5px;
}

/* Special classes for home page buttons and transitions - rocking the CSS3! */

#buttons_row1{
	
}

#buttons_row2{
}

.buttons {
  position:relative;
  float:left;
  padding-right:10px;
  height:206px;
  width:206px;
  padding-top:10px;
}

.buttons img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 3px rgba(0,0,0,0.3);  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 3px rgba(0,0,0,0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.buttons img.top:hover {
  opacity:0;
  -webkit-box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 3px rgba(0,0,0,0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 3px rgba(0,0,0,0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}

/* Some more humdiggerymagicpokery to support scrollable tabs */

.example {
}
.tabs { 
	list-style: none;
	margin: 0; 
    margin-left:-35px;
	zoom:1; 
}
.tabs:after { 
	display: block; 
	clear: both; 
	content: " "; 
}

.tabs li {
	float: left; 
	padding-left: 0px; 
}
.tabs a {
    display: block; 
    position: relative; 
    top: 1px; 
    z-index: 2; 
    background-color:#f8dc0b;
    font-weight:bold;
    color: #000; 
    text-decoration: none;
    white-space: nowrap;
    height:49px;
    width:53px;
    margin-right:8px;
    font-size:0.8em;
    padding-top:5px;
}
.tabs a:focus,
.tabs a:active { 
	outline: none; 
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active { 
	background: #000;
    color:#fff; 
	cursor: pointer; 
}
.ui-tabs-selected a { 
	background-color: #000; 
	color: #fff; 
	font-weight: bold; 
	margin-bottom: -1px; 
	overflow: visible;
}
.ui-tabs-hide { 
	display: none; 
	background-color: #000 
}
.ui-tabs-panel {
	background-color:#f8dc0b;
    margin-top:2px;
 }
 
 .ui-tabs-panel p, .ui-tabs-panel ul li {
	color:#000;
    font-weight:normal;
    padding:10px;
    padding-bottom:0px;
    padding-top:0px;
 }
 
 .ui-tabs-panel ul {
 	
 }
 
 .ui-tabs-panel ul li{
    font-size:0.8em;
    list-style-position:inside;
    line-height:180%;
 }
 
  .ui-tabs-panel h2{
	color:#000;
    font-weight:bold;
    padding:10px;
    font-size:1.6em;
    margin-bottom:-5px;
 }
 
  .ui-tabs-panel h3{
	color:#000;
    font-weight:bold;
    padding:10px;
    font-size:1.2em;
    padding-top:-10px;
    margin-top:-10px;
    padding-bottom:0px;
 }
 
  .ui-tabs-panel h3 a, .ui-tabs-panel p a {
	text-decoration:underline;
    color:#000;
}

  .ui-tabs-panel h3 a:hover, .ui-tabs-panel p a:hover {
	text-decoration:none;
    color:#000;
}

.ui-tabs-active a { 
   background-color: #000; 
   color: #fff; 
   font-weight: bold; 
   overflow: visible;
}
html {
 overflow-y: scroll !important;
}
.ui-tabs-paging-next { 
	float: right !important;
}
.ui-tabs-paging-prev,
.ui-tabs-paging-next {
	background: transparent !important;
	border: 0 !important;
	margin-bottom: 1px !important;
}
#example2 .ui-tabs-paging-prev,
#example2 .ui-tabs-paging-next {
	font-weight: bold;
}
.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
    display: block; 
    position: relative; 
    top: 1px; 
    border: 0;
    z-index: 2; 
    padding: 0;
    color: #f8dc0b;
    font-size:1.6em;
    font-weight:bold; 
    text-decoration: none;
	background: transparent !important; 
	cursor: pointer;
    padding-top:13px;
}
.ui-tabs-paging-prev a{
	margin-right:-18px;
}
.ui-tabs-paging-next a{
	margin-left:-42px;
}

.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
	background: transparent; 
}
.ui-tabs-paging-disabled {
	visibility: hidden;
}
[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }

/* Accordian v1 	
	
#accordion {
    width: 100%;
}

#accordion h2 {
    background:#f8dc0b;
    margin:0;
    padding:5px;
	padding-left:8px;
	font-weight:bold;
	font-size:0.8em;
	color:#000;
	margin-top:8px;
    cursor:pointer;
}

#accordion h2.current {
    cursor:pointer;
}

#accordion .pane {
    display:none;
    height:570px;
    padding:10px;
    color:#fff;
    background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.65);}
}

#accordion .pane h3 {
    font-weight:normal;
    margin:0;
    font-size:16px;
    color:#999;
}		

.pane_btn{
	margin-top:-12px;
	padding-right:8px;
	padding-left:5px;
}

*/

/* Accordian v2 */	
	
#accordion {
    width: 100%;
}

#accordion h2 {
    margin:0;
    padding:5px;
    padding-left:15px;
	font-weight:bold;
	color:#f8dc0b;
	margin-top:8px;
    cursor:pointer;
    background-image:url("../images/plus.png");
    background-repeat:no-repeat;
}

#accordion h2.current {
    cursor:pointer;
    background-image:url("../images/minus.png");
    background-repeat:no-repeat;
}

#accordion .pane {
    display:none;
    height:570px;
    padding:10px;
    padding-left:0px;
    padding-right:0px;
    color:#fff;
}

#accordion .pane h3 {
    font-weight:normal;
    margin:0;
    font-size:16px;
    color:#999;
}		

.pane_btn{
	margin-top:-12px;
	padding-right:8px;
	padding-left:5px;
}


/*Custom classes*/
.customBold {
	font-weight:bold;
}

.customEmp {
	font-style:italic;
}

.customBoldEmp{
	font-weight:bold;
    font-style:italic;    
}

.customCentre {
	text-align:center;
}

.customRight {
	text-align:right;
}

.spacer {
	height:1px;
	clear:both;
}