/********************************************************** Layout **********************************************************/
html{height: 100%;
}
body
{
height:100%;
min-height:100%;
margin:0 auto 0 auto;
max-width:970px;
min-width:320px;
padding:0 !important;
/*background-color: #fffffff;*/
width: auto !important;
background-position: 50% 50%;
}
#frame{
height:100%;
min-height:100%;
width: 960px;
background-color: #fffffff;
margin-top: 0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
border: #D5D2D2 dashed 1px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 25px;
}
#content
{
margin:0;	
padding-top:10px; 
padding-bottom:10px; 
min-height: 630px;
background-color: #fffffff;
width: 950px;
/*padding-top:60px;*/
/*border: blue dotted 5px;*/
/*position:fixed;*/
}
#inner
{
padding:0;
margin:0;
/*border:red solid 3px;*/
/*border-radius:0.35em;*/
background-color:#fffffff;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 12px;
color : #696969;
}
#header
{
padding-top: 0;
padding-bottom:0;
margin-top:0;
height:100px;
width: 950px;
/*border:brown dotted 5px;*/
}
#innerhead
{
padding-top:0;
padding-bottom:0;
margin:0;
width: 950px;
background-color: #fffffff;
/*border:gray solid 3px;*/
/*border-radius:0.35em;*/
}
#footer{
clear:both !important;
height:80px;
margin-bottom:0;
padding-bottom: 0;
padding-top:0;
width: 950px;
/*border:red dotted 5px;*/
}
#innerfoot
{
padding-bottom:0;
margin:0;
width: 950px;
/*border:purple solid 3px;*/
/*border-radius:0.35em;*/
background-color: #fffffff;
}
.encloseCols
{
float: left;
width: 950px;
}
#columnLeft
{
float: left;
width: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
#columnMiddle
{
float: left;
width: 315px;
background: #fffffff;
/*border:1px solid #cd2b00;*/
}
#columnRight
{
float:left;
width: 315px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
#columnOne
{
float: left;
width: 470px;
background: #fffffff;
/*border:1px solid #cd2b00;*/
}
#columnTwo
{
float:left;
width: 470px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
#columnOne_Large
{
float: left;
width: 630px;
background: #fffffff;
/*border:1px solid #cd2b00;*/
}
#columnOne_XL
{
float: left;
width: 950px;
background: #fffffff;
/*border:1px solid #cd2b00;*/
}
#columnTwo_Small
{
float:left;
width: 320px;
background: #fffffff;
/*border:1px dotted #065982;*/
}
form div + div {
    margin-top: 1em;
}
label {
    /* To make sure that all label have the same size and are properly align */
    display: inline-block;
    width: 150px;
    text-align: left;
}
input, textarea {
    /* To make sure that all text field have the same font settings
       By default, textarea are set with a monospace font */
    font: 1em sans-serif;  
 
    /* To give the same size to all text field */
   width: 290px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    /* To harmonize the look & feel of text field border */
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* To give a little highlight on active elements */
    border-color: #000;
}
textarea {
    /* To properly align multiline text fields with their labels */
    vertical-align: top;
 
    /* To give enough room to type some text */
    height: 16em;
 
    /* To allow users to resize any textarea vertically
       It does not work on every browser */       
    resize: vertical;
}
.button{
    /* To position the buttons to the same position of the text fields */
    padding-left: 150px; /* same size as the label elements */
} 
button {
    /* This extra margin represent roughly the same space as the space
       between the labels and their text fields */
    margin-left: .5em;
    /*color:white;
		background-color:#065982;
		font-size:1em;
		border: 1px solid #108041;*/
		padding:4px;
		color:#0B2E59;	/*#007834*/	
}
/********************************************************** Fonts **********************************************************/
#innerhead_text
{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 10px;
color : #696969;    
text-align:left;
}
#innerfoot_text
{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 10px;
color : #696969;    
text-align:center;
}
.ReverseFont1{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff; 
font-weight:bold;   
text-align:center;
background-color:#0b2e59;	/*test blue*/
border: #0b2e59 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont2{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
font-weight:bold;
text-align:center;
background-color:#06612d;	/*test green*/
border: #06612d solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont3{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
font-weight:bold;
text-align:center;
background-color:#cd6e00;	/*test orange*/
border: #cd6e00 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont1L{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff; 
font-weight:bold;   
text-align:left;
background-color:#0b2e59;	/*test blue*/
border: #0b2e59 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont2L{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
font-weight:bold;
text-align:left;
background-color:#06612d;	/*test green*/
border: #06612d solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont3L{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
font-weight:bold;
text-align:left;
background-color:#cd6e00;	/*test orange*/
border: #cd6e00 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont1_a{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff; 
background-color:#0b2e59;	/*test blue*/
border: #0b2e59 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont2_a{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
background-color:#06612d;	/*test green*/
border: #06612d solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
.ReverseFont3_a{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #ffffff;    
background-color:#cd6e00;	/*test orange*/
border: #cd6e00 solid 2px;
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}

.ReverseFont1_b{
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
color : #696969; 
background-color:#ffffff;	/*test blue*/
/*border: #0b2e59 solid 2px;*//*test blue*/
/*-moz-border-radius: 25px 10px / 10px 25px;*/
border-radius: 5px;
}
/********************************************************** Paragraphs & spacing **********************************************************/
h1{
font-size : 2em;
font-weight:bold;
}
h2{
font-size : 1.75em;
font-weight:bold;
}
h3{
font-size : 1.5em;
font-weight:bold;
}
h4{
font-size : 1.25em;
font-weight:bold;
}
h5{
font-size : 1em;
font-weight:normal;
}
.left_aln{
	text-align:left;
}
.right_aln{
	text-align:right;
}
.ctr_aln{
	text-align:center;
}
p.sml
{
line-height: 1.5em
}
p.lrg
{
line-height: 2em
}
p.xl
{
line-height: 2.5em
}

/********************************************************** Links & navigation **********************************************************/
a:link,a:visited
{
font-weight:normal;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 1em;
color:#696969;
/*background-color:#FFFFFF;*//*#00923f;*/
text-decoration:none;
}
a:hover,a:active
{
color:#696969; /*#FFFFFF;*/
/*background-color:#FFFFFF;*//*#00923f;*/
}
#navBar
{ 	
float: right; 
position: relative;
padding: 0;
/*margin: 0;   
border:#86c129 solid 1px;*/
margin-top:9px;
margin-bottom:9px;
} 
#navBar ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:12px;
padding-bottom:12px;
}
li
{
display:inline;
}
#navBar a:link,a:visited
{
font-weight:bold;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 12px;
color:#06612D; /*#FFFFFF;*/
background-color:#FFFFFF;/*#00923f;*/
text-align:center;
padding:12px;
text-decoration:none;
text-transform:uppercase;
}
#navBar a:hover,a:active
{
/*background-color:#86c129;*/
/*font-weight:bold;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
font-size : 12px;*/
color:#cd6e00; /*#FFFFFF;*/
background-color:#FFFFFF;/*#86c129;*/
}
.pNews a:link{
color:#0B2E59;
font-weight:bold;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
text-decoration:none;  
}
.pNews a:visited{
color:#0B2E59;
font-weight:bold;
}
.pNews a:hover{
color:#06612D;  
}
.pNews a:active{
color:#cd6e00;  
}
.pEvents a:link{
color:#06612D;
font-weight:bold;
font-family : Verdana, Geneva, Helvetica, Arial, sans-serif;
text-decoration:none;  
}
.pEvents a:visited{
color:#06612D;
}
.pEvents a:hover{
color:#0B2E59;  
}
.pEvents a:active{
color:#cd6e00;  
}
#innerfoot a{
background-color: #fffffff;
text-decoration: none;
padding: 0;
text-transform:none;
color:#696969;
}
#innerfoot_text a:hover,a:active{
background-color: #fffffff;
}
/********************************************************** Images **********************************************************/
#logo
{
background-image: url(../images/logo/letterhead_sml.jpg); 
height:61px; 
width:259px;
background-repeat:no-repeat;   
  /*border:#86c129 solid 1px;*/
}
   .image_carousel img {
  margin-right: 15px;
  display: block;
  float: left;
  box-shadow: 6px 6px 3px #969696;
  -webkit-box-shadow: 6px 6px 3px #969696;
  -moz-box-shadow: 6px 6px 3px #969696;
} 
hr{
border: none;
height: 10px;
background-image: url(../images/logo/hr.jpg);
background-repeat:no-repeat;
width:50%%;
}

#img_top
{vertical-align:text-top
}
#img_btm
{vertical-align:text-bottom;
}
#img_left
{float:left;
	clear:both;
}
#img_right
{float:right;
	border:1px dotted  #696969;
	margin:0px 0px 15px 20px;
	clear:both;
}
/* We have also added margins to the image to push the text away from the image:
   0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin 
   on the left side of the image.*/
   
#img_right_ctr
{width:120px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid #696969;
text-align:center;
	clear:both;	
}
.top_hr{
width:950px;
height:25px;
border:none;
}
.bottom_hr{
width:950px;
height:10px;
border:none;
}
 .img_320{
width:320px;
height:240px;
border:none;     
}
 .img_315{
width:315px;
height:240px;
border:none;
}
 .img_470{
width:470px;
height:585px;
border:none;
}
 .img_950{
width:950px;
height:200px;
border:none;
}
 .img_630{
width:630px;
height:200px;
border:none;
}
.img_320_a{
width:320px;
height:200px;
border:none;     
}
 .img_315_a{
width:315px;
height:200px;
border:none;
}
 .img_630_b{
width:630px;
height:150px;
border:none;
}
.img_320_b{
width:320px;
height:150px;
border:none;     
}
 .img_315_b{
width:315px;
height:150px;
border:none;
}
/*
In the paragraph above, the div element is 120 pixels wide and it contains the image.
The div element will float to the right.
Margins are added to the div to push the text away from the div.
Borders and padding are added to the div to frame in the picture and the caption.
*/

/* web design tips: *http://www.webdesignerdepot.com/2013/03/essential-web-design-tips-for-start-ups/*/

/* Colour palette
[1. 065982 - blue
xx. 86c129 - light green
xx. 00923f - dark green
2. 007834 - dark green (additional hue)
3. 108041 - dark green (additional hue)
4. cd2b00 - red. ]
5. cd6e00 - orangey
6. 0B2E59 - test blue
7. 06612D - test green
*/