/*  WebKey Default Template  */

body {
margin : 0;
padding : 0;
font : 76% Verdana, arial, sans-serif;
background : #27180e url(/sites/default/assets/background.gif) repeat-x;
color : #d6d2c7;
}

#container {
width : 1000px;
margin-left : auto;
margin-right : auto;
margin-top: 0;
padding : 0;
color : #d6d2c7;
}

#header .topimg {
margin: 0 0 0 0px;
padding: 0;
}

#header .logo {
margin : 40px 0 0 -30px;
padding: 0;
position: absolute;
}

#join a {
text-decoration : none;
}

/* SIDEBAR1 */

#mainNavContainer {
background : #1A1008;
width: 196px;
height: 550px;
margin: -65px 0 0 81px;
}

#secondary_nav {
float: left;
width:150px;
color:#FFFFFF;
font-size:0.95em;
line-height:1.50;
letter-spacing: 0.15em;
padding: 4px 10px 4px 10px;
text-align:right;
font-weight:normal;
}

#secondary_nav ul li a {
width:150px;
margin: 0px auto;
float: left;
padding: 4px 10px 4px 0px;
color: #f9e5af;
text-decoration: none;
border-bottom:1px solid #674d3e;
}

#secondary_nav ul li a:hover {
width:150px;
color: #fbcc4e;
text-decoration : none;
border-bottom : 1px solid #fbcc4e;
}

#secondary_nav li {
list-style: none;
}

#secondary_nav li a:link, #secondary_nav li a:visited {
color:#FFFFFF;
}

#secondary_nav li a:hover, #secondary_nav li a.active {
color:#fbcc4e;
}

#secondary_nav_sub_page {
float: left;
width:150px;
color:#f9e5af;
font-size:0.85em;
line-height:1.50;
letter-spacing: 0.15em;
padding: 4px 10px 4px 10px;
text-align:right;
font-weight:normal;
}

#secondary_nav_sub_page ul li a {
width:150px;
margin: 0px auto;
float: left;
padding: 4px 10px 4px 10px;
color: #f9e5af;
text-decoration: none;
border-bottom:1px solid #674d3e;
}

#secondary_nav_sub_page ul li a:hover {
width:150px;
color: #fbcc4e;
text-decoration : none;
border-bottom : 1px solid #fbcc4e;
}

#secondary_nav_sub_page li {
list-style: none;
}

#secondary_nav_sub_page li a:link, #secondary_nav_sub_page li a:visited {
color:#f9e5af;
}

#secondary_nav_sub_page li a:hover, #secondary_nav_sub_page li a.active {
color:#fbcc4e;
}

.mainNavActive {
color: #f9e5af;
}

#content {
color : #d6d2c7;
margin : -30px 0 0 0;
padding: 0;
border: 0px solid red;
}

#content a:link, #content a:visited {
text-decoration : none;
background : inherit;
color : #f9e5af;
border-bottom : 1px solid #674d3e;
}

#content a:hover {
background : inherit;
color : #fbcc4e;
text-decoration : none;
border-bottom : 1px solid #fbcc4e;
}

table#content td#leftCol {
vertical-align:top;
padding-top:60px;
}

table#content td#rightCol {
vertical-align:top;
padding-top:7px;
padding-right: 50px;
padding-left: 32px;
}

table#content td#FarRightCol p {
vertical-align:top;
font : 85% Verdana, arial, sans-serif;
color : #bcb692;
line-height: 1.55em;
}

table#content ul {
list-style:none;
margin:0;
padding:0 0 0 15px;
}

/* CONTENT STRUCTURE */

#content .layout1 {
margin : 0 0 5px 100px;
padding : 5px;
}

#content .layout2 {
margin : 0 0 5px 0;
padding : 5px;
}

#sidebar1 {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 5px;
border-right : 1px dashed #999;
background : #e9eee4;
color : #333;
}

.sidemenu ul {
list-style-type : none;
text-align : left;
}

.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}

.sidemenu ul li a {
background : transparent url(/sites/default/assets/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}

.sidemenu ul li a:hover {
background : transparent url(/sites/default/assets/list-on.gif) no-repeat left center;
color : #666;
}

.sidemenu ul li a#current {
background : transparent url(/sites/default/assets/list-active.gif) no-repeat left center;
color : #666;
}

#bottomimg {
height : 50px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
background-color : #336633;
color : #333;
}

#bottomimg h1 {
float : left;
margin : 10px 0 0 5px;
font-size : 150%;
color : #fff;
background : #336633;
}

