* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    background: url("images/backdrop.gif") no-repeat fixed 50% 0 #EBEBEB;
    font-family: arial, sans-serif;
    font-size: 11px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

ul li { list-style: none; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.first { background: none !important; border:0!important;   }

p { padding: 0 0 11px; font: 11px/20px arial,sans-serif; color:#666; } 

h2, h3, h4 { color:#688D6D; }
h2 { float: left; font: 22px arial,sans-serif; color: #688D6D;}
h3 { padding-bottom: 4px;  font: 15px arial,sans-serif;  }
h4 { font: 13px arial,sans-serif; }

.shell { width: 750px; padding: 0 40px; margin: 0 auto; background:#fff;  }

#page {  height: auto !important; margin: 0 auto ; min-height: 100%; background: url(images/shell-bg.png) repeat-y center 0; }

/*
	Header
*/

/*#header { height: 100%;  padding: 30px 0 0 0;  }*/

/*h1#logo { float:right; display: inline; width: 162px; font-size: 0; line-height: 0; text-indent: -4000px;  }*/
/*h1#logo a { display: block; height: 33px; background: url(images/logo.png) no-repeat 0 0;  }*/

/*h1#logo2 { float:left; display: inline; width: 460px; font-size: 0; line-height: 0; text-indent: -4000px;  }*/
/*h1#logo2 a { display: block; height: 40px; background: url(images/mans.jpg) no-repeat 0 0;  }*/

/*.search { float:right; display: inline; margin-top: 9px;  }*/
/*.search input { float:right; display: inline; }*/
/*.search .submit { width: 55px; height: 21px; margin: 0 0 0 5px; background: #688D6D; border: 0; color:#fff; cursor: pointer; }*/
/*.search .field { width: 149px;  height: 17px; font-size: 12px; font-family: arial, sans-serif;  }*/


#header { height: 100%;  padding: 30px 0 0 0;  }

h1#logo { float:right; display: inline; width: 162px; font-size: 0; line-height: 0; text-indent: -4000px;  }
h1#logo a { display: block; height: 33px; background: url(images/logo.png) no-repeat 0 0;  }

h1#logo2 { color: #444; float:left; display: inline; font-family: Times New Roman; line-height: 1; width: 520px; font-size: 3em; text-transform: uppercase  }
/* h1#logo2 a { display: block; height: 40px; background: url(images/mans.jpg) no-repeat 0 0;  } */
h1#logo2 a { color: #444 }
h1#logo2 a:hover { text-decoration: none }
.search { float:right; display: inline; margin-top: 9px;  }
.search input { float:right; display: inline; }
.search .submit { width: 55px; height: 21px; margin: 0 0 0 5px; background: #688D6D; border: 0; color:#fff; cursor: pointer; }
.search .field { width: 149px;  height: 17px; font-size: 12px; font-family: arial, sans-serif;  }




#navigation { position:relative; z-index: 5; clear: both; padding: 6px 0 7px; margin: 10px 0 0 0; background: url(images/dotted-line.png) repeat-x 0 0;   }
#navigation ul { text-align: center; }
#navigation ul li { position:relative; display: inline; padding: 0 0 10px 20px; font: 13px/23px arial,sans-serif; color:#58585D; cursor: default; }
#navigation ul li a {color:#58585D;}
#navigation ul li ul { position:absolute; top: 80%; left: 17px; z-index: 99;}
#navigation ul li ul li { float: none; display: block; padding: 0; text-align: left; }
#navigation ul li ul li a { display: block; width: 140px; padding: 5px; border: 1px solid #fff; border-width: 0 1px 1px; background:#688D6D; font: 11px/23px arial,sans-serif; color:#fff;  }
#navigation ul li ul li a:hover { background: #92ad94; text-decoration: none; }

/*
	Main Content
*/



#main-content  { float: left; display: inline; width: 420px; }
#main-content-full  { float: left; display: inline; width: 750px; }
.green p { font: bold 16px/22px arial,sans-serif; color: #688D6D; }
#main-content p, #main-content ul, #main-content ol, #main-content-full p, #main-content-full ul, #main-content-full ol { font: 16px/22px arial,sans-serif; color: #666; padding-bottom: 1em;}
#main-content p a, #main-content-full p a {color: #688D6D; text-decoration: underline;}
#main-content p a:hover, #main-content-full p a:hover {text-decoration: none;}
#main-content ul, #main-content ol, #main-content-full ul, #main-content-full ol {padding-left: 2em;}
#main-content ul li, #main-content ol li, #main-content-full ul li, #main-content-full ol li {padding-bottom: .5em;}
#main-content ul li, #main-content-full ul li {list-style-type: disc;}
#main-content ol li, #main-content-full ol li {list-style-type: decimal;}

.home-content {width: 400px; margin-top: 20px;}
.home-content p { font: bold 16px/22px arial,sans-serif; color: #666; }


.col-left { width: 195px; margin-top: 20px;  }
.col-right { width: 190px; margin-top: 20px; padding: 0 0 0 15px; }

.col-left p { font: bold 16px/22px arial,sans-serif; color: #666; }

.col-right span.date { display: block; padding-bottom: 10px;  font-size: 13px; line-height: 17px; color:#688D6D;  }
.col-right p { font: 11px/17px arial,sans-serif; color:#999; }
.col-right p a { display: block; margin: 0 0 20px;  color:#666; }

.cont-nav { height: 26px;  padding: 20px 0; margin: 0 0 20px 0; background: url("images/dotted-line.png") repeat-x 0 bottom;  }
.cont-nav ul li { float:left; display: inline; padding: 10px 0 0 20px; font-size:10px;  }
.cont-nav ul li a { color:#666; }

/* Home Page Carosel CSS */

.carousel { position:relative; }
.carousel span.plugin-text { position:absolute; left:0; font: 16px/63px "Myriad Pro", Arial, sans-serif;  margin: -100px 0 0 0; color:#fff !important; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.carousel .pagination { position:absolute; bottom: 0; width: 700px; height: 15px;  padding: 10px 0 10px 50px; background: url(images/pag-bg.png) repeat 0 0;  }
.carousel .pagination a { float:left; width: 14px; height: 14px; margin: 0 11px 0 0;  background: url(images/pagination-sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.carousel .pagination a.selected { background-position: 0 -14px;  }
.carousel span.pagination-text { position:absolute; display: block; margin: -35px 0 0 0; left: 190px; font: 16px/35px "Myriad Pro", Arial, sans-serif; color:#fff; z-index: 2;  }
.carousel .plugin-text-bg { position:absolute; left:0; display: block; width: 800px; height:80px!important; margin: -110px 0 0 0; background: url(images/plugin-span-bg.png) repeat-x 0 center; display: none; }
.carousel .bg2 {   background: url(images/plugin-span-bg2.png) repeat-x 0 center !important;  }
.carousel .plug-text p {color:#fff !important; font: 16px/63px "Myriad Pro", Arial, sans-serif;}
/*.carousel .plug-text4 { color: #333333 !important; }*/

/* Why Page Carosel CSS */

.carousel .plugin2 { position:absolute; top: 200px; left: 1px; height: 50px;  z-index: 2; }
.carousel .plugin2 span.plugin-text { bottom: 0; }
.carousel .plugin2 .plugin-text-holder { height: 50px; float:left;  padding: 0 60px; background: url(images/black-repeat.png) repeat 0 0;   }
.carousel .plugin2 span { display: block; height: 50px; text-align: center; font: bold 15px/50px 'Trebuchet MS', arial, sans-serif; color:#fff;  }

/*
	Sidebar
*/

#sidebar { width: 240px; margin-top:20px; }
#sidebar h3 {color:#688D6D; font-size: 19px; line-height: 22px; padding-bottom:12px; }
#sidebar a {color:#666;}
#sidebar img { float:right;  }


/*
	Footer
*/

#footer { clear: both; width: 830px; height: 41px; margin: 0 auto; padding: 10px 0 0 0; background: #fff url(images/dotted-line.png) repeat-x 0 0; text-align: center;  }
#footer ul li { display: inline; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: 1px solid #CCCCCC; color:#666; }
#footer ul li a { color:#666; }

#footer .push { height: 41px; }

/* timeline */

#timeline { height:293px; background:url(images/timeline-bg.png) repeat-x;   }
#timeline .nav-bar { height:27px; padding:13px 15px 30px; display:none;  }
#timeline .hint { float:left; line-height:20px; font-size:13px; background:url(images/timeline-arrow.png) no-repeat 0 center; padding:0; color:#a6a7a8; padding-left:31px; margin-top:3px;  }
#timeline a.next { float:right; line-height:27px; height:27px; padding-right:20px; position:relative; color:#a6a7a8;  font-size:13px;  }
#timeline a.next span { background:url(images/timeline-nav.png) no-repeat right 0; width:13px; height:27px; position:absolute; right:0; top:0; }
#timeline a.prev { float:left; line-height:27px; height:27px; padding-left:20px; position:relative; color:#a6a7a8; display:none; font-size:13px;  }
#timeline a.prev span { background:url(images/timeline-nav.png); width:13px; height:27px; position:absolute; left:0; top:0; }
#timeline a.prev:hover,
#timeline a.next:hover { opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80); text-decoration:none;  }
#timeline .nav-bar.state2 a.prev { display:block;  }
#timeline .nav-bar.state2 a.next { display:none;  }
#timeline .nav-bar.state2 .hint { float:right;  }

#timeline .cnt-area { position:relative; overflow:hidden; height:194px;  }
#timeline .cnt-area .event-wrap { position:relative; width:100%; height:100%;  }
#timeline .cnt-area .event-2000-2 { width:660px;  }
#timeline .cnt-area .item { position:absolute; width:560px; height:160px; left:57px; top:0; display:none;  }
#timeline .cnt-area .item .thumb { float:left; margin-right:20px; position:relative; left:-280px; }
#timeline .cnt-area .item h2  {font-size:40px; color:#fff; font-weight:900; line-height:40px; position:relative; top:-4px; float:none;  }
#timeline .cnt-area .item p { color:#fff; font-size:14px; line-height:17px;   }
#timeline .cnt-area .item .text { width:322px; float:right;   }
#timeline .action { height:28px; position:relative; overflow:hidden; }
#timeline .action .wrap { height:28px; position:absolute; left:750px; top:0; width:1500px;  }
#timeline .action .year { float:left; height:13px; padding-top:15px;  width:21px; background:url(images/timeline-year.png) no-repeat 0 bottom; position:relative;  font-size: 0; line-height: 0; text-indent: -4000px; cursor:default; }
#timeline .action .decade { background: transparent; width:45px; text-align:center; color:#fff; font-weight:bold; font-weight:900; font-size:11px; line-height:14px; text-indent:0; }
#timeline .action .year .label { position:relative; z-index: 1; }
#timeline .action .event { position:absolute; left:0;top:0; z-index: 2; height:100%; width:100%; cursor:pointer;  background:url(images/timeline-event.png) no-repeat center 0; }
#timeline .action .event-inbetween  { background:url(images/timeline-event-inbetween.png) repeat-x 0 0;  }
#timeline .action .event-start { background:url(images/timeline-event-start.png) no-repeat center 0;  }
#timeline .action .event-end { background:url(images/timeline-event-end.png) no-repeat center 0;  }
#timeline .action .two-events .event { width:50%;  }
#timeline .action .two-events .event+.event { left:50%;  }


.heading { position:relative; overflow: hidden; padding: 23px 0 20px; background: url(images/dotted-line.png) repeat-x 0 bottom;  }
.heading h2 { float:left; display:inline;  font: 22px arial,sans-serif; color: #688D6D; }
.heading h2.helv { font: 23px/25px Arial, sans-serif; }
.heading ul li { float:left; display:inline; padding: 10px 0 0 20px; font: 10px arial,sans-serif; }
.heading ul li a { text-decoration:none; color:#666; }
.heading ul li a:hover { text-decoration: underline;  }

.list { padding: 25px 0 0; }
.list ul li { position:relative; overflow: hidden; padding: 0 0 12px;  }
.list ul li.last { padding-bottom:4px;  }
.list ul li .img-holder { float:left; display:inline; width: 140px;  margin: 0 18px 0 0; }
.list ul li .text-holder { float:left;  display:inline; width: 540px; padding: 0 0 10px;  background: url(images/dotted-line.png) repeat-x 0 bottom;  }
.list ul li.last .text-holder { background:none;  }
.list ul li .text-holder h3 { padding: 0 0 6px; font: 15px arial,sans-serif; }
.list ul li .text-holder span { display:block;  padding: 0 0 11px; font: 11px/20px arial,sans-serif; color:#666; }
.list ul li .text-holder h4 {  font: 12px arial,sans-serif; color: #688D6D; }
.list ul li .text-holder p {  font: 11px/20px arial,sans-serif; padding: 0 0 11px; color:#666; }
.list ul li .text-holder p a { font-size: 12px; text-decoration:underline;  color:#638b6d; }
.list ul li .text-holder p a:hover { text-decoration:none;  }

.dotted-line { width: 540px;  height: 1px; margin-bottom: 10px;  background: url(images/dotted-line.png) repeat-x 0 0;  }
.text-box { padding: 0 0 10px;  }
.text-box h4 {  width: 470px; margin-bottom: 2px; font-weight:bold;  }
.text-box span { display:block; margin-bottom: 5px;  font-size: 11px; color:#707070;  }
.text-box p { font-size: 12px; line-height: 20px;  }

/* Contacts */

.contact { width: 300px; padding-top: 34px;  }
.contact2 { width: 215px; padding: 34px 0 100px 10px; }

.contact p.green { padding-bottom: 11px;  }
.contact strong { display:block;  font: bold 16px/22px arial,sans-serif; color: #688D6D; }
.contact a { display:block;  color: #666666; font: 16px/22px arial,sans-serif; }

.contact2 strong { font: bold 11px/20px arial,sans-serif; color:#666; }
.contact2 a { color: #666666; }

/* Blog */

.blog-posts { width: 585px; margin: 11px 0 50px;  background: url(images/dotted-vertical.png) repeat-y right 0;  }
.categories { width: 140px; padding: 5px 0 0; margin: 11px 0 0 21px; }

.blog-posts ul li { position:relative; overflow: hidden; padding: 2px 0 18px; margin: 0 32px 16px 0; background: url(images/dotted-line.png) repeat-x 0 bottom;  }
.blog-posts ul li.last { background: none;  }
.blog-posts span { display:block; padding-bottom: 19px;  font: 12px/23px arial, sans-serif;color:#333; }
.blog-posts h3 { font: 22px/23px arial, sans-serif;  }
h3 a { color:#648c6d; }
.blog-posts p { padding-bottom:0;  font: 14px/23px arial, sans-serif; color:#333; }
.blog-posts p a { color:#638b6c; text-decoration: underline;  }
.blog-posts p a:hover { text-decoration:none;  }
.blog-posts span.smaller { float:left; display:inline; margin: 0 13px 0 0; padding-bottom:0;  font-size: 12px;  }
.blog-posts a.facebook { float:left; display:inline; width: 15px; height: 15px; margin: 4px 4px 0 0; background: url(images/facebook.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px;   }
.blog-posts a.twitter { float:left; display:inline; width: 19px; height: 15px;  margin: 4px 4px 0 0; background: url(images/twitter.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px;   }

.categories h4 { margin-bottom: 7px;  font: 18px/22px arial, sans-serif;  }
.categories ul li a { font: 14px/16px arial, sans-serif; color:#000; }

/* Rails */

.leftrail ul li a:hover, .leftrail ul li a.active { border-bottom: 6px solid #009e64; text-decoration:none; color:#648c6d; } 
.ad { width: 220px; margin: 14px 20px 0 0; } 
.mission { width: 400px; padding: 0 0 0 20px;  margin: 12px 0 20px; background: url(images/dotted-vertical.png) repeat-y 0 0;  }
.mission h3 { margin-bottom: 4px;  }

ul.side-nav { margin-bottom: 10px;  }
ul.side-nav li { margin-bottom: 5px;  }
ul.side-nav li h2 { float:none; display:block;  padding-bottom: 5px;  background: url(images/dotted-line.png) repeat-x 0 bottom; }
ul.side-nav ul li { padding: 20px 0; margin-bottom:0;  background: url(images/dotted-line.png) repeat-x 0 bottom; }
ul.side-nav ul li a { font-size:10px; line-height: 13px;  color:#666666; }
ul.side-nav li h2 a {  font-size:22px; line-height: 26px;  color:#688D6D;  }
ul.side-nav li h2 a:hover { text-decoration:none;  }

.rightrail .mission { padding: 0 78px 0 24px; background: url(images/dotted-vertical.png) repeat-y right 0; }
.rightrail .ad { margin-right:0;  }

/* Member Table */
table.member-table {font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-top: solid 2px; border-bottom: solid 2px; margin-bottom: 20px;}
table.member-table td {padding: 2px 3px;}
table.member-table a {color: #666;}


#main-content-full h2, #main-content h2 { float: none; margin: 0 0 12px ;}
#main-content-full img, #main-content img { max-width: 100%; height: auto }


table { width: 100%; margin: 0 auto }
table td { border: 1px solid #d4d4d4; padding: 0 0 0 4px; vertical-align: middle }
#main-content-full table td p { padding-bottom: 0 }
.tr-header { background: #ddd }
 
.clear { clear: both; display: block  }