/* CUSTOM VC ONLY STYLES */

/* emergency message */
div.emessage {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #FF0000;
	background-color: #FFFFFF;
	border: 5px solid #FF0000;
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 500px;
	padding: 3px;
	text-align: center;
	display: block;
}

/* begin homepage content */
div.content  {
	clear: both;
	display: block;
	background: url(/images/content-bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	width: 771px;
	border: 1px solid #fff;
	border-left: none;
}
div.splitCenter  { /* add to class when center box is split, remove when not */
	background: url(/images/content-bg-splitcenter.gif) repeat-y;
	padding: 0 0 0 0;
}
div.content-bg-photo {
	float: left;
	margin: 0 0 -1px 0;
	padding: 0 0 10px 0;
	background: url(/images/content-bg-photo.jpg) no-repeat 0 100%;
}
div.bg-photo-splitCenter {/* add to class when center box is split, remove when not */
	background: url(/images/content-bg-photo-twocenterboxes.jpg) no-repeat 0 100%;
	padding: 0 0 0 0; /* reduce the gap under the content boxes */
}
div.leftcolumn *,
div.centercolumn *,
div.centercolumn-left *,
div.centercolumn-right *,
div.rightcolumn * { /* common font setting for content areas on homepage */
	color: #303030;
	font: 11px/14px Tahoma, Arial, sans-serif; 
}
div.centercolumn h2,
div.centercolumn-left h2,
div.centercolumn-right h2,
div.rightcolumn h2 { /* common for all the H2 above the boxes on the homepage */
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #C1C1C1;
	color: #E87511;
	font: bold 18px Arial, Helvetica, sans-serif;
}
div.centercolumn p a,
div.centercolumn-left p a,
div.centercolumn-right p a,
div.rightcolumn p a {
	color: #aa7216;
}
div.centercolumn-left,
div.centercolumn-left p { /* reduce the margin under the online college box */
	margin-bottom: 0; 
	padding-bottom: 0;
}
div.leftcolumn {
	width: 177px;
	margin: 0;
	padding: 15px 0 15px 0;
	float: left;
	display: inline;
}
div.leftcolumn ul {
	margin: 0 0 0 15px;
	padding: 0;
}
div.leftcolumn ul li {
	list-style: none;
}
div.leftcolumn ul li a {
	color: #000; /* set link font color to black for more contrast on orange */
	margin: 0 0 7px 0;
	padding: 0;
}
div.centercolumn {
	width: 397px;
	padding: 15px 0 0 0;
	float: left;
	display: inline;
}
div.centercolumn h2 {
	margin: 0 0 0 7px;
	width: 250px;
}
div.centercolumn p strong {
	display: block;
}
div.centercolumn p {
	width: 265px;
	margin: 10px 0 0 7px;
	padding: 0;
}
a.earn {
	margin: 9px 0 0 4px;
	background: url(/images/earn.jpg) no-repeat;
	width:227px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
div.centercolumn-left, 
div.centercolumn-right {
	float: left;
	display: inline;
	width: 168px; /* 198px originally minus the padding */
	padding: 15px 15px 0px 15px; 
}
div.centercolumn-left p, 
div.centercolumn-right p {
	margin: 7px 0px 0px 0px;
}
div.centercolumn-right {
	border-right:
}

div.rightcolumn {
	width: 172px; /* 197px total width available minus margins and padding (-10px and -15px) */
	margin: 0;
	padding: 15px 0px 0px 15px;
	float: left;
}
div.rightcolumn p {
	margin: 5px 0 0 0;
}

/* begin news releases links on homepage */
div.newsReleaseLinks ul {
	margin: 0px;
	padding: 0px 0px 2px 0px;	
}
div.newsReleaseLinks ul li {
	list-style-type: none;
	background-image: url(/images/newsrelease-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 5px 0px 7px 0px;
	padding-left: 10px;
}

/* end homepage content */

/* begin domino xml xcal calendar */
table.xcal {
	width: 100%;
}
table.xcal tr.xcal-headerrow-month th {
	font-size: 130%; 
	padding: 10px;
	background-color: #FFFFFF
}
table.xcal tr.xcal-headerrow-days th {
	width: 14%;
	background-color: #DDDDDD;
} 
table.xcal td.xcal-day-prev-month,
table.xcal td.xcal-day-next-month {
	background-color: #EEEEEE; 
}
table.xcal td {
	font-size: 85%;
}
table.xcal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
table.xcal ul li {
	padding: 8px 0 0 0;
}
/* end domino xml xcal calendar */

/* begin calendar table style */
table.calendar {
	margin-bottom: 1em;
	width: 100%;
	border: 1px solid #CCCCCC;
}
table.calendar * {
	font-family: Arial, Helvetica, sans-serif;
}
table.calendar tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table.calendar th {
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
}
table.calendar th.calendarTitle {
	font-size: 18pt;
	padding: 10px;
	background-color: #FFFFFF;
}
table.calendar td {
	vertical-align: top;
	width: 14%;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
table.calendar td * {
	font-size: 8pt;
	line-height: normal;
}
table.calendar td p {
	margin-top: 0;
}
table.calendar td > p:first-child {
	font-weight: bold;
	font-style: italic;
}
table.calendar td.vacantWeekend {
	background-color: #999999;
}
table.calendar td.vacantWeekday {
	background-color: #CCCCCC;
}
/* end calendar table style */

/* webct vista login button */
a.webCTVistaLogin {
	font-size: 12pt;
	font-weight: bold;
	display: block;
	border: medium solid #003399;
	text-align: center;
	background-color: #6699CC;
	padding: 15px;
	color: #FFFFFF;
	text-decoration: none;
	width: 200px;
}
a.webCTVistaLogin:link {
	color: #FFFFFF;
}
a.webCTVistaLogin:visited {
	color: #FFFFFF;
}
a.webCTVistaLogin:hover {
	color: #FFFFFF;
	background-color: #99CCFF;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}
/* begin election results */
table.electionResults {
	font-size: 9pt;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
	border: thin solid #CCCCCC;
}
table.electionResults td.electionDate {
	font-size: 12pt;
	font-weight: bold;
	background-color: #CCCCCC;
}
table.electionResults th {
	background-color:#EEEEEE
}
/* begin simple tables code */
table.tblSimple {
	padding: 2px;
	border: 2px solid #999999;
}
table.tblSimple td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
table.tblSimple th {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/* begin generic list table code */
table.tblGenericList {
	padding: 2px;
	border: 2px solid #999999;
}
table.tblGenericList td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
}
table.tblGenericList th {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
/* table with alternate color rows */
table.tblAlternateRows {
padding: 2px;
border: 0px;
}
table.tblAlternateRows tr {
	background-color: #FFCC99;
}
table.tblAlternateRows th,
table.tblAlternateRows tr.alt {
	background-color: #FBB376;
}
/* begin orientation nav code */
ul.ulOrientationNav {
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0px;
	width: 240px;
	float: right;
	margin-bottom: 15px;
}
ul.ulOrientationNav > li > a {
	display: block;
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -1000%;
	overflow:hidden;
}
ul.ulOrientationNav > li > a.partOne:link,
ul.ulOrientationNav > li > a.partOne:visited {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r3_c5.gif);
}
ul.ulOrientationNav > li > a.partOne:hover {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r3_c5_f2.gif);
}
ul.ulOrientationNav > li > a.partTwo:link,
ul.ulOrientationNav > li > a.partTwo:visited {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r6_c5.gif);
}
ul.ulOrientationNav > li > a.partTwo:hover {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r6_c5_f2.gif);
}
ul.ulOrientationNav > li > a.partThree:link,
ul.ulOrientationNav > li > a.partThree:visited {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r7_c5.gif);
}
ul.ulOrientationNav > li > a.partThree:hover {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r7_c5_f2.gif);
}
ul.ulOrientationNav > li > a.partFour:link,
ul.ulOrientationNav > li > a.partFour:visited {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r8_c5.gif);
}
ul.ulOrientationNav > li > a.partFour:hover {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r8_c5_f2.gif);
}
ul.ulOrientationNav > li > a.partFive:link,
ul.ulOrientationNav > li > a.partFive:visited {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r9_c5.gif);
}
ul.ulOrientationNav > li > a.partFive:hover {
	background-image: url(/images/orientation/export/vc-orientation-main_nav3_r9_c5_f2.gif);
}
ul.ulOrientationNav > li > a.partSix:link,
ul.ulOrientationNav > li > a.partSix:visited {
	background-image: url(/images/orientation/images/rightnav-conclusion_off.gif);
}
ul.ulOrientationNav > li > ul {
	background-color:#006699;
	margin-left: 0px;
	padding-left: 25px;
}
ul.ulOrientationNav &gt; li &gt; ul li {
	color:#FFFFFF;
	list-style-type: square;
	padding-bottom: 2px;
}
ul.ulOrientationNav > li > ul a {
	text-decoration:none;
	color: #FFFFFF;
}
ul.ulOrientationNav > li > ul a:hover {
	text-decoration:underline;
}
/* begin my custom google search box */
div.googleSearchBox .search {
	position: absolute;
	z-index: 6;
	width: 245px;
	top: 6px;
	left: 512px;
	background-color: #e87511;
}