#footer {
clear : both;
padding : 5px;
margin : 10px 75px 30px 75px;
font-size : 90%;
border-top : 0px solid #674d3e;
color : #674d3e;
}

#footer a:link, #footer a:visited {
text-decoration : none;
background-color : inherit;
color : #6d4731;
}

#footer a:hover {
text-decoration : underline;
background-color : inherit;
color : #fbcc4e;
}

p {
margin : 0 15px 15px 15px;
letter-spacing : 0.5px;
line-height: 1.7em;
color : #d6d2c7;
}

p .private {
color : #FF0000;
}

p .calendar-footer {
font-size: 80%;
color: #674d3e;
margin:0;
padding:0;
}

h5 .private {
color : #FF0000;
}

h1 {
margin: 14px 14px 14px 14px;
padding : 0;
font-size : 140%;
color : #f7e7a7;
background-color : inherit;
font-style: normal;
font-weight: lighter;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing : 1px;
line-height: 1.5em;
}

h2 {
margin : 0 0 10px 0;
padding-left : 15px;
letter-spacing : 1px;
color : #f9e5af;
font-style: normal;
font-weight: lighter;
font : 110% Verdana, arial, sans-serif;
}

.img {
float : left;
padding : 10px;
border : none;
}

.img a {
border : none;
}

.directions {
float : left;
padding : 15px;
}

.error {
margin:10px 0 20px 0;
padding:20px 20px 20px 42px;
color:#f7e7a7;
border:1px solid #f9e9b8;
font-size:0.98em;
background: #191008;
}

.success {
margin:10px 0 20px 0;
padding:20px 20px 20px 42px;
color:#f7e7a7;
border:1px solid #f9e9b8;
font-size:0.98em;
background: #191008;
}

#portfolio-img a:link, #portfolio-img a:visited {
text-decoration: none;
}

#portfolio-img a:hover {
text-decoration: none;
}

#leftCol {
width:130px;
border:0px solid red;
}

#rightCol {
width:500px;
}

#leftcolumn {
display: inline;
color: #333;
margin: 0px 0px 20px 23px;
padding: 0px;
width: 150px;
float: left;
border:0px solid red;
}

#leftcolumn li {display:inline;}

#FarRightCol {
margin: 22px 0px 20px 0px;
padding: 0px;
width: 200px;
float: right;
border:0px solid blue;
}

/* PORTFOLIO */

.leadPortfolioImage {
max-width:150px; 
max-height:150px;
margin:0;
padding:0;
}

#photoholder {
height:150px;
overflow:hidden;
width:150px;	
margin: -30px 0 20px 80px;
padding:0;
border: 1px solid #674d3e;
}

/* @LOGIN */

#login {
width: 450px;
\width: 450px;
w\idth: 450px;
border: 0px solid #666666;
padding: 30px;
margin: 150px 20px 20px 20px;
background: none;
text-align: left;
}

#login .logo {
margin : -140px 0 0 0;
padding: 0;
position: absolute;
}

#login h1 {
font-size: 120%;
}

#login img {
margin: 0 0 10px 100px;
border:0px solid #ededed;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color : #d6d2c7;
font : 76% Verdana, arial, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
color: #f9e5af;
}

#login p a:hover {
font-size: 10px;
text-decoration: underline;
color: #fbcc4e;
}

#login input {
font: Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
background: #faf6ed;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

.paypal {
margin: 10px 10px 10px 14px;
}

/* @group Application */

table.key_application_wrapper table {
border: 0px solid #b7a093;
background: #f0ead7;
width: 300px;
}

table.key_application_wrapper table td.col01{
width: 150px;
}

table.key_application_wrapper table td{
border: 0px solid red;
}

table.key_application_wrapper table input, table.key_application_wrapper table textarea {
border: 1px solid #b7a093;
padding: 3px;
margin: 0 2px;
background: #FFF;
}

table.key_application_wrapper .k-textbox-long {
width: 370px;
}

table.key_application_wrapper .k-textbox-medium {
width: 178px;
}

table.key_application_wrapper .k-textbox-short {
width: 82px;
}

table.key_application_wrapper label{
font-size: 0.95em;
padding: 2px;
color: #674d3e;
}

table.key_application_wrapper textarea{
width: 420px;
}

table.key_application_wrapper .k-button {
border: 1px solid #b7a093;
background: #fbcc4e;
}

#steps p {
padding: 2px;
font : 75% Verdana, arial, sans-serif;
color : #674d3e;
}

