/*MENDOCINO COLLEGE FOUNDATION WEBSITE CSS*/

html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }

/*  start page */
#mainpage {
	width:1004px;
	margin:0 auto;
	position:relative;
}
/* end page  */
/*  start sidebar  */
#sidebar {
	width:181px;
	overflow:hidden;
	float:left;
	margin-top:12px;
	padding-bottom:123px;
	background:#fff;
}
#sidebar strong.logo {
	margin:9px 0 0 8px;
	width:163px;
	display:block;
}
#sidebar strong.logo a {
	display:block;
	height:223px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
}
#sidebar .gift {
	width:100%;
	padding:0 0 17px 18px;
	overflow:hidden;
}
#sidebar .gift a {
	display:block;
	margin-top:7px;
	width:146px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/gift.gif) no-repeat;
}
#sidebar .gift a:hover {
	background:url(../images/gift-hover.gif) no-repeat;
}
#sidebar .gift span {
	width:131px;
	margin-top:6px;
	padding:0 0 0 7px;
	display:block;
	font-size:120%;
	line-height:116%;
	color:#003158;
}
#sidebar .news {
	width:139px;
	margin-top:-4px;
	padding:0 0 0 20px;
	overflow:hidden;
}
#sidebar .news h2 {
	margin:0;
	font-weight:normal;
	font-size:240%;
	line-height:108%;
	color:#916e00;
	background:url(../images/border.gif) repeat-x 0 100%;
}
#sidebar .news ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar .news ul li {
	padding-bottom:9px;
	background:url(../images/border.gif) repeat-x 0 100%;
}
#sidebar .news ul h2 {
	margin:8px 0 0;
	font-size:160%;
	line-height:18px;
	color:#003068;
	background:none;
	font-weight:normal;
}
#sidebar .news ul h2 a {
	color:#003068;
	text-decoration:none;
}
#sidebar .news ul h2 a:hover {
	text-decoration:underline;
}
#sidebar .news ul p {
	margin:0;
	font-size:140%;
	line-height:128%;
	color:#003158;
}
#sidebar .news ul h3 {
	margin:15px 0 6px;
	font-size:160%;
	line-height:112%;
	color:#916e00;
	font-weight:normal;
}
#sidebar .news ul h3 a {
	color:#916e00;
	text-decoration:none;
}
#sidebar .news ul h3 a:hover {
	text-decoration:underline;
}
/* end sidebar  */
/*  start main  */
#main {
	width:823px; /*mdc changed from 823 on 16 sept*/
	background:url(../images/bg-main.gif) repeat-y -11px 0;
	overflow:hidden;
	float:right;
	margin-bottom: 30px; /*mdc fixes longer pages*/
}
/* end main  */
/*  start nav  */
.nav {
	width:844px;
	border-top:26px solid #fff;
	position:absolute;
	top:0;
	right:0;
}
.nav .top {
	width:823px;
	height:84px;
	float:right;
	overflow:hidden;
}
.nav ul.main-menu-left {
	width:377px;
	overflow:hidden;
	margin:0 0 0 19px;
	padding:17px 0 0 3px;
	float:left;
	list-style:none;
	font-size:140%;
	line-height:121%;	
	display:inline;
	background:url(../images/arrow-off.gif) no-repeat;
}
.nav ul.main-menu-left li {
	width:100%;
	float:left;
}
.nav ul.main-menu-left li.home {
	display:none;
}
.nav ul.main-menu-left a {
	color:#fff;
	text-decoration:none;
}
.nav ul.main-menu-left a:hover,
.nav ul.main-menu-left #current a,
.nav ul.main-menu-left li.active a{
	color:#003158;
}
.nav ul.main-menu-right {
	margin:0;
	padding:16px 244px 0 3px;
	float:right;
	list-style:none;
	font-size:140%;
	line-height:121%;	
	background:url(../images/arrow-on.gif) no-repeat 0 0;
}
.nav ul.main-menu-right a {
	color:#fff;
	text-decoration:none;
}
.nav ul.main-menu-right a:hover,
.nav ul.main-menu-right #current a,
.nav ul.main-menu-right li.active a{
	color:#003158;
}
.nav .sub-menu {
	width:816px;
	height:34px;
	margin:27px 0 0 7px;
	float:left;
	display:inline;
	background:url(../images/bg-sub-menu.gif) no-repeat 18px 0;
}
.nav .sub-menu ul {
	margin:14px 0 0 50px;
	padding:0;
	letter-spacing:1px;
	list-style:none;
	font-size:110%;
	line-height:163%;
}
.nav .sub-menu ul li.home {
	float:right;
	padding-right:14px;
}
.nav .sub-menu ul li {
	float:left;
}
.nav .sub-menu ul a {
	color:#664f00;
	float:left;
	height:20px;
	cursor:pointer;
	text-decoration:none;
}
.nav .sub-menu ul li.active a:hover {
	border:0 !important;
	padding:0 0 2px;
	text-decoration:none !important;
}
.nav .sub-menu ul a span {
	display:block;
	padding:0 11px 0 13px;
}
.nav .sub-menu ul a:hover span,
.nav .sub-menu ul #current a span,
.nav .sub-menu ul li.active a span{
	background:url(../images/sub-btn-right-hover.gif) no-repeat 100% 0;
}


