@charset "utf-8";
/* CSS Document */

.btn{
  border: 0;
  cursor:pointer;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  width:100px !important;
  padding: 5px;
  /*padding: 8px 12px 8px 12px;*/
  text-decoration: none;
}

.btn:hover {
  background: #96c4e0;
  text-shadow: 1px 1px 0px #666666;
  background-image: -webkit-linear-gradient(top, #96c4e0, #2980b9);
  background-image: -moz-linear-gradient(top, #96c4e0, #2980b9);
  background-image: -ms-linear-gradient(top, #96c4e0, #2980b9);
  background-image: -o-linear-gradient(top, #96c4e0, #2980b9);
  background-image: linear-gradient(to bottom, #96c4e0, #2980b9);
  text-decoration: none;
}





@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('../webfonts/coprgtb-webfont.eot');
    src: url('../webfonts/coprgtb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/coprgtb-webfont.woff') format('woff'),
         url('../webfonts/coprgtb-webfont.ttf') format('truetype'),
         url('../webfonts/coprgtb-webfont.svg#copperplate_gothic_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('../webfonts/coprgtl-webfont.eot');
    src: url('../webfonts/coprgtl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/coprgtl-webfont.woff') format('woff'),
         url('../webfonts/coprgtl-webfont.ttf') format('truetype'),
         url('../webfonts/coprgtl-webfont.svg#copperplate_gothic_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ~~ Element/tag selectors ~~ */ 
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 10;	  
}
a img { /*removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFF;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 2px solid #ccc; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
	color: #FFF;
}
ul.nav li {
	border-bottom: 2px solid #ccc; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 240px; 
	text-decoration: none;
	background: #333333;
	color: #CCC;
	font-weight: bold;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6D6556;
	color: #FFF;
}

h1.field, h2.cg, h3.cg{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy;
	font-family: 'copperplate_gothic_boldRg', fantasy;
	color: #000;
	padding-right: 15px;
	padding-left: 15px;

}

h2.field, h3.field{
	color: #000;
	text-transform: uppercase;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
}
h1.timeline {
  color: #7DBADF;
  font-size: 36px;
  font-weight: 400;
  margin: 0;
}
h2.timeline {
  font-size: 22px;
  font-weight: 400;
  margin: 5px 0;
  letter-spacing: .1em;
}
h3.timeline {
  font-size: 1.6em;
  margin: 10px 0 10px 10px;
}
p.timeline {
  margin: 0 0 10px 8px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6em;
}
.lead {
  font-size: 2em;
  margin-bottom: 40px;
}
.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}

p.field{
	color: #000;
	font: 130% Arial, Helvetica, sans-serif, Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right:30px;
}

a.gray{
	color: #333;
}
a.black{
	color: #000;
}
a.bold{
	font-weight:bold !important;
}

p.gray{
	color: #333 !important;
}
p.black{
	color: #000;
}
p.white{
        color: #fff;
}

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

p.small{
	font-size:9px;
}

p.med{
	font-size:12px;
}
p.large{
	font-size:16px;
}

p.bodytext, p.bodytext_wide{
	color: #000;
	font-family: 'HelveticaWorldRegular'; 
	font-size:18px;
	padding-left: 15px;
	padding-right:30px;
	text-align:justify;
	text-justify:inter-word;
}
p.bodytext_small {
	color: #000;
	font-family: 'HelveticaWorldRegular'; 
	padding-left: 15px;
	padding-right:30px;
	text-align:justify;
	text-justify:inter-word;
	margin-top:0px !important;
}


.firstcharacter { float: left; color: #481817; font-size: 65px; line-height: 50px; padding-top: 4px; padding-right: 5px; padding-left: 0px; font-family: 'copperplate_gothic_boldRg', fantasy; } /*font-family: Georgia; color: #903;*/

.firstword { float: left; color: #481817; font-size: 18px; font-family: 'copperplate_gothic_boldRg', fantasy; margin-right:5px; }



.box{
	float:left;
	width:252px;
	height:50%;
	background:#666666;
	margin-left:0px;
	display: inline;
}

.boxspaced{
    float:left;
    width:252px;
    height:164px;
    background:#fe6400;
    margin-left:10px;
    display: inline;
}

.container {
	width: 960px;
	height:inherit;
	background: none; /* #fff*/
	margin: 0 auto; 
	margin-top: 40px;
	box-shadow: 5px 5px 30px #000;
	box-shadow: -2px 2px 30px #000;
}



.c_container{
   margin-top:8px;
   margin-bottom: 10px;
   width:500px;
   color:#FF0000;
}

.b_container{
	margin-top:8px;
	margin-bottom:8px;
	
}

#container {
	width: 960px;
	height:inherit;
	background-color:#333333;
	margin: 0 auto;
	margin-top: 50px;
}



#slider2_container{
	background-image: url(../images/home/img2.jpg);
	margin: auto;
  	position: absolute;
  	top: 20px; left: 0; bottom: 0; right: 0;
	left:0px;
	top:0px;
	z-index:-2 !important;
	width: 960px; 
	height: 400px;
}

.imageshaddow_wide
{
	margin-bottom:0px;
	background-image: url<"images/borders/shaddow_base.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}

.imagebox_wide
{
	margin-bottom:0px;
	position: relative;

}

.clear
{
clear:both;
}

.capline_bar
{
	background-image: url(../images/sprites/bar1.png);
	background-repeat:none;
	padding-top:2px;
	padding-bottom:2px;
	align: center;
	height:12px;
	width:180px;
}


.capline_bottom
{
	/*background-image: url(../images/sprites/bar2-200x42.png);
	background-repeat:none;
	padding-top:2px;
	padding-bottom:2px;
	height:42px;
	width:200px;*/
}

.capline_top
{
	/*background-image: url(../images/sprites/bar2-200x42top.png);
	background-repeat:none;
	padding-top:2px;
	padding-bottom:2px;
	height:/*42px*/;
	width:200px;*/
}


.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}

#error {
	display:block;
	margin:5px;
	color:#4d4948;
	background-color:#fffebe;
	border: 1px solid #cbcbcb;
	font-size:90%;
}


.footer{
	overflow:hidden;
	background:#333 url(../images/backgrounds/footer-pattern.png);
}

.header {
	background: none; /*#483E3E;*/
	padding:0px;
}

#imagebar {
    background-color:#333333;
}




.footerbox1{
    	float:left;
    	width:600px;
    	height:140px;
    	background:#;    
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
    	display: inline;
	color: #fff;
}
.footerbox2{
    float:right;
    width:340px;
    height:140px;
    
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
    display: inline;
}

.rectangle{
    float:left;
    width:515px;
    height:203px;
    background:#33cc33;
    margin-left:10px;
    margin-top:12px;
}

.roundbox{
    float:left;
    width:400px;
    height:180px;
    background:#cebe9c;
    margin-left:10px;
    margin-top:12px;
    border-radius:10px;
    padding: 20px;
    z-index: 4;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.radius{
    padding:10px 40px;
    background:#666666;
    width:252px;
    height:203px;
    border-radius:25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.menubox {
	border-top:#000 3px solid;
	border-bottom:#000 3px solid;
	background: #667;
	width: 960px;
	height: 30px;
	position: absolute;
	top: 500px;
	margin: auto;
	z-index: 100;
	
}
.small_box {
	width:200px;
	margin: auto;
	padding: 0px;
	align: center;
}

#content #right-nav {
	width:15%;
	float:left;
	font-size:95%;
}

#content #right-nav ul {
	padding:0 0 50px 0;
	margin:0;
}

#content #right-nav ul li {
	padding:0;
	margin:0;
	list-style:none !important;
}

#content #right-nav ul li a {
	text-decoration:none;
}

#content #right-nav ul li a:hover {
	color:#ff0505;
	text-decoration:underline;
}

/*********************************************/
/*                left-nav                   */

#sidebar2 {
	float:left;
	width:180px;
	height:inherit;
	background:#;
	margin-left:0px;
	padding-left: 20px;
	padding-top:15px;
	padding-bottom:20px;
	color:#000 !important;

}