#steps p a:link, #steps p a:visited {
text-decoration: none;
color: #674d3e;
border-bottom : 0px solid #fbcc4e;
}

#steps p a:hover {
text-decoration: underline;
color: #674d3e;
border-bottom : 0px solid #fbcc4e;
}

/* Top Navigation */

#global_navigation {
position:relative;
top:-32px;
left:318px;
width: 660px;
margin: 0px;
padding: 0;
height:33px;
border:0px solid red;
z-index:2000;
}

.navigation {
display: block;
text-align: center;
margin: 0;
padding: 0;
}

ul.horizontal {
/*position: relative;
top:0;
right: 0;*/
/*width: 100%;*/
cursor: default;
z-index: 2000;
height:32px;
margin: 0;
padding: 0;
border:0px solid green;
/*top: 1em;*/
}

ul.horizontal li, ul.horizontal ul {
margin: 0;
padding: 0;
list-style-type: none;
text-transform:uppercase;
}

ul.horizontal li {
width: auto;
float: left;
position: relative;
cursor: pointer;
cursor: hand;
text-align: left;
/*left: 1em;*/
margin: 0 0 0 -0.1em;
}

ul.horizontal li.current_page_item a {
color:#000;
}

* html ul.horizontal li {
margin: 0 -1.1em 0 1em;
left: 0;
}

ul[class^="horizontal"] li {
margin: 0 -1.1em 0 1em;
left: 0;
}

ul.horizontal ul {
z-index: 2020;
padding: 0;
cursor: default;
position: absolute;
left: -1500em;
top: auto;
width: 16.2em;
margin: 5px 0 0 0;
padding: 1px 0 0 0;
border:0px solid #ededed;
}

ul.horizontal ul li {
width: 16.2em;
float: none;
left: auto;
margin: -5px 0 0 0;
background: url('../assets/tab_bg.gif') #99ccff left top repeat-y;
}

ul.horizontal ul ul {
margin: 0em 0 0 10.65em; 
border:0px solid #ededed;
}

ul.horizontal ul {
/*	border-width: 0px;
border-style: solid;
border-color: #ffeca7 #a97741 #a97741 #ffeca7;*/
}

ul.horizontal a, ul.horizontal a:visited {
display: block;
cursor: pointer;
cursor: hand;
border-top: 0px solid #a6c3f3;
border-left: 2px solid #a6c3f3;
border-right: 2px solid #a6c3f3;
border-bottom: 0px solid #849bbf;
padding: 5px 8px;
margin: 3px 0;
font: normal 0.76em verdana, sans-serif;
background: #91a7d3;
opacity:.75;
color: #1A1008;
text-decoration: none;
letter-spacing: .75px;
}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {
background: #1A1008;
color: #FFFFFF;
}

ul.horizontal li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
border-top: 0px solid #a6c3f3;
border-left: 2px solid #a6c3f3;
border-right: 2px solid #a6c3f3;
border-bottom: 0px solid #849bbf;
padding: 5px 8px;
font: normal 0.76em verdana, sans-serif;
background: #91a7d3;
}

ul.horizontal ul li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
border-top: 0px solid #a6c3f3;
border-left: 2px solid #a6c3f3;
border-right: 2px solid #a6c3f3;
border-bottom: 0px solid #849bbf;
padding: 5px 8px;
font: normal 0.76em verdana, sans-serif;
background: #91a7d3;
}

ul.horizontal li.hasmenu > a:hover,
ul.horizontal li.hasmenu > a:focus,
ul.horizontal li.hasmenu > a:active,
ul.horizontal li.hasmenu > a.rollover,
ul.horizontal li.hasmenu > a.rollover:visited {
background: #1A1008;
color: #FFFFFF;
}

ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited {
background: #1A1008;
color: #FFFFFF;
}

* html ul.horizontal li.hasmenu a,
* html ul.horizontal li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/down-green.gif) #666 no-repeat 92% 50%" : "#666");
}

* html ul.horizontal ul li.hasmenu a,
* html ul.horizontal ul li.hasmenu a:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/right-green.gif) #666 no-repeat 95% 50%" : "#666");
}

* html ul.horizontal li.hasmenu a:hover,
* html ul.horizontal li.hasmenu a:active,
* html ul.horizontal li.hasmenu a.rollover,
* html ul.horizontal li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/down-red.gif) #666 no-repeat 92% 50%" : "#666");
}