/* begin contact form code */
form.contactForm fieldset {
  margin-bottom: 10px;
}
form.contactForm legend {
  padding: 0 2px;
  font-weight: bold;
}
form.contactForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.contactForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.contactForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.contactForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.contactForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.contactForm fieldset fieldset label {
  display: block;
  width: auto;
}
form.contactForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.contactForm label {
  width: 120px; /* Width of labels */
}
form.contactForm fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
/* begin custom list for first tier level */
ul.spList {
	margin: 0px;
	padding: 0px;
}
ul.spList > li {
	clear: left;
	font-weight: bold;
	list-style-type: none;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 12px;
	background-image: url(/images/bullet-majorarea.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
ul.spList > li > a {
}
ul.spList > li > ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.spList > li > ul > li {
	list-style-type: none;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
	line-height: 150%;
}
ul.spList > li > ul > li > a {
	text-decoration: none;
}
ul.spList > li > ul > li > a:hover {
	text-decoration: underline;
}
/* begin news release */
div.newsRelease * {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
div.newsRelease b {
	font-weight: bold;
}
div.newsRelease .header {
	height: auto;
	width: auto;
}
div.newsRelease .title * {
	font-size: 150%;
	font-weight: bold;
}
div.newsRelease table,
div.newsRelease table td,
div.newsRelease table th {
	border-style: none;
}
/* end news release */

/* END CUSTOM VC ONLY STYLES */

/* BEGIN styles for end-users to select from in OU interface */
span.red, p.red { color: #C00; }
span.underline, p.underline { text-decoration: underline; }
span.strike, p.strike { text-decoration: line-through; }
table.listTable { 
	padding: 2px;
}
table.listTable th,
table.listTable td {
	padding: 3px 10px 3px 3px;
	border-top: none;
	border-left: none;
	border-bottom: 1px solid #cccccc;
	border-right: none;
}
/* END styles for end-users to select from in OU interface */

/* begin search results */

div.searchframe {
word-wrap: break-word;
overflow: hidden;
width: 555px;
}

div.searchframe table, div.searchframe div, div.searchframe td {
border: none !important;
}

/* Result title with link */
div.searchframe .g {
margin: 15px 0 0;padding: 0;font-weight: normal;font-size: 13px;
}

/* If result is a doc, pdf, etc, display type */
div.searchframe .filetype {
font-size: 9px;
}

/* Result text */
div.searchframe .s {
font-size: 11px;
}

/* Bottom of page navigation */
div.searchframe .n {
margin-top: 20px;font-size: 13px;padding-bottom: 2px;
}

div.searchframe .n td {
padding: 2px;
}

/* end search results */

/* begin men's tennis gallery */

ul.tennis_gallery {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.tennis_gallery li {
	display: block;
	border: 2px solid #333333;
	padding: 5px;
	margin: 5px;
	float: left;
}
ul.tennis_gallery li img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* end men's tennis gallery */

/* BEGIN textbook lending library left nav */

div.textbook-lending {
	background-color: #DAD3C0;
	background-image: url(/images/library/textbook_lending/textbook_lending_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 134px;
	border: 2px solid #A7A28F;
	margin: 15px 0 0 8px;
	min-height: 210px;
	color: black;
}
div.textbook-lending h4 {
	background-color: #C7C2AF;
	margin: 0;
	padding: 3px;
	text-align: center;
	border-bottom: 2px solid #A7A28F; 
}
div.textbook-lending ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}
div.textbook-lending ul li {
	margin: 2px 0px 2px 0px;
}
div.textbook-lending ul li > a {
	display: block;
	background-image: url(/images/homepage/icon_generic_16x16.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
	color: black;
}
div.textbook-lending ul li > a:hover {
	text-decoration: none;
}

/* END textbook lending left nav */


/* BEGIN SITEWIDE MESSAGE */
div.emergency_box {
	background-color: Red;
	border-bottom: solid 1px White;
	padding: 15px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	color: White;
}
div.emergency_box a {
	font-size: 10pt;
	color: DarkBlue;
}
div.emergency-cleared {
	background-color: Green;
}
div.emergency-test {
	background-color: Blue;
}
/* END SITEWIDE MESSAGE */

/* BEGIN pdf li bullets */
.li_pdf {
	list-style: url(http://www.venturacollege.edu/images/pdficonsm.gif);
	padding:5px;
}
/* END pdf li bullets */

/* BEGIN homepage bullets underneath news and events */
div.genericLinks16x16 {
	border-top: 1px dotted #C1C1C1;
	padding: 3px;
	margin-bottom: 5px;
}
div.genericLinks16x16 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
div.genericLinks16x16 ul * { line-height: 105%; } /* shrink the line height just a little */
div.genericLinks16x16 ul li {
	background-image: url(/images/homepage/icon_generic_16x16.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0px 7px 20px;
}
/* add additional bullet icons here. to use, add the class to the LI tag for the bullet item */
/* calendar of events */
div.genericLinks16x16 ul li.calendar { background-image: url(/images/homepage/icon_calendar_16x16.gif); }
/* student elections */
div.genericLinks16x16 ul li.vote { background-image: url(/images/homepage/icon_vote_16x16.gif); }
/* report to the community */
div.genericLinks16x16 ul li.reportvc2009 { background-image: url(/images/homepage/icon_reportvc2009_16x16.gif); }

/* END homepage bullets underneath news and events */


/* BEGIN homepage simple notice */
div.homepageNotice {
	background: white;
	margin: 10px 0px; 
	border: 1px solid #C1C1C1;
}
div.homepageNotice > h4 {
	background: #C1C1C1; 
	color: #000000; 
	font-family: sans-serif; 
	font-size: 7pt; 
	font-weight: bold;
	text-align: center; 
	margin: 0px;
}
div.homepageNotice div.homepageNoticeContent {
	padding: 4px;
}
/* END homepage simple notice */