.nav .sub-menu ul a:hover,
.nav .sub-menu ul #current a,
.nav .sub-menu ul li.active a{
	text-decoration:none;
	color:#003158;
	background:url(../images/sub-btn-hover.gif) no-repeat;
}
#nav{
	position: relative;
	width:766px;
}
#nav ul {
	position:absolute;
	top:19px;
	left:-16px;
	margin:0;
	padding:4px 0 0;
	width:766px;
	overflow:hidden;
	font-size:11px;
	line-height:18px;
	display:none;
}
#nav ul a:hover {
	background:none;
	text-decoration:underline;
}
#nav ul li {
	float:left;
	padding:0 0 0 8px;
	margin:0 0 0 -3px;
}
#nav ul li a:hover {
	text-decoration:underline;
}
#nav li.hover ul,
#nav li:hover ul {
	padding-left:2px;
	display:block;
}
#nav li.hover ul a,
#nav li:hover ul a,
#nav li.active:hover ul a{
	background:none;
	color:#664f00;
	padding:0 0 0 10px;
	background:url(../images/separator.gif) no-repeat 0 8px;
	text-decoration:none;
}
#nav li.hover ul a:hover,
#nav li:hover ul a:hover {
	color:#003158;
	text-decoration:none;
	background:url(../images/arrow.gif) no-repeat 0 6px;
}
#nav li.hover ul a span,
#nav li:hover ul a span{
	float:left;
	background:none;
	height:14px;
	overflow:hidden;
	display:block;
	padding:0;
}
#nav li.hover ul a:hover span,
#nav li:hover ul a:hover span {
	border-bottom:2px solid #bbc6cc;
}
#nav li.hover a,
#nav li:hover a {
	float:left;
	height:20px;
	cursor:pointer;
	text-decoration:none;
	color:#003158;
	background:url(../images/sub-btn-hover.gif) no-repeat;
}
#nav li.hover a span,
#nav li:hover a span{
	background:url(../images/sub-btn-right-hover.gif) no-repeat 100% 0;
}
/* end nav  */
/*  start content  */
#content {
	font-size: 100%;
	width:100%;
	margin:170px 0 0 3px;
	overflow:hidden;
	background:url(../images/bg-content.gif) repeat-y;
	padding-bottom:20px; /*mdc fixes longer content*/
}
#content .holder {
	width:586px;
	margin:0;
	background:none;
	overflow:hidden;
	float:left;
} 
#content .top {
	width:780px;
	overflow:hidden;
	padding:31px 17px 0 21px;
	background:url(../images/content-top.gif) no-repeat -4px 0;
}
#content .col01 {
	float:left;
	margin-top:-5px;
	width:194px;
	margin-left:3px;
	overflow:hidden;
}
#content .col01 .image {
	width:194px;
	overflow:hidden;
	background:url(../images/frame-repeat.gif) repeat-y;
}
#content .col01 .image img {
	display:block;
	margin:18px 0 0 13px;
	padding-bottom:12px;
}
#content .col01 .image .top {
	width:100%;
	padding:0;
	overflow:hidden;
	background:url(../images/frame-top.gif) no-repeat;	
}
#content .col01 .image .bottom {
	width:100%;
	padding:0;
	overflow:hidden;
	background:url(../images/frame-bottom.gif) no-repeat 0 100%;	
}
#content .col02 { /* width i float ubrano */
	height:1%;
	overflow:hidden; 
	margin:15px 0 8px;
	padding-left:19px;
}
#content .col02 h1,
#content .col02 h2{
	margin:0 0 8px;
	font-size:180%;
	font-weight:normal;
	line-height:122%;
	color:#916f00;
}
#content .col02 p {
	margin:0 0 8px;
	font-size:120%;
	line-height:150%;
	color:#003158;
}
#content .col03 {
	float:left;
	width:153px;
	margin:4px 0 0 14px;
	padding:12px 0 0 16px;
	overflow:hidden;
} 
#content .col03 h2, h2 { /*golden article title text*/
	margin:0 0 8px;
	font-size:140%;
	line-height:128%;
	color:#916f00;
	font-weight:normal;
}
#content .col03 p, p {
	margin:0 0 8px;
	font-size:120%;
	line-height:150%;
	color:#003158;
}

#content .col03 h3, h3 {
	color: #003158;
	font-size: 138%;
	line-height: 130%;
	font-weight:normal;
	margin: 0 0 8px;
	font-style:italic;
}

#content .col03 h4, h4 {
	color: #916F00;
	line-height: 140%;
	font-size: 120%;
	font-weight:bold;
	text-transform: uppercase;
	margin: 0 0 8px;


}


/* end content  */
/*  footer box  */
#footer {
	width:100%;
	padding:9px 0 19px;
	overflow:hidden;
}
#footer ul {
	overflow:hidden;
	padding:0;
	margin:-1px 0 0 49px; /*was 77px*/
	list-style:none;
	font-size:120%;
	line-height:150%;
	color:#c1ad71;
}
#footer ul li {
	display:inline;
	margin:0 0 0 -3px;
	padding:0 7px 0 10px;
	background:url(../images/separator.gif) no-repeat 0 50%;
}
/* end footer  */
a.home{
	color:#664F00;
	float:right;
	font-size:11px;
	height:20px;
	letter-spacing:1px;
	margin:2px 14px 0 0;
	position:absolute;
	right:21px;
	text-decoration:none;
	top:125px;
}
a.home span{
	padding:0 11px 0 13px;
}
a.home:hover{
	background:url(../images/sub-btn-hover.gif) no-repeat;
}
a.home:hover span {
	background:transparent url(../images/sub-btn-right-hover.gif) no-repeat scroll 100% 0;
}

/* FORM ELEMENTS */

form fieldset label, form fieldset input {
	margin-bottom: 10px;

}

form.form-login, form.searchnews {
	margin-top: 10px;

}

form.form-login p {
	padding-top: 4px;

}

form.form-login fieldset input, form.searchnews input.inputboxnews {
	width: 130px;
	margin-top: 4px;
}

form.searchnews input.buttonnews {
	margin-top: 4px;

}

div.leftnormal {
	padding-top: 30px!important;

}

/*Search results styling*/

span.highlight {
	background: #FFF36E;

}

div.results ol.list li {
	font-size: 120%;

}

form.search_result fieldset.only {
	margin-top: 10px;

}

div.searchintro p a {
	display: none;

}

div.results h3 {
	display: none;
}

/* Editing tooltip styling */

.tool-tip {
      background: #ffc;
      border: 2px solid #D4D5AA;
      padding: 5px;
      font-size: 1em;
      max-width: 200px;
      }
.tool-title {
      font-weight: bold;
      }

div.contentpaneopen_edit, div.contentpaneopen_edithome {
	float:left;
	margin-right: 4px;
}

/*left side modules with form elements like search and login*/

div.leftnormal form {
	margin-top: 10px;
}

div.leftnormal form label[for=mod_search_searchword] { display: none; }

div#content ul {margin:0; padding-left:24pt;}

div#content ul li { font-size:120%; font-family:Helvetica,Arial,sans-serif; color:#003158; list-style-type:disc; line-height: 150% } 

div#content ol li { font-size:120%; font-family:Helvetica,Arial, sans-serif; color:#003158;line-height:150%}

div#content dl {margin:0; padding-left:24pt;}

div#content dl dd {
	font-size: 120%; font-family: Helvetica, Arial, sans-serif; color: #003158; line-height: 150%;
}

div#content dl dt {
	font-size: 120%; font-family: Helvetica, Arial, sans-serif; color: #003158; line-height: 150%; font-weight: bold;
}

/*for the front-end editor*/
div.componentheading {color: #003158; font-size: 160%; margin-bottom: 4px; }

form.editor fieldset legend {font-size: 130%; font-weight:bold; padding:6px 0 6px 0; }

form.editor fieldset { padding: 10px; background-color: #ECE9D8; color:#003158;}

div#content div.top div.holder div.col02 form.editor {font-size:120%;}

form.editor fieldset div label[for=title] { font-size:130%}

/* PDF, Print, Email Icons*/

p.buttonheading {float:right; margin-left: 20px!important;}
p.buttonheading a {margin-right:4px;}

/*Search results list */
div.results ol li {margin-bottom: 10px;}

div.results ol li h4 {text-transform:none;}

/*Sidebar sticky note new settings*/

div#sidebar div.sticky-note {
	background: url('../images/coming-soon-bg.jpg') no-repeat top left;
	padding: 60px 30px 24px 30px;
	color: #CC3322!important;
	font-family: Georgia, Times, Serif;
	font-size: 110%;
	line-height: 100%;
	height: 79px;
	margin-bottom: 10px;
	
}

div#sidebar div.sticky-note p {
	font-family: Georgia, Times, Serif;
	color: #CC3322!important;
	line-height: 120%;
	margin-bottom: 4px; 
}

div#sidebar div.sticky-note a, div#sidebar div.sticky-note p a {
	color: #CC3322;
	text-decoration: none;
}

div#sidebar div.sticky-note a:hover, div#sidebar div.sticky-note p a:hover {
	text-decoration: underline;
}