#sidebar2 #left-nav, #nav4 {
	width:80%;
	float:left;
	font-size:12px;
	font-weight:700;
	color:#000 !important;
	display: block;
}

#sidebar2 #left-nav ul, #nav4 ul{
	padding:0 0 50px 0;
	margin:0;
	color:#000 !important;
	display: block;
}

#sidebar2 #left-nav ul li, #nav4 ul li {
	padding:0;
	margin:0;
	list-style:none;
	color:#000 !important;
	display: block;
}

#sidebar2 #left-nav ul li a, #nav4 ul li a {
	text-decoration:none;
	color:#000;
	display: block;
}

#sidebar2 #left-nav ul li a:hover, #nav4 ul li a:hover {
	color:#ff0505;
	text-decoration:none;
}


#sidebar_right {
	float:left;
	font-size:12px;
	font-weight:700;
	color:#000 !important;
	/*display: block;*/
	width:225px;
	min-height:80%;
	margin-left:0px;
	margin-top:20px;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:20px;
	display: inline;

}

#sidebar_right ul{
	padding:0 0 50px 0;
	margin:0;
	color:#000 !important;
	display: block;
}

#sidebar_right ul li {
	padding:0;
	margin:0;
	list-style:none;
	color:#000 !important;
	display: block;
}

#sidebar_right ul li a {
	text-decoration:none;
	color:#000 !important;
	display: block;
}

#sidebar_right ul li a:hover {
	color:#ff0505 !important;
	text-decoration:none;
}


#sidebar_right2 {
	float:left;
	font-size:12px;
	font-weight:700;
	color:#fff !important;
	/*display: block;*/
	width:180px;
	min-height:80%;
	margin-left:0px;
	margin-right:10px;
	margin-top:20px;
	padding-left:15px;
        padding-right:15px;
	padding-top:15px;
	padding-bottom:20px;
	display: inline;
	text-decoration:none;
	list-style:none;
	background: #333; /*#D1CFC3;*/

}

