/*
candy.css
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #414141;
}
body {
} 
/*html>body .container {
} */ 
img {
	border: none;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	
	min-width:680px;

	/* use a dynamic expression to simulate min-width in ie <= 6, other browsers will ignore this	*/
	/* note that the two widths here must be different values, or ie will crash */
  width:expression(document.body.clientWidth < 680 ? "679px" : "100%" ); 
}
#header{
	background-color: #fff;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 80px;
	width: 100%;
	z-index: 2;
}
#header h1, #header h2, #header h3 {
	text-align: right;
	padding: 0;
	margin: 0;
	padding-right: 28px;
}
#header h1 {
	font-size: 140%;
	padding-top: 48px;
	margin-top: 7px;
}
#header h2 {
	font-size: 100%;
	color: #4a494b;
}
#header a {
	text-decoration: none;
	color: #4a494b;
}
div#masthead_container {
	margin: 0;
	padding: 0;
}
#masthead {
	position: absolute;
	top: 43px;
	left: 23px;
	right: auto;
	z-index: 0;
}
#footer{
	clear: both;
	background-color: transparent;
	text-align: center;
	margin: 2.5em 0 0 0;
	z-index: 13;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 0;
	padding: 0;
}

.center {
	background-color: transparent;
	z-index: 1;
}

.content { 
/*	display:  block;
	background-color: pink;
	position: relative;
	margin:  0px;      
	padding:  0px;
	top: 0px;
*/ 
	
	background-color: transparent;
	position:  absolute;
	top: 193px;
	right: 0;
	bottom: auto;
	left: 0;
	width: 100%;
	z-index: 66px;
}

div.topcap {
	background-color: transparent;  
	position:  relative;
	height: 0px;
	padding: 0px;
	margin: 0px;
}
div.push, div.push_narrow {
	position: relative;
	margin: 0px;
	margin-left: 220px;
	margin-bottom: 25px;
	margin-right: 232px;
	vertical-align: bottom;
	clear: both;   
}
div.push div.block, div.push_narrow div.block {
	/* each individual contentblock gets this style */
	position: relative;
	display: block;
	padding-bottom: 6px;
	width: 100%;
}

div.push div.cap, div.push_narrow div.cap { display: none; }
div.push div.foot, div.push_narrow div.foot { display: none; }
div.push div.body, div.push_narrow div.body { 
	margin: 0;
	padding: 0;
}

h2.headline {
	font-size: 18px;
	font-weight: normal;   
	margin:  0;
	padding:  0;  
	display:  block;
}	
div.float {
	height: 150px;
	float: left;
	padding: 4px;
	margin: 0px;
	/*border: 1px solid grey;
	border-right: 1px solid silver;*/
	border-bottom: 1px dashed silver;
}
div.float p {
	display: block;
	text-align: center;
	/*border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;*/
	background-color: #d9dadc;
	margin-top: 1px;
	margin-bottom: 0;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
div.float a {
	text-decoration: none;
	color: #555;
}

/* NAVIGATION */
#nav {
	position: absolute; 
	height: 26px;        
	top: 143px;
	left: 1px;
	ight: 10px;
	border: 0;
	z-index: 9;        
	width:  100%;  
	background: #fff url("img/yellownav.gif") top left repeat-x;     
} 
#nav, #nav ul {
	list-style: none;  
	margin: 0 0px 0 0px;
	padding: 0;
	line-height: 1.7;	   
}  
#nav ul { 
	display: inline;
}
.nav_container {
	padding-left: 27px;
}
#nav a {
	display: block;
	text-decoration:  none;    
	color: #5d8366;
	padding:  1px 16px 3px 6px;  
	background: transparent url("img/yellownav_gap.gif") top right no-repeat;   
} 
#nav a:hover {
	color:  #000;  
	text-decoration:  underline;
}
#nav ul li {
	float: left; 
	adding: 3px 3px 1px 3px;
	ackground: transparent url("img/yellownav_left_wide.gif") top left no-repeat; 
} 