* html ul.horizontal ul li.hasmenu a:hover,
* html ul.horizontal ul li.hasmenu a:active,
* html ul.horizontal ul li.hasmenu a.rollover,
* html ul.horizontal ul li.hasmenu a.rollover:visited {
background: expression(/hasmenu/.test(this.parentNode.className)
? "url(../assets/dropdownmenu/right-red.gif) #666 no-repeat 95% 50%" : "#666");
}

ul.horizontal a {
float: left;
}

@media Screen, Projection {

ul.horizontal a {
float: none;
}

}

ul.horizontal ul a {
float: none !important;
}

@media screen, projection {

* html ul.horizontal li {
/*display: inline;*/
/*	f\loat: left;*/
/*background: #666;*/
}

}

* html ul.horizontal li {
position: static;
}

* html ul.horizontal a {
position: relative;
}

ul iframe {
position: absolute;
z-index: 1010;
border: none;
}

/* @group Calendar */

/* Large cal */

.key_calendar ul, .key_calendar li {
list-style: none;
margin: 0 !important; padding: 0 !important;
}

.key_calendar ul.key_calendar_month {
width: 230px;
height: 25px;
display: block;
float: left;
clear: both;
}

.key_calendar li.key_date, .key_calendar li.key_cal_header {
width: 72px;
height: 100px;
display: block;
float: left;
padding: 2px;
border: 1px solid #674d3e;
margin: -1px 0 0 -1px !important;
font-size: 80%;
overflow: auto;
}

li.key_cal_header {
border-top: 1px solid #674d3e;
}

.key_calendar_prev, .key_calendar_next {
display: block; float: left;
width: 3%;
padding-bottom: 5px !important;
}

.key_calendar_heading {
display: block; float: left;
width: 89%;
font-size:90%;
text-align: center;
padding: 0 0 5px 0 !important;
}

.key_calendar_next {
text-align: right;
}

.day_letter, .day_short {
display: none;
}

.key_date_has_events {
background: #EEE;
}

.key_date_blank {
background: #CCC;
}

/* Small cal */

#FarRightCol .key_calendar {
height: 188px;
}

* html #FarRightCol .key_calendar {
width: 209px !important;
overflow-x: hidden;
}

#FarRightCol	.key_calendar li.key_cal_header {
border-top: 0px;
}

#FarRightCol .key_calendar li.key_calendar_prev, #FarRightCol .key_calendar li.key_calendar_heading,#FarRightCol .key_calendar li.key_calendar_next{
line-height: 28px;
font-size: 14px;
}

#FarRightCol .key_calendar a{
color: #f7e7a7;
}

#FarRightCol .key_calendar {
color: #f7e7a7;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 14px;
margin-bottom:20px;
border:0px solid red;
}

#FarRightCol .key_calendar li.key_date {
width: 29px;
height: 24px;
overflow: hidden;
margin: -1px 0 0 -1px !important;
background-color: #1A1008;
}

#FarRightCol .key_calendar li.key_calendar_prev {
width: 10px;
text-align: center;
}

#FarRightCol .key_calendar li.key_cal_header {
width: 29px;
height: 24px;
overflow: hidden;
margin: -1px 0 0 -1px !important;
background-color: #1A1008;
}

#FarRightCol .key_calendar_categories {
display: none;
}

#FarRightCol .day_long {
display: none;
}

#FarRightCol .day_letter {
display: inline;
}

#FarRightCol .key_calendar_event {
display: none;
}

#FarRightCol .key_date_has_events a {
display: block;
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
background-color: #1A1008;
border: 1px solid #674d3e;
}

#FarRightCol .key_date_has_events a {
position: static !important;
border: 0 !important;
}

#FarRightCol .key_date_has_events {
overflow: visible !important;
background-color: #674d3e !important;
border: 1px solid #674d3e !important;
}

#FarRightCol .key_date_active_day {
background-color: #f7e7a7 !important;
border: 1px solid #674d3e !important;
color: #674d3e;
}

#FarRightCol .key_date_number_taken {
color: #cfc28c;
}

#FarRightCol .key_calendar_heading {
width: 82%;
}

.key_cal_header {
font-weight: bold;
text-align: center;
margin: 5px 0 0 -1px !important;
overflow: hidden !important;
color: #FFF;
}

.key_event_images {
display:block;
border:0px solid red;
height:50px;
clear:both;
}

.key_event_image {
float: left;
margin-right: 6px;
margin-bottom: 10px;
color: #333333;	
}
.key_event_image img {
display: block;
border: 1px solid #ededed;
/*margin: 0 15px 0 0;*/
}

.image-default img {
margin : 0 15px 0 15px;
padding:0;
}

/* @end */