/* CSS Document */

.body-bg {
    background: #fff url(/r/specialed/diversity/img/nav_bg.gif) repeat-y 0 0;
}

#content {
	padding: 0px;
}

#diversity-banner {
    background: #fff url(/r/specialed/diversity/img/banner/diversity_banner.gif) 0 0 no-repeat;
    color: #fff;
	padding-left: 80px;
	height: 81px;
}

#main-content {
    background: #fff url(/r/specialed/diversity/img/main_bg.gif) 0 0 no-repeat;
    padding: 0px 20px 20px 10px;
	position: relative;
}

#main-content a {
    color: #006699;
    text-decoration: underline;
}

#main-content a:hover {
    color: #9f409f;
    text-decoration: none;
}

#main-content h2 {
	font-size: 1.2em;
	width: 100%;
	color: #006699;
	margin: 0 0 10px 0;
	padding: 2px 0;
	border-top: 1px solid #ADBE8E;
    border-bottom: 1px solid #ADBE8E;	
}

#main-content h3 {
	font-size: 1em;
	width: 100%;
	color: #006699;
	padding-bottom: 10px;
}

#main-content ul {
	font-size: 1em;	
}

#breadcrumb ul {
    color: #666;
    margin: 10px 0 9px;
	padding: 0;
    list-style: none;
	/*border: 1px solid #000; */
}

#breadcrumb strong {
    color: #666633;
}

hr {
	color: #000;
}

/* footer of new content div */

#main-content-foot {
	font-size: 0.85em;
	margin-top: 50px;
}

#main-content-foot a {
    color: #663;
    text-decoration: underline;
}

#main-content-foot a:hover {
    color: #663;
    text-decoration: none;
}

/* Back to button on right hand nav */
div#backto p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    border-top: 0px solid #f60;
	/*border-right: 1px solid #606; */
    border-bottom: 1px solid #999;
	/*border-left: 1px solid #606; */
    background: #fff;
    padding: 8px 5px 8px 32px;
    margin: 0;
	background: #fff url(/r/specialed/diversity/img/back-to-arrow.gif) no-repeat;
}

div#backto a:link, div#backto a:visited {
	color: #6699CC;
	font-weight: bold;
}
 
div#backto span {
    color: #000;
}

#right-nav h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    border-top: 0px solid #f60;
	/*border-right: 1px solid #606; */
    border-bottom: 1px solid #999;
	/*border-left: 1px solid #606; */
    background: #fff;
    padding: 8px 5px 8px 32px;
    margin: 0;
	background: #fff url(/r/specialed/transition/img/back-to-arrow.gif) no-repeat; 
}

/* quick search styles */

#quick-search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 2px 5px 4px;
	width: 162px;
    margin: 0;
	border-left: 1px solid #606;
	border-right: 1px solid #606;
	background-color: #006699;		
}

#quick-search form {
	margin: 0;
	padding: 0;
}

#quick-search p, #quick-search label {
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#quick-search input {
	margin: 0;
	padding: 0;
}

ul#menu {
    background-color: #E1E8D4;
	margin: 0 0 0 1px !important;
	padding: 0;
}

ul#menu li {
	margin: 0;
	padding: 0;
    font-size: 0.9em;
	border-top: 2px solid #FFF;
}

ul#menu li a:link, ul#menu li a:visited {
    width: 154px;
    display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

ul#menu li a:hover {
    background-color: #CCD8B5;
}

/*re-define of right hand nav styles */


/* Menu Sub */

.menu-sub {
    background-color: #ffffff;
	margin-left: 1px !important;
	/*border: 1px solid #000; */
}

.menu-sub1-item {
	margin: 0px;
	padding: 0px;
	font-size: 1em !important;
}

.menu-sub1-item a, .menu-sub1-item a:visited {
    display: block;
    width: 130px !important;
	padding: 2px 2px 2px 10px !important; 
	margin: 0px;
	color: #006699 !important;
}

.menu-sub1-item a:hover  {
    background-color: #ffffff !important;
	margin: 0;
	color: #006699;
}

.menu-sub2-item {
	margin-left: 40px !important; 
	padding: 2px 2px 2px 0px !important;
	font-size: 1em !important;
	list-style-image: url(/r/specialed/diversity/img/bullet_arrow.gif) !important;
}

.menu-sub2-item a, .menu-sub2-item a:visited {
	width: 120px !important;
    display: block;
	color: #006699 !important;
	margin: 0;
	padding: 0px 0px 0px 0px !important;
}

.menu-sub2-item a:hover  {
    background-color: #ffffff !important;
	margin: 0;
	color: #006699;
}

a.menu-current {
	font-weight: bold;
	text-decoration: none !important;
	color: #000 !important;
	display: block;
	width: 80px;
}

a:hover.menu-current {
	color:#660 !important;
}

.internal-nav li {
	font-size: 1em !important;
	font-weight: bold;
	border-bottom: 0;
}

#right-nav a, #right-nav a:visited  {
    color: #000;
    text-decoration: none;
}

#right-nav a:hover {
    color: #663;
    text-decoration: underline;
}

/* misc styles */

.head-bg {
	padding: 10px;
	background-color: #939;
}

.head-bg h2 {
	color: #fff;
}

.reflink { /* stefen added */
	margin-top: 5px;
} 

h4.resources {
    font-size: 0.9em;
    margin-bottom: 5px;
}

/* FAQ question heading style */
.question {
    color: #9f409f;
    font-size: 0.9em;
}

/* padding for FAQ answers */
.listpad {
    padding-bottom: 1em;
    padding-top: 0;
    font-size: 1.0em;
}

/* to keep nested lists formatted correctly */
ul.nested-ul {
    list-style-type: disc;
    font-size: 1em;
}

/* to push lists up against paragraphs and keep Multiserve happy */
.nobreak {
    margin-top: 0;
    margin-bottom: 0;
}

/* to push lists up against paragraphs and keep Multiserve happy */
.nobreak-toponly {
    margin-top: 0;
}

.nobreak-top  {
    margin-top: 0;
    font-size: 1em; /* This is there for the Workbridge page. Please DO NOT remove! */
}

/* level 3 nav in financial support section */
.unstyled_list {
    margin-top: 0;
    list-style-type: none;
}

/* level 2 "breadcrumb" nav */

.breadcrumb-nav {
    list-style-type: none;
    margin: 0 0 14px 0;
}

.breadcrumb-nav li {
    display: inline;
}

.breadcrumb-nav li a {
    font-weight: bold;
}

a.current {
    color: #000 !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

a.sec-current {
    color: #000 !important;
    text-decoration: none !important;
}

.r-text {
    text-align: right;
}

/* to fix CSS bug in nested lists */
li li {
    font-size: 100%;
}

/* to fix CSS bug in nested lists */
li li li {
    font-size: 100%;
}
 
ol li ol li {
	font-size: 1.1em;
}

/* to separate list items with a paragraph break */
.listbreak {
    margin-top: 10px;
    margin-bottom: 10px;
}

.questions-box {
    padding: 5px;
    margin: 0;
    border: 1px solid #CCC;
    font-size: 0.7em;	
}

/* remove stray bg colour fron input box */

input {
    background-color: #FFF !important;
}

/* new styles for about page (and some others for the second one...!) */

#about-pic {
	width:400px;
	text-align:center;
}

.pic-caption {
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
}