#nav ul li ul {
	position: absolute;
	background: transparent;
	min-width: 10em;
	width: auto;
	left: -999em; 
	padding:  0;
	margin: 0;     
} 
#nav ul li ul li {
	isplay:  block;  
	float:  none; 
	position:  relative; 
	eight: 24px;
	width:  auto;  
	background: transparent url("img/yellownav_left_wide.gif") top left no-repeat;
}  
#nav ul li ul li a {
	eight: 24px;
	width:  10em; 
	background: transparent url("img/yellownav_right.gif") top right no-repeat; 
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}   

#nav  ul li a#here {
	color: #000;
	font-weight:  bold;
}    
#nav div.cap {
	margin:0;
	padding: 0;  
	display: none;
}  
#nav div.foot {
	margin: 0;
	padding: 0;  
	display: none;
}
/* END NAVIGATION */

/* SIDEBAR ONE (left by virtue of its placement in this style sheet - it could be anywhere */
.sidebar {
	margin: 0;
	background-color: transparent;
	position: relative;
	top: 180px; 242px; 
	left: 6px;
	width: 190px;
	height: auto;
	z-index: 2;
	xpadding-left: 6px;  
	padding-top: 0;
	font-family: Verdana, Arial, Helvetica, Lucida, sans-serif;
	font-size: 12px;
}
div.sidebar div.cap {
    margin: 0;
	padding: 0;
	line-height: 8px;
	background: transparent url("img/greenlinkbox_top.gif") bottom center no-repeat; 
}
div.sidebar div.foot{
	margin: 0 0 14px 0;
	padding: 0;
	line-height: 8px;
	background: transparent url("img/greenlinkbox_bottom.gif") top center no-repeat;     
}
div.sidebar div.body {
	xborder: 0;
	xmargin: 0;
	xpadding: 0;  
	xposition: relative;
	xtop: auto;
	xbottom: auto;
	xwidth: 170px;
	xheight: auto;
	xz-index: 12;
}
.titlebar {
	padding-left: 6px;
	padding-bottom: 1px;
	color: #555;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
}
.titlebar a {
	text-decoration: none;
	color: #555;
}
ul.link_box {
	margin: 0;
	padding: 0;
	margin-left: 22px;
	padding-left: 2px;
	padding-bottom: 6px;
	list-style-type: circle;   
}
ul.link_box li {
	color: #555;
	 padding-left: 2px;
	 padding-right: 4px;
	 padding-bottom: 2px;
}
ul.link_box li:hover {
	color: #416a9f;
	list-style-type: disc;
}
ul.link_box li a {
	color: #555;
	text-decoration: none;
	display: block;
	padding-left: 2px;
	background-color: transparent;
}
ul.link_box li a:hover {
	background-color: transparent;
	color: #416a9f;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
}
div.content ul.link_box {
	list-style-type: none;   
	border: none; 
}

div.content ul.link_box li {
}

div.content ul.link_box li a {
	color: #414141;
	text-decoration: none; 
	background-color: transparent; 
}

div.content ul.link_box li a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #141f2f; 
	cursor: pointer;
}


ul.gallery_box {
	margin: 0;
	padding: 0;
	margin-left: 22px;
	padding-left: 2px;
	list-style-type: none; 
	display: block;
}

