/*** External Stylesheet Imports
***********************************/
@import url('reset.css');
@import url('typography.css');
@import url('layout.css');
@import url('navigation.css');
@import url('sitemap.css');
@import url('breadcrumbs.css');
@import url('forms.css');
@import url('jquery-ui-1.7.1.custom.css');


/*** HTML Overrrides ***********************************/
br { clear: both; }

/*** Branding ***********************************/
#branding { background-color: #c5c6c8; position:relative; padding: 10px; margin: 0 0 5px 0; }
#branding h1 { 
  background: transparent url('/media/115/wip-logo-01.jpg') no-repeat; 
  text-indent: -9999px; 
  width: 613px; 
  height: 144px;  
  margin: 0;
  display:block;
}
#branding #search-form { position:absolute; top: 20px; right: 20px; display: inline; }
#branding #search-form label { border: none; }
#branding #user-area { position: absolute; bottom: 15px; right: 20px; text-align: right; line-height: 1.5em; }

#secondary-navigation .branch-name { border: none; padding: 5px 12px; float: right; }
#secondary-navigation .branch-name h3 { color: #fff; margin:0; display:inline;  }

/*** Shortcuts ***********************************/
#shortcuts { border-top: 1px solid #EC7535; margin: 0 0 5px 0; color: #fff; padding:5px 0 0 0 ; width: 128px; }
#shortcuts li { list-style: none; margin: 0; }
#shortcuts li.poll { background: #EC7535; font-weight: bold; font-size: 1.2em; line-height: 1.2em; }
#shortcuts a { display: block; padding: 2px 5px; color: #999; text-decoration: none; }
#shortcuts a:hover { text-decoration: underline; }
#shortcuts li.poll a { background-color: #EC7535; color: #fff; 	}
#shortcuts li.poll a:hover { background: #00638F; }	


/*** News Ticker ***********************************/
#news-ticker h4 { background: #A7A8AA; padding: 3px 5px; display:block; width:120px; font-size: 1.2em; font-weight:bold; color: #fff; float:left; margin:0 0 5px 0; }
#news-ticker ul { float:left; display:block; margin: 0 0 0 5px; }
#news-ticker li { padding: 3px 5px; margin: 0; list-style: none; display: inline; }

/*** Login ***********************************/
.login th, .login td, .password-recovery th, .password-recovery td { padding: 0; }
.login th, .password-recovery th { width: 125px; }
.login td { vertical-align: top; }
.login label, .password-recovery label { float:none;  }
.login .rememberme label { background-color: transparent; float:none; display: inline; }
.login input.text, .password-recovery input.text { margin: -1px 0 0 0;    }
.login input.button, .password-recovery input.button { width: 125px; margin:0; }

#layoutColumn2 img { margin-bottom: 1em; }

/*** Search ***********************************/
.xsltsearch_description strong { color: #EC7535; }

/*** Polls ***********************************/
#pollContainer { text-align:left; }
#pollContainer label { float: none; background-color: transparent; width:auto; display: inline; }
.pollChartBar { background: #00638F; height: 7px; margin: .3em 0; }

/*** Events ***********************************/
#event-list { list-style: none; margin:0; padding: 0 0 20px 0; }
#event-list a { text-decoration: none; }
#event-list li { clear:both; font-weight: bold; margin: 0 0 .5em 0; padding: 0; }
#event-list h4 { font-size: 1em; margin: 0; float:left; font-weight: bold;}
#event-list .date { color: #EC7535;  float:left; width: 150px; display: block; }

.member-search-form div { clear: both; }
.member-search-form label { width: 160px; display:block; }
.member-search-form .radio-button-list label { float: left;  }
.member-search-form .radio-button-list input { float: right; }


#link-list li { list-style: none; background-repeat: no-repeat; padding-left: 150px; display:block; }

#member-profile { text-align: left; }
#member-profile img { float:right; }
#member-profile th { background: transparent; width: 180px; text-align: left; }

/*** Toolbox / Picture Library ***********************************/
#picture-library { clear: both; }
#picture-library div { float: left; margin: 0 10px 10px 0; width: 150px; height: 180px; }
#picture-library img { margin-bottom: 5px; }
#picture-library h2 { clear: both; }

/*** Edit Profile ***********************************/
#member-edit div { clear: both; }
#member-edit label { width: 15em; }
#member-edit select { padding: 0; }
#member-edit input, #member-edit select { width: 220px; }

#committee { clear: both; }
.committee-member { width:160px; height: 190px; float:left; margin: 0 10px 10px 0; line-height: 1.2em; overflow: hidden; }
.committee-member img { clear: right; margin-bottom: 5px;}

#event-search { clear:both; }
#event-search label { display:block; width: 100px; }
#event-search div { clear: both; }

.gallery { margin: 1em 0; }
.gallery a.galleryImg { display: block; margin: 0 20px 20px 0; float: left; }

/*** Contact Form ***********************************/
.contact-form div { clear: both; }
.contact-form label { width: 15em; }
.contact-form input.text { }
.contact-form textarea { width: 450px; }

.calendar { width: auto; background: #f1f1f1; border: 1px solid #00638F; }
.calendar table { width: auto; }

#xsltsearch { text-align: left; }


/*** UI Feedback ***********************************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 0 0 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 20px 50px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    background-image: url('images/error.png');
    display:block;
}

.info p, .success p, .warning p, .error p,
.info span, .success span, .warning span, .error span  {
    margin: 0px 50px; display:block;
}

.container img {
    border: none;
}

.renewal-notice { margin-top: 1px; clear:both; }

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.validation ul
{
	padding: 0px 30px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */






















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */