/* The Southern Oregon Drug Awareness site CSS Styles */
/* All the styles in this sheet have been validated and tested against XHTML 1.0 transitional and W3C Standards */

/* The site and styles were designed and compiled by 2hues Creative and Scot Briscoe */
/* The styles are based on the excellent Plone(r) content management system styles. See www.plone.org */
/* All the styles in this sheet have been validated and tested against XHTML 1.0 transitional and W3C Standards */
/* You can contact or comment to me@scotbriscoe.com. More examples of our work can be seen at www.scotbriscoe.com */

@import url("globalnav/globalnav.css");
@import url("sidenav/leftnav.css");
@import url("blog/blog.css");

/*-------------------------------------------- SODA BASE LAYOUT STYLES --------------------------------------------*/

body {
	color: #000;
	margin: 0;
	padding: 0;
	font: 69%/normal Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	}
body {
	margin: 0px auto auto;
	background: #FFFFFF;
	width: 90%;
    min-width: 750px;
	_min-width: 800px;
	#min-width: 800px;
	}
#page_wrapper {
	text-align: left;
	height: auto;
	margin: 0em;
	padding: 0em;

	}
#portal-header{ border:0;}
#header-inside { margin: 0em 18px; background: url(../images/backgrounds/headerBGD-grn.gif) repeat-x left bottom; height: 72px;}
#header-inside-orange { margin: 0em 18px; background: url(../images/backgrounds/headerBGD-Orange.gif) repeat-x left bottom; height: 72px;}
#header-inside-blu { margin: 0em 18px; background: url(../images/backgrounds/headerBGD_blu.gif) repeat-x left bottom; height: 72px;}
#portal-logo{ border:0; background: url(../images/logo.gif) no-repeat;}
#portal-logo a{ display:block; text-decoration:none; overflow:hidden; border:0; margin:0; padding:72px 0 0; height:0px !important; width:180px; cursor:pointer;}

/*-------------------------------------------- SODA CONTENT STYLES --------------------------------------------*/

h1 {
	color: #663300;
	border-bottom: 1px dotted #CCCC66;
	font: bold 180%/normal Georgia, "Times New Roman", Times, serif;
	padding-right: .3em;
	margin-bottom: .6em;
	padding-left: .1em;
}

h2 {
	color: #666600;
	padding: 0 0.3em 0em 0em;
	font: bold 170%/normal Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0.6em 0em 0.3em;
}

h3 {
	color: #996600;
	padding: 0 0.3em 0em 0em;
	font: bold 150%/normal Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.2em;
}

h4 {
	color: #000000;
	padding: 0 0.3em 0em 0em;
	font: bold 130%/normal Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
}

h5 {
	color: #000000;
	padding: 0 .3em 0em;
	font: 110%/normal Verdana, Arial, Helvetica, sans-serif;
}

.BodySub {
	font: bold 140%/100% Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #CC9900;
	padding: 1px;
	margin-bottom: 6px;
}
.BodySub2 {
	font: bold 115%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	background: #DEB869;
	padding: .1em;
	margin-bottom: .1em;
	margin-top: .3em;
}
.BodyBgd {
	background: #FCF6B8;
	display: block;
}

img{border:none;vertical-align:middle;}
p{margin:0 0 0.3em;line-height:100%;}
.contentTXT {
	font: 110%/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.sidebarTXT {
	font: 100%/125% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: .2em;
}
.sidebarListing {
	font: 90%/125% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}


p a:link {color: #006699;text-decoration: underline;}
p img{border:none;margin:0;}
ul{ line-height:1.5em; margin:0.5em 0 0 1.5em; padding:0; list-style: square;}

a {color: #006699; text-decoration: none}

#bot_r_image {
	background: url(../images/backgrounds/r_col_bot_bgd.gif) no-repeat right bottom;
	margin-right: 26px;
	margin-top: 0em;
	padding: 5em 0em 0em;
	height: 100%;
	text-align: left;
}

/*-------------------------------------------- COLUMN CSS --------------------------------------- */

div#column2_grn {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #CCCC66 url(../images/backgrounds/urban_BGD_left.gif) repeat-y left top;
	float: left;
}
div#column1_grn {
	width: 100%;
	position: relative;
	background: url(../images/backgrounds/urban_BGD_right.gif) repeat-y right top;
}
div#column2_org {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ECD38E url(../images/backgrounds/urban_BGD_left.gif) repeat-y left top;
	float: left;
}
div#column1_org {
	width: 100%;
	position: relative;
	background: url(../images/backgrounds/urban_BGD_right.gif) repeat-y right top;
}
div#column2_blu {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #94C2D1 url(../images/backgrounds/urban_BGD_left.gif) repeat-y left top;
	float: left;
}
div#column1_blu {
	width: 100%;
	position: relative;
	background: url(../images/backgrounds/urban_BGD_right.gif) repeat-y right top;
}

/* SODA LEFT OR NAVIGATION COLUMN STYLES */

div#left {
	width: 12em;
	float: left;
	height: auto;
}
#left-inside {
	padding: 10em .3em 1em 2.6em;
	background: url(../images/backgrounds/L_menu_bgd.gif) no-repeat 16px -6px;
}
#left-inside-orange {
	padding: 10em .3em 1em 2.6em;
	background: url(../images/backgrounds/L_menu_bgd_white.gif) no-repeat 16px -6px;
}
#left-inside-blu {
	padding: 10em .3em 1em 2.6em;
	background: url(../images/backgrounds/L_menu_bgd_BLU.gif) no-repeat 16px -6px;
}
/* SODA RIGHT OR BLOG/IMAGE COLUMN STYLES */
div#right {
	width: 19em;
	float: right;
	text-align: left;
	list-style: square;
	clear: right;
	background: #CC9900 url(../images/backgrounds/r_col_bgd.gif) repeat-y right top;
}

#right-inside {
	margin-right: 26px;
	margin-top: 0em;
	padding: 0em 3em 3em 1em;
	height: 100%;
}

	
/* SODA CENTER OR MAIN COLUMN STYLES */

div#main {
	text-align: left;
	margin-right: 20em;
	margin-left: 13.2em;
	padding-top: 1em;
}
div#main2 {
	text-align: left;
	margin-right: 36px;
	margin-left: 14em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#content {
	padding: 1em!important;
	background: #FEF8CB url(../images/backgrounds/main_col_bgd.gif) repeat;
	border: 6px solid #FFFFFF;
}
#content_color {
	padding: 0em!important;
	background: #FCF6B8 url(../images/backgrounds/main_col_bgd.gif) repeat;
	border: 6px solid #FFFFFF;
	margin: 0em;
}



/* SODA MAIN SPLIT COLUMN STYLES */

#mid-left {
	width: 42%;
	background: #ECDDAA;
	padding: 2em 0.6em 0.3em 1em;
	margin: 0em;
	float: left;
}
#mid-thin-left {
	width: 25%;
	background: #F1E7C0;
	padding: 1em 0.6em 0.3em 1em;
}

#mid-right {
	float: right;
	width: 45%;
	padding: 1em 0.6em 0.3em 1em;
	margin: 0px;
}

#mid-wide-right {
	float: right;
	width: 65%;
	padding: 1em 0.6em 0.3em 1em; 
}


/*-------------------------------------------- SODA FOOTER STYLES -------------------------------------------- */

#footer {
	font-size: 85%;
	color: #FFFFFF;
	text-align: center;
	clear: both;
}

#footer-inside {
	background: #663300 url(../images/backgrounds/footerBGD.gif) repeat-x 0px 0px;
	margin-right: 18px;
	margin-top: 0em;
	position: relative;
	margin-left: 18px;
	padding: 36px 3em 1em;
	visibility: visible;
}
#footer-inside-orange {
	background: #663300 url(../images/backgrounds/footerBGD_orange.gif) repeat-x 0px 0px;
	margin-right: 18px;
	margin-top: 0em;
	position: relative;
	margin-left: 18px;
	padding: 36px 3em 1em;
	visibility: visible;
}
#footer-inside-blu {
	background: #44879D url(../images/backgrounds/footerBGD_blu.gif) repeat-x 0px 0px;
	margin-right: 18px;
	margin-top: 0em;
	position: relative;
	margin-left: 18px;
	padding: 36px 3em 1em;
	visibility: visible;
	background-color: #336699;
}
#portal-footer p {
	margin: 0.25em 0;
}

#footer a {
    text-decoration: none;
    color: #F8C703;
    border: none;
}

#footer a:visited {
    color: #996666;
}

#footer a:hover {
    text-decoration: underline;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.copyright {
	color: #999900;
	text-transform: capitalize;
	letter-spacing: .3em;
	text-align: center;
	word-spacing: .3em;
	padding-top: .6em;
	font: normal 80%/150% Tahoma, Arial, Verdana;
}
/*-------------------------------------------- SODA NAVIGATION STYLES --------------------------------------------*/
/* The styles for the global navigation, or top navigation are described in the file "globalnav.css */

/* SODA LEFT NAV STYLES */

#navcontainer{
	color: #333300;
	font: 105%/120% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1em;
        width: 100%;
	text-align: right;
}
#navcontainer ul{list-style: none;}
#navcontainer li{width:100%;}
#navcontainer li a{
	color: #003300;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	line-height: 180%;
}
#navcontainer li a:hover{
	color: #fff;
	border-bottom: 1px dotted #CCCC66;
}

#navcontainer li li{
	color: #000000;
	background: #E0E0A2;
	border-right: 4px solid #CC9900;
}
#navcontainer li li a{font: 90%/180% Verdana, Arial, Helvetica, sans-serif;}
#navcontainer li li li a{padding: 1em 1em 2em 0em;}



/*------------------------------- SITE ACTIONS / DOCUMENT ACTIONS / PERSONAL TOOLBAR / SEARCH BOX STYLES -------------------------------*/
/* Site-wide search box styles*/
#portal-searchbox{
	margin:0px 26px 16px 0px;
	padding:3px;
	text-transform:none;
	white-space:nowrap;
	z-index:2;
	background: #EAE783;
	border: 1px dotted #999900;
	font: 80% Arial, Helvetica, sans-serif, "Trebuchet MS", Tahoma;
	line-height: 100%;
	width: 16em;
}

.searchButton{
        background:#6699CC;
	font-weight: bold;
	color: #FFFFFF;
}
form{border:none;margin:0;}

/* Site-Actions */

#portal-siteactions{
	white-space:nowrap;
	list-style-image:none;
	list-style-type:none;
	height:auto;
	line-height:100%;
	float:right;
	font-size: 80%;
	margin-top: 0em;
	text-align: right;
}
#portal-siteactions li{display:inline;}
#portal-siteactions li a{
	background-color:#CCCC66;
	border:1px solid #666600;
	color:#FFFFFF;
	height:auto;
	padding:0.3em 0.6em 0.2em;
	margin-right:0.1em;
	text-decoration:none;
	text-transform:none;
}
#portal-siteactions li.selected a{
	color:#FFFFFF;
	border:1px solid #666600;
	background: #999900;
}
#portal-siteactions li a:hover{
	color:#FFFFFF;
	border:1px solid #006699;
	background: #6699CC;
}
/* Site-wide action menu - font size, contact, index, sitemap etc */
.documentActions {
	float: right;
	margin: 0.4em 0 0 0.5em;
	padding: 0;
	text-align: right;
}

.documentActions ul {
    margin: 1px 0 2px 0;
    padding: 0;
    display: block;
}

.documentActions li {
    display: inline;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.documentActions a {
    border: none !important;
    text-decoration: none;
}

#portal-breadcrumbs {
	text-transform: lowercase;
	font: 65%/1.6em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: .3em;
}

#portal-breadcrumbs a {
    text-decoration: none;
}

.breadcrumbSeparator {
    font-size: 120%;
}



/*-------------------------------------------- SODA BASIC PLONE-TYPE STYLES --------------------------------------------*/

/* Helper element to work with CSS floats */

.visualClear {
    clear: both;
	height: 1px;
}