/* END SIDEBAR ONE */
/* SIDEBAR TWO (currently on the right) */
.sidebar2 {
	background-color: transparent;
	position: absolute;
	top: 215px;
	right: 10px;
	width: 186px;
	height: auto;
	z-index: 2;
	padding-left: 2px; 
	padding-right:  4px;
	padding-top: 0;
	font-family: Verdana, Arial, Helvetica, Lucida, sans-serif;
	font-size: 12px;
}
.sidebar2 div.cap {
	background: #fff url("img/bluelinkbox_top.gif") bottom left no-repeat;
	line-height: 8px;
	width: 185px;
	margin:0;
	padding:0;	       
	margin-right: 0;
	margin-left: auto;
}
.sidebar2 div.foot{
	background: transparent url("img/bluelinkbox_bottom.gif") top left no-repeat;
	line-height: 8px;
	width: 185px;
	margin: 0 0 14px auto;
	padding-bottom: 0px;
	/*margin-bottom: 3px;*/
}
.portfolio, .sidesub2 {
	position: relative;
	top: auto;
	bottom: auto;
	width: 185px;
	height: auto;
	background-color: transparent;
	z-index: 12;
	background: transparent url("img/bluelinkbox.gif") top left repeat-y;
	border: 0;
	margin-right: 0;
	margin-left: auto;
}
#sidesublogin {
	background-color: transparent;
}
#sidesublogin {
	background-color: transparent;
	text-align: right;
}

#sidesublogin a {
	text-align: right;
	padding: 0 8px 4px 0;
	color: grey;
	text-decoration: none;
	display: block;
	background-color: transparent;
	font-weight: normal;
	font-size: 10px;
}
#sidesublogin a:hover {
	text-decoration: underline;
}
#sidesubhome {
	text-align: center;
	background: white url("img/bluelinkbox_short.gif") top left no-repeat;
	height: 30px;
	vertical-align: sub;
}
#sidesubhome a {
	padding: 5px 6px 5px 6px;
	display: block;
}
.sidesub2 .titlebar {
	text-align: center;
}
ul.button_box {
	margin: 0;
	padding: 0;
	margin-left: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
	list-style: none;  
}
ul.button_box li {
	padding-left: 2px;
	padding-right: 4px;
	padding-bottom: 2px;

}
ul.button_box li:hover {
	color: #555;
}
ul.button_box li a {
	color: #555;
	text-decoration: none;
	display: block;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
	background-color: transparent;
}
ul.button_box li a:hover {
	background-color: #416a9f;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
}
/* END SIDEBAR TWO */   
/* LOGIN FORM */
div.formrow {
	clear: both;
	padding-top: 2px;
	text-align: center;
}
div.formrow span.formlabel {
	float: left;
	width: 90px;
	text-align: right;
	background-color: transparent;
}
div.formrow span.formn {
	text-align: left;
	display: block;
	padding-left: 120px;
}
div.formrow span.formlabeli {
	/* "i" at the end is for italic */
	float: left;
	width: 80px;
	text-align: right;
	padding-top: 8px;
	background-color: transparent; 
	font-size:  10px;  
}
div.formrow span.formi {
	float: right;
	width: 100px;
	text-align: left;
}
.input {
	background-color: #fff;
	border: 1px inset ThreeDFace;
	border-right-color: grey;
	border-bottom-color: grey;
	float: left;
	width: 94px;  
}
#loginclam {
	display: none;
	background-color: transparent;
}
#loginclam div.formrow span.formlabeli {
	font-style: italic;
	font-size: smaller;
}   
#login_links {
	text-align: center;
}
a.loginlink {
	font-size: smaller;
	text-decoration: none;
	color: #32353d;
}
a.loginlink:hover {
	font-size: smaller;
	text-decoration: underline;
	color:	#32353d;
}
form {
	margin: 0;
	padding: 0;

}
.smallsavebutton {
	float: left;
	background-color: #e0e1e2;
	color: #32353d;
	border: 1px solid #84868b;
	margin-right: 6px;
	margin-left: 6px;
	font-size:80%;
}
.smallsavebutton:hover {
	background-color: #adaeb1;
	color: #32353d;
}
/* END LOGIN FORM */

div#cdmessage {
	position: absolute;
	z-index: 6000;
	top: 60px;
	left: 4px;
	margin: 0 0 0 0;
	padding: 0px 4px 4px 6px;
	xbackground: url("img/button_left_red.gif") no-repeat left top;
}
div#cdmessage a {
	display: block;
	xbackground: transparent url("img/button_right_red.gif") no-repeat right top;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
	padding: 0 6px 5px 4px;
}


.rubricDiv {  
	position:  absolute; 
	z-index:  9000;	
	background: #ccd3df;	
   /* position: fixed;
	top: 100px;
   	eft: 210px; 
	left: 50%;
	margin-left: -300px;
    z-index: 999;   
 	border: 1px solid #ccd3df; */  	
}   
#popup {
}
table.floater {
    width: 600px;
    background: #fff;
    border-top: 6px solid #9EC8D7; 
	border-right: 6px solid #9EC8D7; 
	border-bottom: 6px solid #7586a6; 
	border-left: 6px solid #7586a6;


    border-collapse: collapse;
    border-spacing: 0;
    text-align: left; 
	font-size: 11px;
}

table.floater tr {

}
table.floater tr td, table.floater tr th {
    padding: 2px;
    border-top: 1px solid #7586a6; 
}  
table.floater tr th { 
	text-align: right;
	border-right: 1px solid #7586a6; 
}  

div.push div.gallery, div.push_narrow div.gallery {
	border: thin solid #fff;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
div.push div.gallery ul, div.push_narrow div.gallery ul {
	margin: .4em;
	padding: .3em .3em .6em .3em;
	border: 1px solid #9eb3bc;
	height:inherit;
	float: left;
}
div.push div.gallery ul li, div.push_narrow div.gallery ul li {
	list-style-type: none;
	margin-bottom: .5em; 
	float: left;
	border: 1px solid #9eb3bc;
	background: #cfd9dd;
  	padding: .3em .3em .6em .3em;
  	margin: .4em;
}
div.push div.gallery ul li a, div.push_narrow div.gallery ul li a {
	display: block;
	margin: 6px 2px 7px 2px;
}
div.push div.gallery img, div.push_narrow div.gallery img {
	border: 1px solid #fff; 
}

div.floater {
	margin: 0 auto 0 auto; 
    border: 20px solid #dce1e9;
	border-bottom: 4px solid #dce1e9;
	border-top: 4px solid #dce1e9;    
}
div.floater span.caption {
	background: #dce1e9;
	padding-top: 2px;
	font-size: 14px;  
	display: block;
	text-align: center;    
}
div.floater span.close_me {
	background: #dce1e9;
	padding-top: 1px;
	padding-bottom: 1px; 
	margin-right: -16px;
	font-size: 14px;  
	display: block;   
	text-align: right;
}    
div#portal_link {
	display: block;
	position: absolute;
	top: 83px;
	right: 16px;
	z-index: 999;  
    text-transform: lowercase;
    font-variant: small-caps;	
}
div#portal_link a {
	color: #555;
	text-decoration: none;
    text-transform: lowercase;
    font-variant: small-caps;  
	font-weight:  bold;
} 
div#portal_link a:hover {
	text-decoration: underline;
} 
div#powered { 
	clear:  both;;  
	display:  block;
	text-align: center; 
	width:  100%;
	background: #fff;
    margin:  30px auto 20px auto;  
}
#image_div {
	display:  block;
}   
.clear {
	clear: both;
}
.draft {
	background: #efefef;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
#draft_warning {
	position: absolute;
	color: #fff;
	background: #990000;
	padding: 8px;
	font-weight: bold;
	z-index: 10000;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 100%;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);	
}
#draft_warning a {
	color: #fff;
}
.hidden {
	display: none;
}
table.directory {
	border: 1px solid #cecece;
	margin: 2px;
}
table.directory tr th {
	font-size: 16px;
	background: #eee;
}
.even_row {
	background: #fff;
}
.odd_row {
	background: #eee;
}
table.side_calendar {
	background: #fff;
	width: 168px;
	margin: 0 10px 0 4px;
}

/* NEW STUFF TO HANLDE EDIT IN PLACE */
div.sidebar div.comment, div.sidebar2 div.comment {
	padding: 0 35px 6px 35px !important;
	font-size: 10px;
	line-height: normal;
}
div.push div.comment, div.push_narrow div.comment {
	font-size: 12px;
	padding: 0 10px 6px 10px;
}
div.push div.image div.body, div.push_narrow div.image div.body {
	overflow: hidden;
}
div.sidebar ul.rss_feed h3, div.sidebar2 ul.rss_feed h3 {
	font-size: 12px;
	line-height: normal;
}
div.sidebar ul.rss_feed li div.story_summary, div.sidebar2 ul.rss_feed  li div.story_summary {
	display: none;
}
div.push ul.rss_feed li div.story_summary, div.push_narrow ul.rss_feed  li div.story_summary {
	display: block;
}
div.sidebar ul.rss_feed li {
	line-height: 1em;
	padding-bottom: 4px;
}
div.sidebar2 ul.rss_feed li {
	line-height: 1em;
	padding-bottom: 4px;
}
div.embed_obj {
	overflow: hidden;
	padding: 4px !important;
}

div.sidebar embed {
	width: 170px !important;
	height: auto;
}
div.sidebar2 embed {
	width: 168px !important;
	height: auto;
}
div.sidebar iframe {
	width: 170px !important;
	height: auto;
}
div.sidebar2 iframe {
	width: 168px !important;
	height: auto;
}
div.sidebar object {
	width: 170px !important;
	height: auto;
}
div.sidebar2 object {
	width: 168px !important;
	height: auto;
}
div.sidebar div.image div.body img {
	max-width: 170px !important;
	height: auto;
	margin: 0;
	padding: 0;
}
div.sidebar2 div.image div.body img {
	max-width: 168px !important;
	height: auto;
	margin: 0;
	padding: 0;	
}
div.push div.image div.body img {
	max-width: 100% !important;
	height: auto;
}
 div.push_narrow div.image div.body img {
	max-width: 100% !important;
	height: auto;
}
div.sidebar div.embed_desc {
	padding: 0 4px !important;
	font-size: 10px;
	line-height: normal;
}
div.sidebar2 div.embed_desc {
	padding: 0 4px !important;
	font-size: 10px;
	line-height: normal;
}
div.sidebar div.weblink div.body {
	margin: 0;
	padding: 0 10px;
	line-height: normal;
}
div.sidebar2 div.weblink div.body {
	padding: 0 4px !important;
	line-height: normal;
}
div.sidebar div.weblink div.cap, div.sidebar2 div.weblink div.cap {
	height: 8px;
}
div.sidebar div.weblink div.foot, div.sidebar2 div.weblink div.foot {
	height: 8px;
}

div.sidebar div.binaryfile div.body {
	margin: 0;
	padding: 0 10px;
	line-height: normal;
}
div.sidebar2 div.binaryfile div.body {
	padding: 0 4px 0 6px !important;
	line-height: normal !important;
}
div.sidebar div.binaryfile div.cap, div.sidebar2 div.binaryfile div.cap {
	height: 8px;
}
div.sidebar div.binaryfile div.foot, div.sidebar2 div.binaryfile div.foot {
	height: 8px;
}

div.sidebar div.calendaritem div.body {
	margin: 0;
	padding: 0 10px;
	line-height: normal !important;
}

div.sidebar2 div.calendaritem div.body {
	padding: 0 4px 0 6px !important;
	line-height: normal !important;
}

div.sidebar div.calendar div.body {
	padding: 0 6px !important;
	margin-bottom: 4px;
	line-height: normal !important;
}
div.sidebar2 div.calendar div.body {
	padding: 0 4px !important;
	margin-bottom: 4px;
	line-height: normal !important;
}

div.sidebar div.imagelist div.body {
	margin: 0 0 0 4px;
	
	line-height: normal !important;
}
div.sidebar2 div.imagelist div.body {
	padding: 0 4px !important;
	
	line-height: normal;
}

div.sidebar div.webobject div.body {
	margin: 0 0 0 4px;
	
	line-height: normal !important;
}
div.sidebar2 div.webobject div.body {
	padding: 0 4px !important;
	
	line-height: normal;
}

div.sidebar div.binaryfilelist div.body {
	line-height: normal !important;
}
div.sidebar2 div.binaryfilelist div.body {
	padding: 0 4px !important;
	line-height: normal;
}

div.sidebar div.weblinklist div.body, div.sidebar2 div.weblinklist div.body {
	line-height: normal !important;
}

div.sidebar div.rssfeed div.body, div.sidebar2 div.rssfeed div.body {
	xpadding: 0 4px 0 4px !important;
	xmargin: 0 0 0 4px !important;
	padding: 0 10px;
	margin: 0;
	line-height: normal !important;
}
/*div.sidebar div.rssfeed div.body a, div.sidebar2 div.rssfeed div.body a {
	color: #fff !important;
	font-size: 12px;
}*/

div.sidebar div.embeddedmap div.body, div.sidebar2 div.embeddedmap div.body {
	padding: 0 4px !important;
	line-height: normal;
}
div.sidebar div.embeddedvideo div.body, div.sidebar2 div.embeddedvideo div.body {
	padding: 0 4px !important;
	line-height: normal;
}
div.sidebar div.contentblock div.body {
	padding: 0 10px;
	margin: 0;
	line-height: normal;
}
div.sidebar2 div.contentblock div.body {
	padding: 0 6px !important;
	line-height: normal;
}
div.sidebar div.image div.body {
	line-height: normal;
	text-align: center !important;
}
div.sidebar2 div.image div.body {
	xpadding: 0 4px !important;
	line-height: normal;
	text-align: center !important;
}
div.sidebar div.block {
	/* each individual contentblock gets this style */
	margin: 4px 0 8px 0;
}

div.sidebar2 div.block {
	/* each individual contentblock gets this style */
	margin: 4px 0 8px 1px;
}

div.sidebar div.block {
	background: transparent url("img/greenlinkbox.gif") top center repeat-y; 
}
div.sidebar2 div.block {
	background: transparent url("img/bluelinkbox.gif") top left repeat-y; 
}
div.drop_zone {
	xborder: 2px dotted #B4B4B4 !important;
}
div.content div.drop_zone {
	xwidth: 100%;
}
div.push h2.headline, div.push_narrow h2.headline {
	font-size: 18px;
	font-weight: normal;   
	margin: 0;
	padding: 0;  
	display: block;
	color: #555555;
}	
div.sidebar h2.headline, div.sidebar2 h2.headline {
	padding-left: 6px;
	padding-bottom: 1px;
	color: #555;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	font-size: 12px;
}

div.sidebar div.gallery ul, div.sidebar2 div.gallery ul {
	margin: .3em;
	padding: .3em;	
	height:inherit;
	float: left;  
}
div.sidebar div.gallery ul li, div.sidebar2 div.gallery ul li {
	list-style-type: none;
	float: left;
	padding: .3em;
	margin: .3em;   
}   
div.sidebar div.gallery ul li a, div.sidebar2 div.gallery ul li a {
	display: block;
}
div.sidebar div.gallery img, div.sidebar2 div.gallery img {
	-moz-box-shadow: 4px 4px 4px #B4B4B4;
	-webkit-box-shadow: 4px 4px 4px #B4B4B4;
}

div.sidebar ul.rss_feed h3, div.sidebar2 ul.rss_feed h3 {
	margin: 0;
	padding: 0;
}

div.sidebar2 div.active_edit_side {
	float: right;
}
div.active_edit {
	min-width: 680px !important;
	position: relative !important;
	z-index: 1001 !important;
}