* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0

INCLUDE YUI RESET STUFF HERE BECAUSE IT HAS BEEN MODIFIED.
TYPEFACE.JS CONFLICTS WITH FONT SETTINGS IN ORIGINAL RESET.CSS
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
li{list-style:none;}
caption,th{text-align:left;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}*/
/*to enable resizing for IE*/
/*input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/* generic styles */

html, body {
	background-color: #FFF;
	color:#6f6f6f;
	font-family:arial,helvetica,verdana;
	font-size:12px;
	text-align:left;
	width:100%;
}
img {
	border:0px none;
}
p {
	margin:8px 0px;
	line-height: 150%;
}
a {
	color: #0199d3;
	text-decoration:none;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 10px 0;
	padding:0px;
}
li {
	padding:0px;
}
.top {
    vertical-align: top;
}
.right {
    text-align: right;
}
.bold {
	font-weight: bold;
}
.underline{
	text-decoration: underline;
}
.border{
	border: 1px solid #a5a5a5;
}

h1, h3{
	color: #0199d3;
	font-size: 18px;
	font-weight: bold;
}
h4{
	color: #0199d3;
	font-size: 14px;
	font-weight: bold;
}

.section, .subSection, .helvetiker{
	font-family: Helvetiker;	
}
.dakota{
	font-family: dakota;
}

p.intro{
	margin-bottom: 15px;	
}

/**
 * Success, info, warning and error styles
 */
 
div.searchResultsInfo {
    border: 1px solid #C3D8FE;
    background-color: #036;
    padding: 2px 5px 2px 1px;
    margin-top:10px;
}

ul.success,
ul.info {
    background-repeat: no-repeat;
    background-position: 7px 6px;
    color: #222327;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 10px;
}

ul.info a {
    color: #222327;
}

ul.success {
    background-image: url('/images/success.gif');
    border: 1px solid #00D100;
    background-color: #FFF;
}

div.errors ul {
    background-color: #FCC;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 7px 7px;
    font-family: helvetica,arial,helvetica,sans-serif;
    padding: 10px;
    padding-left: 40px;
    margin-bottom: 10px;
}

/* page layout */

div#pageContent {
    background-color: #FFF;
    width: 780px;
    margin: 0 auto;
	text-align:left;    
}

div#masthead{
	width: 780px;
	height: 164px;
	/*background: #000 url("/images/banner-bg.jpg") no-repeat 0 0;*/
	position: relative;
	z-index: 0;
}
div#masthead h1{
	text-indent: -3000px;			
}
div#masthead img#logo{
	position: absolute;
	top: 20px;	
	z-index: 10;
}
div#masthead div#userActions{
	position: absolute;
	right: 5px;
	bottom: 0;	
	z-index: 100;
	color: #FFF;	
	background-color: #96cfe5;
	padding: 5px 10px;	
}
div#masthead div#userActions a{
	color: #FFF;
}

div#menu{
	height: 30px;
	background-color: #00a4e4;
	margin-top: 2px;
	text-align: center;
}

div#main{
	width: 600px !important;
	background-color: #FFF;		
	margin-right: 0;
}

div#sideBar{
	margin: 0 18px 0 0;
	width: 162px;	
}

div#bd.home div#sideBar{
	margin: 0 0 0 18px;
}

.yui-t2{
	width: auto;
}

div.spacer{
	margin: 20px 0;
	height: 1px;
	background-color: #d4dadc;
}

div#ft{
	margin-top: 20px;
	font-size: 11px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	/*width:			100%;*/
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
/*  height: 28px; */
	border-right: 1px solid #FFF;
	padding-top: 2px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			31px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	height: 30px;
}
.sf-menu h3{
	font-size: 12px !important;			
}
.sf-menu h4{
	font-size: 12px !important;			
}
.sf-menu a {
	padding: 6px 6px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #FFF;
}
.sf-menu li {
	background-color: #00a4e4;
}
.sf-menu li li, .sf-menu li li li {
	background-color: #7dcceb;	
	border-bottom: 1px solid #FFF;
	/*whitespace: nowrap; */
	line-height: 130%;
	width: 151px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	z-index: 99;
}

/*** arrows **/
.sf-menu img.menuArrow{
	position: relative;
	bottom: 5px;
	left: 3px;	
}
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

div#subMenu{
	width: 100%;
	height: 25px;
	margin: 0 0 20px 0;
}
div#subMenu ul{
	float: left;
	
}
div#subMenu ul li{
	float: left;
	list-style: none;	
	text-align: center;
	padding: 5px;
	font-size: 11px;
}
div#subMenu ul li a{
	color: #aaa;
}

/* Homepage */

div#homePortal{
	margin-top: 15px;
	width: 585px;
	height: 398px;
	background: url('/images/home-background.gif') no-repeat 0 0;
	position: relative;
}
div#homeSearch{
	height: 32px;
	left: 70px;
	position: absolute;
	top: 54px;
	width: 450px;		
}
div#homeSearch div.textField{
	float: left;	
	width: 420px;
	height: 32px;
}
div#homeSearch div.textField input{
	width: 400px;
	border: none;
	height: 30px;
	font-size: 16px;
}
div#homeSearch div.submit{
	float: right;	
	width: 25px;
	height: 32px;
}
div#homePortal #education{
	position: absolute;
	left: 63px;	
	top: 123px;
}
div#homePortal #leadership{
	position: absolute;
	left: 314px;	
	top: 123px;
}
div#homePortal #welfare{
	position: absolute;
	left: 63px;	
	top: 254px;
}
div#homePortal #jams{
	position: absolute;
	left: 314px;	
	top: 254px;
}