#sidebar_right2 a {
        color: #fff;
}

#sidebar_right2 ul li a:hover {
	color:#ff0505;
	text-decoration:none;
}

#sidebar_right2 ul li {
	padding:0;
	margin:0;
	list-style:none;
	color:#000 !important;
	display: block;
}




/*left nav stuff ******************************/

#content {
	
	margin: 0 auto 0 auto;
	width: 95%;
}

#content #left-nav {
	width:15%;
	float:left;
	font-size:95%;
}

#content #left-nav ul {
	padding:0 0 50px 0;
	margin:0;
}

#content #left-nav ul li {
	padding:0;
	margin:0;
	list-style:none;
}

#content #left-nav ul li a {
	text-decoration:none;
}

#content #left-nav ul li a:hover {
	color:#ff0505;
	text-decoration:underline;
}

#content #main {
	float:left;
	width:85%;
	font-size:90%;
}

#content #main #regbox {
	padding: 0 0 0 0;
}

#content #main #regbox label {
	margin: auto;
	width:100px;
	float:left;
}

#success {
	margin:5px;
	color:#4d4948;
	background-color:#bce9b5;
	border: 1px solid #7ace6c;
	font-size:90%;
}

#Splash-rotatorShadow {
	background-image: url(/images/sprites/Splash-rotatorShadow.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 960px;
}

.sidebar{
	float:left;
	width:225px;
	min-height:80%;
	height:inherit;
	border-width:thin;
   border-color:#ccc;
   border-style: solid;
	background:#EADCAE;
	margin-left:15px;
	margin-top:20px;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:20px;
	display: inline;
}
.textfield{
	float:left;
	width:695px;
	padding-top: 15px;
	padding-left:10px;
	background:#F5F2F6;
	margin-left:0px;
	display: inline;
}
.textfield_left{
	float:left;
	width:680px;
	padding-top: 15px;
	padding-left:25px;
	padding-right:15px;
	background:#F5F2F6;
	margin-left:0px;
	display: inline;
}
.textfield_wide{
	float:left;
	width:910px;
	padding-top: 15px;
	padding-left:25px;
	padding-right: 25px;
	background:#F5F2F6;
	margin-left:0px;
	display: inline;
}


table.admin td {
	vertical-align: top;	
}

/********************************************/
/*            page table style
*********************************************/
.stafftable{
}

table.stafftable {
	margin-left:20px;
	background:#;
}

table.stafftable th{
	color:#481817; 
	font-size:18px;
}

table.stafftable td, table.stafftable td a, table.stafftable tr{
	color: #000;
	font-size: 16px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-left: 0px;
}

.notices_table{
}

table.notices_table {
	margin-left:10px;
	background:#;
	
}

table.notices_table th{
	color:#481817; 
	font-size:17px;
}

table.notices_table td, table.notices_table td a, table.notices_table tr{
	color: #000;
	font-size: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	max-width:750px;
	vertical-align:top;
}






.wrapper{
	overflow:hidden;
	background: #F5F2F6;
}



/********************************************/
/*            Image box style
*********************************************/
.image_icon{
	position: absolute;
	margin:0px;
	top:0px;
	left:0px;
	border:6px solid #fff;
	width:95px;
	height:95px;
}

.box_shaddow1{
	width:100%;
	margin:0px;
	padding:0px;
	background-image: url('../images/shaddows/shadow_base.gif');
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}

.image_box_icon{
	width:110px;
	height:110px;
	margin-right:15px;
	margin-bottom:20px;
	float:left;
	background:none repeat scroll 0% 0% rgba(0,0,0,0.9);
	border: 6px solid rgb(255,255,255);
	overflow: hidden;
	position:relative;
	box-shadow: 1px 1px 3px rgb(34,34,34);
}

.doc_box_icon{
	width:50px;
	height:50px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	position:relative;
	overflow: hidden;
	background-image: url('../images/sprites/adobe-pdf-logo.png');
	background-repeat:no-repeat;
	background-size:contain;

}

p.notices{
	color: #481817;
	font-family: 'HelveticaWorldRegular'; 
	font-size: 20px;
	padding-left: 15px;
	padding-right:30px;
}

p.bodytext_new{
	color: #000;
	font-family: 'HelveticaWorldRegular'; 
	font-size:17px;
	padding:0px;
	margin:0px;
	text-align:justify;
	text-justify:inter-word;
}


/********************************************/
/*            Ribbon style
*********************************************/

.ribbon {
   width: 500px;
   position: absolute;
   text-align: center;
   font-size: 20px!important;
   background: #481817;
   background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   }
.ribbon h1 {
   font-size: 25px!important;
   color: #801111;
   text-shadow: #d65c5c 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #c23a3a;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #871616 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }