@charset "utf-8";
/* CSS Document */
/* Override the Vignette Styles  - JPJR 01 2009 
updated - 03.11.2010
secondary file of MultCo_Content Publisher Grid 2.0*/

/*///////////////////////////////// General tag overrides /////////////////////////////////*/
html, body {
	height: 100%;
	font-size:62.5% !important;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#tableWrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 0 5px;
	text-align: left;
}

#header {
	/*margin: 0 0 0 5px;
	position: relative;*/
	overflow: visible;
	width: 100%;
	z-index: 1001;
}

p, ul, ol, li {
	margin: 0px;
	padding: 0px;
	color: #444 !important;
}

/*//////////////////////////////// Controling the Columns ////////////////////////////////////*/
#Column1 {
	width: 200px !important;
    margin: 16px 0 0 9px !important;
	padding: 0 !important;
	vertical-align: top;
	/*border: solid red 1px;*/
}

#Column2 {
	width: 100% !important;
	margin: 9px 0 0 0 !important;
	padding: 0 !important;
	vertical-align: top;
}

#Column3 {
	width: 145px !important;
	margin: 13px 9px 0 0 !important;
	padding: 0 !important;
	vertical-align: top;
	/*border: solid red 1px;*/
}

#tableWrapper .noSpace {
	display: none !important;
}

.blueheader_center, .curvedbottom_center, .a_curvedbottom_center, .a_contentbox_center, .a_blueheader_center {
	width: 100% !important;
}

/*////////////// Locks down the fonts and styles so they can not be edited in the admin environment ////////////////////*/
/* override inline styles */
/*span [style] {
	margin: inherit !important;
	padding: inherit !important;
	font-family: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
}*/

p, p span, p span font, p font, p font span, p font span font, p font span font span, span.vgn-ext-text p, span.vgn-ext-text p span {
	margin: 0 0 1em 0 !important;
	padding: 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	line-height: 1.3em !important;
	color: #444 !important;
	/*border: solid red 1px;*/
}

p span, span.vgn-ext-text p, span.vgn-ext-text p span {
	font-size: 1.1em !important;
}

address, .contentbox_wrapper address span, .vgn-ext-text address span {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #444 !important;
}

pre, .contentbox_wrapper pre span, .vgn-ext-text pre span {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #444 !important;
}

h1, .contentbox_wrapper h1, .contentbox_wrapper h1 span, .vgn-ext-text h1 span, .vgn-ext-text h1 {
	margin: 0 !important;
	margin-bottom: 1em !important;
	padding: 18px 0 0 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans !important;
	text-decoration:none !important;
	font-size: 1.8em !important;
	font-weight: normal !important;
	color: #2971a7 !important;
}

h2, .contentbox_wrapper h2, .contentbox_wrapper h2 span, .vgn-ext-text h2, .vgn-ext-text h2 span, #Column2 div.featuredbox h2 {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans !important;
	text-decoration:none !important;
	font-weight: normal !important;
	font-size: 1.6em !important;
	color: #333333 !important;
}

h3, .contentbox_wrapper h3, .contentbox_wrapper h3 span, .vgn-ext-text h3, .vgn-ext-text h3 span {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans !important;
	text-decoration:none !important;
	font-weight: normal !important;
	color: #333333 !important;
}

h4, .contentbox_wrapper h4, .contentbox_wrapper h4 span, .vgn-ext-text h4, .vgn-ext-text h4 span {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans, sans-serif !important;
	font-size: 1.2em !important;
	text-decoration:none !important;
	font-weight: normal !important;
	color: #333333 !important;
}

h5, .contentbox_wrapper h5, .contentbox_wrapper h5 span, .vgn-ext-text h5, .vgn-ext-text h5 span {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans, sans-serif !important;
	font-size: 1em !important;
	text-decoration:none !important;
	font-weight: normal !important;
	color: #333333 !important;
}

h6, .contentbox_wrapper h6, .contentbox_wrapper h6 span, .vgn-ext-text h6, .vgn-ext-text h6 span {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans, sans-serif !important;
	font-size: 1em !important;
	text-decoration:none !important;
	font-weight: normal !important;
	color: #333333 !important;
}

#Column1 li a, #Column3 li a, .contentbox_wrapper a, .contentbox_wrapper a span, .vgn-ext-text a, .vgn-ext-text a span {
	margin: 0 !important;
	padding: 0 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	color: #2971a7 !important;
}

.contentbox_wrapper #Column2 a:hover {
	text-decoration: none;
}

/*>>>>>>>>>>> For the list items lock of fonts and styles see the section controling lists >>>>>>>>>>>>>>>>>>>>>>*/

/*///////////////////////////////// Controling lists ///////////////////////////////*/
.contentbox_wrapper ul *, .contentbox_wrapper li *{
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	margin: 0;
	padding: 0;
}

#Column1 li, #Column1 span.vgn-ext-text {
        list-style-type: none !important;
}

#Column2 li {
    list-style-position: inside !important;
    text-indent: -1.5em !important;
    margin-left: 1.5em !important;
	padding-left: .5em !important;
}

#Column3 .contentbox_center .vgn-ext-text li { 
	list-style: square;
	list-style-position: inside !important;
	line-height: 1.3em;
	margin-left: 1em;
	text-indent: -1em;
	padding-bottom: .5em;
}

@-moz-document url-prefix()
{
#Column3 .contentbox_center .vgn-ext-text li .vgn-ext-link {margin-left: -9px !important; }
}

* html #Column3 .contentbox_center .vgn-ext-text li .vgn-ext-link {
	margin-left: -6px !important;
}

html > body #Column3 .contentbox_center .vgn-ext-text li .vgn-ext-link {
	*margin-left: -6px !important;
}

#Column2 ul {
	position: relative;
    margin-top: -.5em !important;
	padding: 0 0 1em 0;
	/*border: solid red 1px;*/
}

#Column2 ul li {
	margin-bottom: .5em !important;
	list-style: disc inside;
}

#Column2 ul ul {
	padding: .5em 0 0 0 !important;
	/*border: solid red 1px;*/
}

#Column2 ul li li {
	list-style: circle inside;
}

.drpdiv ul li {						/*nav fix and targets only the nav li*/
	margin-left: -1px !important;
	padding: 0 !important;
	/*border: solid red 1px;*/
}

/*//////////////////////////////// Controling the vertical menu ///////////////////////////*/
.vertNav {
	margin-top: 12px;
}

.vertNav .blueheader_center {
	width: 100%;
	vertical-align: center;
	padding: 6px 0 6px 0 !important;
	/*border: solid red 1px;*/
}

.vertNavHeader {
	font-family: Georgia, Verdana;
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	line-height: 1em;
	vertical-align: bottom;
	/*border: solid red 1px;*/
}

a.vertNavLinks, a.vertNavLinks:link, a.vertNavLinks:visited {
	font-family: Verdana, sans-serif !important;
	font-size: .95em !important;
	color: #444 !important;
	text-align: left !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: solid 1px #999 !important;

}

a.vertNavLinks:hover {
	height: auto;
	width: auto;
	color: #fff !important;
	background-color: #999 !important;
	text-decoration: none !important;
}

.contentbox_wrapper #Column1 a.vertNavActive {
	font-family: Verdana, sans-serif !important;
	font-size: .95em !important;
	text-align: left !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 5px 0 5px 10px !important;
	color: #444 !important;
	background-color: #eee !important;
	text-decoration: none !important;
	border-bottom: solid 1px #999 !important;
}

/*////////////////////////////////// controling specific page elements /////////////////////////////////////*/
.title_image {
	 margin-left: 0;
	 text-align: left;
/*	 margin-left: auto;
	 margin-right: auto;
	 text-align: center;*/
/*	 height: 150px;
	 width: 580px;*/
}

#Column2 p.headerimage {
	margin: 23px 0 0 0 !important;
    padding: 0;
}

#Column2 p.headerimagecaption {
	margin: 5px 0 -3px 0 !important;
    padding: 0;
    font-size: .8em !important;	
}

/*#Column2 p img*/
.dsMap {
	margin: 18px 0 0 0;
	/*border: solid red 1px;*/
}

#Column3 #commishPortrait {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}

.signature {
	margin: 0 !important;
	padding: 0;
}

.caption {
	padding: 0 1em 0 1em;
}

a#drag {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Georgia, Verdana, Lucida Grande, Lucida Sans !important;
	color: #333333 !important;
	font-size: .8em !important;
	font-weight: bold;
	letter-spacing: .03em;
	text-decoration: none;
	cursor: text;
	/*border: solid red 1px;*/
}

.contentbox_wrapper a.bookmark {
	font-size: .9em !important;
	line-height: 1.5em;
	display: block;
	margin-bottom: .5em !important;
}

a.vgn-ext-link {
	margin-left: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
	line-height: 1.3em;
	/*border: solid red 1px;*/
}

#Column3 a {
	font-size: .9em !important;
}

hr {
    margin: 10px 0 !important;    /*this is the Firefox/Opera margin*/
    margin: 5px 0;               /*this is the IE margin - 7px - less*/
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #999; 
	border-style: none none dotted;
	width:99%;
	clear: both;
}

.datepublished {
	margin-top: -1em;
}

/*///////////////////////////////////// Forms /////////////////////////////////////////////////////////////*/
form {
	margin: 0px;
}

input, select, textarea, .epi-input, .portlet-form-input-field {
	font-size: .8em;
	color:#666666;
	border: solid 1px silver;
}

#goImage, #multco_commentform p input {
	border: none;
}

#multco_commentform p, #multco_commentform p input {
	margin: .5em 0 0 0 !important;
}

p span#nameComment {
	height: auto;
	width: auto;
	padding-left: 18px !important;
	/*border: solid red 1px;*/
}

p span#emailComment {
	height: auto;
	width: auto;
	padding-left: 19px !important;
}

p span#subjectComment {
	height: auto;
	width: auto;
	padding-left: 6px !important;
}

p span#nameComment input, p span#emailComment input, p span#subjectComment input {
	border: solid 1px silver;
}

span#comment-post {
	height: auto;
	width: 5em;
	text-align: center;
	/*border: solid red 1px;*/
}

#newsLetter h1 {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
}

/*////////////////////////////////// eNews Letter Subscription Form //////////////////////////*/
/*#enews h4 {
	margin: 0 !important;
	margin: 0 0 1em 0;
	padding: .5em 0 0 0 !important;
}

#enews div {
	clear: both;
}

#enews #email {
	margin: 0 0 1em 0;
}

#enews .checkBox {
	margin: .5em 0 0 0;
}

#enews label {
	font-size: 1.1em;
	display: inline-block;
}

#enews .leftTitle {
	margin: 0 0 0 1em;
}

#userEmail {
	margin: .5em 0 0 1em;
}

#userFirst {
	margin: 1em 0 0 1.3em;
}

#errorMsg {
	height: auto;
	width: auto;
}

#hotSpot {
	margin: -2em 0 0 -1.5em !important;
	margin: -1em 0 0 -2em;
	padding: 0 !important;
	height: 60% !important;
	height: 300px;
	width: 50% !important;
	width: 100%;
	position: absolute !important;
	z-index: 0 !important;
	/*border: solid red 1px;
}

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

#enews ul /*#newsAccordian {
	margin: 0 0 0 1em !important;
	padding: 0;
	width: 80%;
	list-style: none !important;
	position: relative !important;
	z-index: 10 !important;
}

body:nth-of-type(1) #enews ul {
	margin: 1em 0 0 1em !important;
}

#enews ul li {
	margin: 0 0 .5em 0 !important;
	padding: .1em .2em .2em .1em !important;
	background: #acacac !important;
	/*border: solid 1px red;
}

#enews ul li input {
	border: none;
	text-align: justify;
}

#enews #justiceCenter {
	margin: 0 0 0 4.6em !important;
	margin: 0 0 0 3.9em;
}

#enews #sellwoodBridge {
	margin: 0 0 0 3.2em !important;
	margin: 0 0 0 2.6em;
}

#enews #corneliusPass {
	margin: 0 0 0 6.9em !important;
	margin: 0 0 0 6.2em;
}

#enews homeless{
	margin: 0 0 0 .5em;
}

.title {
	margin: .1em !important;
	padding: .5em 0 .5em .5em !important;
	padding: .5em 0 0 .5em;
	background: url(/CommissionerNewsletter/jsp/images/barBg.png) repeat-x #fff;
}

a#aMultco, a#aChair, a#aDs1 {
	width: 100%;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	color: #444 !important;
	/*border: solid red 1px;
}

#enews .arrow {
	margin: 0 0 0 .5em;
	background-color: none;
	border: none !important;
}

#chair, #ds1, #county {
	height: auto;
	width: auto;
	margin: 0;
	padding: .5em;
}

#enews .submit {
	margin: 1em 0 0 0 !important;
	text-align: center;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

#notice {
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
	font-size: .9em !important;
	color: #999999 !important;
	margin-left: 5em !important;
	text-indent: -5em !important;
}

/*>>>>>>>>>>>>>>>>>>>> Form validation >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>	
label.error, #errorMsg {
	float: none;
	color: red;
	margin: .5em 0 .5em 1em;
}

.errorMsg {
	float: left;
	/*border: 1px solid red;
}*/

/*//////////////////////////////////////// Controls the next and previous links ////////////////////////////////////*/
.epi-dim a {
	margin: 0;
	padding: 0;
	overflow: visible;
}

.epi-dim {
	padding: 10px 0px 0px 10px !important;
}

/*///// controling specific page elements that need to override font and styles from above ///////////////////////*/
/*/////////////////////////////////// Controls the breadcrumb navigation ////////////////////////////////////////////*/
#breadcrumb {
	margin: -4px 0 0 0;
	padding: 0;
	position: absolute;
	vertical-align: top;
	font-size: .8em;
}

/*nobr {
	margin: -10px 0 0 0;
	padding: 0;
	position: absolute;
	vertical-align: top;
	border: solid red 1px;
}

nobr a.vgn-ext-link:hover {
	text-decoration: none !important;
}

nobr a.vgn-ext-link {
	text-decoration: none;
}

nobr a.vgn-ext-link span.vgn-ext-nav-item {
	font-size: 10px !important;
}
*/

/*///////////////////// Landing Pages Content Containers //////////////////////////*/
#Column2 .landingleftcolumn1 {
	float: left;
	width: 45%;
	margin: 1em 0 0 .3em !important;
}

#Column2 .landingrightcolumn1 {
	float: right;
	width: 45%;
	clear: none;
	margin: 1em 0 0 0 !important;
}

#Column2 .landingleftcolumn2 {
	float: left;
	width: 45%;
	margin: 1em 0 0 .3em !important;
}

#Column2 .altcolumn {
	float: right;
	width: 45%;
	margin: 1em 0 0 .3em !important;
	clear: none;
}

#Column2 .featuredbox {
	background: #D9D9D9; 
	float: left;
	width: auto;
	margin: 1em 0 0 0;
	padding: 12px;
	border: solid 1px #a3a3a3;
}

#Column2 .featuredtext {
	width: 48%;
	float: right;
}

#Column2 .featuredimage {
	float: left;
	width: auto;
	margin: .5em 0 1em 0 !important;
	border: solid 1px #a3a3a3;
	padding: 4px !important;
	display: inline-block;
	clear: none;
	background: #fff;
}

#generalInfo {
	float: left;
	width: auto;
	clear: both;
	overflow: visible;
	margin: 0 0 1em .5em !important;
}

#Column2 .landingleftnolink {
	float: left;
	width: 45%;
	margin: 0 0 0 .3em !important;
}

#Column2 .landingrightnolink {
	float: right;
	width: 45%;
	clear: none;
}

#Column2 .landingleftcolumn1 ul, #Column2 .landingrightcolumn1 ul, #Column2 .landingleftcolumn2 ul, #Column2 .altcolumn ul, #generalInfo ul, #Column2 .landingleftnolink ul, #Column2 .landingrightnolink ul {
    margin: 0 0 0 .5em !important;
    padding: 0;
} 

#Column2 .landingleftcolumn1 li, #Column2 .landingrightcolumn1 li, #Column2 .landingleftcolumn2 li, #Column2 .altcolumn li, #generalInfo li, #Column2 .landingleftnolink li, #Column2 .landingrightnolink li {
	list-style: none outside;
}

#Column2 .landingleftcolumn1 li a, #Column2 .landingrightcolumn1 li a, #Column2 .landingleftcolumn2 li a, #Column2 .altcolumn a, #generalInfo li a, #Column2 .landingleftnolink li a, #Column2 .landingrightnolink li a {
    color: #2971a7 !important;
}

#Column2 .landingleftcolumn1 li:hover, #Column2 .landingrightcolumn1 li:hover, #Column2 .landingleftcolumn2 li:hover, #Column2 .altcolumn li:hover, #generalInfo li:hover {
    list-style: square !important;
}

#Column2 p.landingrightcolumn2 {
	float: right;
	width: auto;
	margin: 2.8em 0 !important;
	border: solid 1px #a3a3a3;
	padding: 4px !important;
	display: inline-block;
	clear: none;
}

#Column2 p.altimage {
	float: left;
	width: auto;
	margin: .5em 0 1em 0 !important;
	border: solid 1px #a3a3a3;
	padding: 4px !important;
	display: inline-block;
	background-color: #fff;
	clear: none;
}

#Column2 .landingpiccaptionleft {
    float: left;
    width: 45%;
    clear: none;
    padding: 0;
    margin: 1em 0 0 .5em !important;
}

#Column2 .landingpiccaption {
    float: right;
    width: 45%;
    clear: none;
    padding: 0;
    margin: 2.4em 0 0 0 !important;
}

#Column2 .landingpiccaption p.img, #Column2 .landingpiccaptionleft p.img {
    border: solid 1px #a3a3a3;
    padding: 4px !important;
	margin: 0 !important;
	display: inline-block;
	float: left;
}

/*---- Association unordered list for ds3 -- List of locations with meeting times ----*/
#Column2 .association_lists li {
    margin: 1em 0 1em 0 !important;
    padding: 1em 0 1em 0 !important;
    text-indent: 0 !important;
    list-style-type: none;
	list-style-position: outside !important;
    line-height: 1.5em !important;
	display: block;
    border-top: solid #d9d9d9 1px !important;
}

#Column2 .association_lists li a.association {
    color: #2971a7 !important;
    font-size: 1.1em !important;
    display: inline-block;
    margin-bottom: .5em !important;
}

#Column2 .association_lists li span.association {
    color: #333 !important;
    font-size: 1.1em !important;
}

#Column2 .association_lists li .association_when, #Column2 .association_lists li .association_location {
    vertical-align: top;
    padding-right: 1em;
    display: inline-block;
    color: #222 !important;
    text-align: right !important;
}

#Column2 .association_lists li .association_location {
    vertical-align: top;
    padding-right: 1.3em;
    display: inline-block;
    color: #222 !important;
    text-align: right !important;
    text-indent: .3em;
}

#Column2 .association_lists li .association_address {
    width: 60%;
	padding-bottom: 1em;
    text-align: left;
    text-indent: .1em;  
    display: inline-block;
}

/* Custom Portlets
---------------------------------------------------------------------------------------------- */

#Column2 #customPortlet_header_caption {
    padding: 18px 0 0 0 !important;
}

#Column2 #customPortlet_header_caption p {
    margin: 0 !important;
    padding: 3px 0 0 0 !important;
    font-size: .8em !important;
}