/* form layout */

div.formBlock{
	border: 1px solid #bee3f2;
	background-color: #f5fafd;
	padding: 15px;
	margin: 0 auto;
}

table.ovoyoForm{
	margin: 10px 0;
}
table.ovoyoForm td{
	padding: 3px;
}
table.ovoyoForm td.label{
	font-weight: bold;	
	font-size: 12px;
	vertical-align: top;
}

table.ovoyoForm .text{
	width: 200px;
	border: 1px solid #CCC;
}
table.ovoyoForm td.small{
	font-size: 11px;
}

div.loginFooter{
	height: 30px;
	margin: 10px 0 0 0;
}
div.loginFooter .left{
	float: left;
	font-size: 10px;
}
div.loginFooter .right{
	float: right;
}

/* View Package */
div#packageDetails{
	padding: 10px;
	background-color: #f9fbfc;
}
div#packageDetails h4{
	color: #ff8400;	
}
table.info{
	margin: 0 0 10px 0;
}
table.info td{
	vertical-align: middle;
	padding-right: 15px;
}
div.divider{
	background-color: #d9edf5;
	height: 5px;
	margin: 15px 0;
}
div.dotDivider{	
	height: 1px;
	border-bottom: 1px dotted #CCC;
	margin: 15px 0;
}

div.package{
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}
div.package:hover{
	background-color: #ecf6fa;
}
div.package h4{
	color: #00a4e4;
}
div.package .fileInfo{
	color: #229fbd;
}

/* package preview */

div.packagePreview{
	background-color: #fff2e5;	
	text-align: left;
}
div.packagePreview .title{
	color: #00a4e4;
	font-size:14px;
	font-weight:bold;	
}
div.packagePreview .fileInfo{
	font-size: 11px;
	color: #ff8400;	
}

.btClass{
	background-color: #fff2e5;
	border: 1px solid #F00;		
}

/* resource */

div.resource{
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}
div.resource:hover{
	background-color: #ecf6fa;
}
div.resource h4{
	color: #00a4e4;
}
div.resource .desc{
	width: 510px !important;
}
div.resource .action{
	width: 60px !important;
}
div.resource .fileInfo{
	color: #229fbd;
}

a.other{
	color: #ff8400;
	font-size: 11px;
}

/* search box */

div#search{
	padding: 10px;	
	background-color: #f9fbfc;
	color: #898989;
	margin: 0 0 10px;
}
table#filters{
	margin: 10px 0;
}
table#filters td{
	vertical-align: top;
	padding: 3px;	
}
table#filters td.title{
	color: #ff8400;
	font-weight: bold;	
}
table#filters input[type="text"]{
	width: 200px;
}
div#searchType{
	background-color: #edf2f4;
	vertical-align: middle;
	width: 300px;
	padding: 5px;	
	margin: 0 0 5px 0;
}
div#searchType li{
	float: left;
	margin: 0 25px 0 0;
	font-size: 11px;
}
td.fileCount{
	font-size: 11px;
	color: #ff8400;	
}

/* Feature */

div.featureList {
	padding: 10px 0 10px 0;
	width: 100%;
	border-top: 1px dotted #CCC;
}
div.featureList h4{
	font-size: 14px;
	font-family: Helvetiker;	
}
div.featureList .info {
	float:left;
	width: 368px;	
}
div.featureList .info p{
	margin-bottom: 0;
}
div.featureList .image {
	float:right;
}
div.featureList div.link{
	float: right;
}
div.featureList a.more{
	font-size: 11px;
	font-weight: bold;
}

div.feature{
	margin: 0;
}
div.feature div.img{
	float:right;
	clear: right;	
	width: 177px;
/*	height: 205px; */	
	padding: 10px 10px 0 10px;
	background-color: #f2f2f2;
	margin: 0 0 20px 10px;
	text-align: center;
	font-size: 11px;
}
div.feature div.link{
	float: right;
	margin: 5px 0 0 0;
}
div.feature h3{
	font-family: Helvetiker;	
}
div.feature h4{
	font-size: 12px;
	font-family: Helvetiker;	
}

/* sidebar */

div.gradient{
	background: #DBEEF6 url('/images/blue-gradient.gif') repeat-x;
	padding: 10px;
	border: 1px solid #bee3f2;	
}

ul.sidebarList{
	margin: 5px 0 10px 0;	
}
ul.sidebarList li{
	margin-top: 5px;
}
ul.sidebarList li a{
	color: #000;
}
ul.sidebarList li a.current{
	color: #ff8400;
}

div.tear{
	width: 145px;
	height: 169px;
	padding: 10px;
	background-image: url('/images/sidebar-bg.jpg');
}
div.tear img{
	margin: 5px 0;
}
div.tear a{
	font-weight: bold;
}
div.tear p{
	margin: 2px 0 ;
	line-height: normal;
	font-size: 11px;
}
div.tear a.other{
	font-size: 11px;
	font-weight: normal;
}

div.newsItem{
	margin: 8px 0;
	font-size: 11px;
}

.required{
	padding-left: 3px;
	color: #C00; 
	}
	
.bottom-text {
	font-size: 15px;
	font-weight: bold;
    color:#D3D3D3;
    padding:5px;
    text-align:center;
}