﻿/* © 2007 Quba New Media */
/* XHTML / CSS Helen Barclay'07 */
@import url(cat-nav.css);
@import url(forms.css);
@import url(headers.css);

/*------------------------------*/
/*  The magic number is: 11.92  */
/*------------------------------*/


/* -- GLOBAL STYLES 
-------------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
 } 

html {
	margin:0;
	padding:0;
 } 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.8em; 
	color:#666666;
	background:#ffffff;
}


/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
dd { 
	margin:0; padding:0; }

dt { 
	margin:0; padding:0; }

dl { 
	margin:0; padding:0; }

label { 
	margin:0; padding:0; }

fieldset { 
	margin:0; padding:0; }

input { 
	margin:0; padding:0; }

form { 
	margin:0; padding:0; }

oll oi { 
	margin:0; padding:0; }

li { 
	margin:0; padding:0; }

ul { 
	margin:0; padding:0; }

h5 { 
	margin:0; padding:0; }

h4 { 
	margin:0; padding:0; }

h3 { 
	margin:0; padding:0; }

h2 { 
	margin:0; padding:0; }

h1 { 
	margin:0; padding:0; }

p { 
	margin:0; padding:0; }

body { 
	margin:0; padding:0; }

fieldset { 
	border:none;}
	
hr { 
	display:none; }
	
.invisible { 
	display:none; }
	
ul li ol oi{
	list-style: none;
}

legend {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleaner{
	clear:both;
}

input{
	border:solid 1px #e2e2e2;
	color:#8d8b8b;
}

/* -- GLOBAL LINK STYLES 
-------------------------------------------------------------------------------*/
/*a {
	outline:none; }*/
	
a:active { 
	color:#f42941;
	text-decoration:none;
	 }  

a:visited { 
	color:#f42941;
	text-decoration:none;
	 }  

a:link { 
	color:#f42941;
	text-decoration:none;
	 }  

a:hover {
	color:#000000;
	text-decoration:underline;	
} 
	
img {
	border:none;
}

.blankBorder {
	border: solid 0px #ffffff;
}

h2 {
	color: #F42941;
	font-size:1.7em;
	/* line-height:24px; */
	line-height:1.2em;
	font-weight:normal;
	margin:0 10px 0 0;
}

	line-height:1.2em;
	font-weight:normal;
	margin:0 10px 0 0;
}

h3 {
	font-size:1.4em;
	font-weight:bold;
	color:#F42941;
}

h4 {
	font-size:1.2em;
	font-weight:normal;
	color:#000000;
}

/* -- SITE WRAPS
-------------------------------------------------------------------------------*/
#sitewrapper {	
	margin:0 auto;
	/* width:960px; */
	width:80.4em;
	background:#e2e2e2;
	font-size:1.2em;
	}
	
#content{
	/* float:left;
	display:inline;
	width:940px; */
	width:78.8em;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	/* position: relative; */
}


/* -- HEADER AREA
-------------------------------------------------------------------------------*/
#navigation {
	float:left;
	display: inline;
	background: url(../../images/global/nav-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding:10px 10px 10px 10px;
	margin:0 0 17px 0;
	/* width:920px; */
	width:77.1em;
}

#header-nav {
	float:right;
	display:inline;
	text-align:right;
	padding:0;
	margin:0 0 20px 0;
}

ul.global-nav li {
	float:left;
 	display:inline;
	margin:0;
	list-style-type: none;
	padding:0 15px 0 15px;
	background: url(../../images/css/nav-divider.gif) no-repeat;
	background-position: right;
	color:#ffffff;
}

ul.global-nav li.end {
	background:none;
	padding:0px 0 0 0px;
	margin:-4px;
}

ul.global-nav li table {
	margin:-6px 0 0 0;
}


ul.global-nav li a:visited {
	color:#ffffff;
	text-decoration:none;
}


ul.global-nav li a:active {
	color:#ffffff;
	text-decoration:none;
}


ul.global-nav li a:link {
	color:#ffffff;
	text-decoration:none;
}

ul.global-nav li a:hover {
	color:#000000;
	text-decoration:underline;
}

input.submit-button {
	text-align:right;
	background:url(../../images/buttons/arrow.gif) no-repeat;
	color:white;
	width:17px;
	height:18px;
	border:none;
}

/*-------------------------------------------------------------------------------*/

/* -- HOMEPAGE FEATURE BOXES
-------------------------------------------------------------------------------*/
.features-image{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

ul.further-info{
	list-style:none;
}


ul.features{
	list-style:none;
	position: relative;
}


ul.features li{
	border-top:solid 1px #e2e2e2;
	padding:10px 0 0 0;
	margin:10px 0 10px 0;
}

ul.features li h4 a:visited {
	color:#F42941;
	text-decoration:none;
	font-size:1em;
	font-weight: 400;
}

ul.features li h4 a:active {
	color:#F42941;
	text-decoration:none;
	font-size:1em;
	font-weight: 400;
}

ul.features li h4 a:link {
	color:#F42941;
	text-decoration:none;
	font-size:1em;
	font-weight: 400;
}

ul.features li h4 a:hover{
	color:#000000;
}

ul.features li img {
	vertical-align: middle;
}
/*-------------------------------------------------------------------------------*/




/* -- TYPOGRAPHY
-------------------------------------------------------------------------------*/
.bold {
	font-weight: bold;
}

.black-txt{
	color:#000000;
	font-weight:bold;
}
/*-------------------------------------------------------------------------------*/




/* -- HOMEPAGE GREY BOXES
-------------------------------------------------------------------------------*/

.grey-bg {
	background:#E2E2E2;
	margin:0 0 10px 0;
	padding:10px;
	/* height:85px; */
	height:7.1em;
}

.grey-bg ul {
	list-style-image: url(../../images/icons/arrow-home.gif);
	padding:0 0 0 20px;
}

.grey-bg li {
	/* height:24px; */
	height:2em;
}

.grey-bg li.lastItem {
	/* height:37px; */
	height:3.1em;
}

.grey-bg p.lastItem {
	/* height:12px; */
	height:1em;
	margin:-5px 0 0 0;
}

.grey-bg h3 {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;
}

.grey-bg li a:visited {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;
}

.grey-bg li a:active {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;
}

.grey-bg li a:link {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
	font-weight:normal;
}

.grey-bg li a:hover{
	color:#F42941;
}

.grey-bg select {
	/* width:310px; */
	width:26em;
	margin-bottom:10px;
	color:#8d8b8b;
	padding:2px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}

/*-------------------------------------------------------------------------------*/


/*----FOOTER STYLES---------------------------------------------------------------------------*/



#footer{
	float:left;
	display:inline;
	/* margin:0 10px 0 10px; */
	margin:0 0px 0 0px;
	/* padding:0 0 50px 0; */
	padding:0 0 20px 0;
	background:white;
	border-top:solid 10px #F42941;
	/* width:960px; */
	width:80.4em;
}

#footer-left{
	float:left;
	display:inline;
	margin:10px 0 0 0;
}

#footer ul li {
	list-style-type: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:10px 0 0 0;
	background: url(../../images/css/footer-divider.gif) no-repeat;
	background-position: right;
}


#footer a:visited {
	color:#8d8b8b;
	text-decoration:none;
	font-weight:normal;
}


#footer a:active {
	color:#8d8b8b;
	text-decoration:none;
	font-weight:normal;
}


#footer a:link {
	color:#8d8b8b;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover{
	color:#f42941;
	text-decoration: underline; 
}

#footer p{
	clear:both;
	padding:0 10px 0 10px;
}

.contact {
	float:right;
	display:inline;
	text-align:right;
	margin:10px 10px 10px 0;
}

/*-------------------------------------------------------------------------------*/





/* -- HEADER STYLES
-------------------------------------------------------------------------------*/
					
/* -- GLOBAL LAYOUT
-------------------------------------------------------------------------------*/



/* -- SITE CLASS
-------------------------------------------------------------------------------*/
#banner {
	float:left;
	display:inline;
	margin:0;
	background:url(../../images/banners/ribacpd-home-banner.jpg) no-repeat;
	/* height:175px; */
	height:14.6em;
	/* width:940px; */
	width:78.8em;
	margin:-7px 0 5px 0;
}

#homeBanner {
	float:left;
	display:inline;
	margin:0;
	background:url(../../images/banners/ribacpd-home-banner.jpg) no-repeat;
	/* height:175px; */
	height:14.6em;
	/* width:940px; */
	width:78.8em;
	margin:-7px 0 5px 0;
}

.top-text{
	/* width:540px; */
	width:45.3em;
	/* height:110px;
	height:9.2em; */
	height:9.4em;
	/* background:url(../../images/css/top-text-bg.png) no-repeat; */
	background:url(../../images/css/top-text-bg.gif) repeat;
	margin:10px;
	padding:20px;
}

/* -- SITE CLASS
-------------------------------------------------------------------------------*/
.padding {
	margin:10px 0 10px 0;
}

.generic ul {
	margin:10px 0 10px 0;
}

.generic h3 {
	margin:10px 0 10px 0;
}

.generic p {
	margin:10px 0 10px 0;
}

.generic ul{
	list-style-image: url(../../images/icons/arrow.gif);
	padding:0 0 0 20px;
}

ul.further-info{
	border-top:solid 1px #E2E2E2;
	border-bottom:solid 1px #E2E2E2;
	margin:10px 0 10px 0;
}

ul.further-info li{
	margin:5px 0 10px 0;
}

ul.category{
	margin:10px 0 0 0;
}

ul.category li{
	float:left;
	display:inline;
	padding:0 5px 0 0;
	font-size:1.6em;
}

ul.category li a:hover {
	background:black;
	color:#fff;
}


ul.categorylist {
	list-style-type: none;
	margin:10px 0 10px 0;
	background:#E2E2E2;
}

ul.categorylist li{
	 background-image: url(../../images/icons/arrow-list-open.gif);
	 background-repeat: no-repeat;
	 background-position: 0 0.4em;
	 padding-left: 1em;
	 line-height: 1.8em;
	 border-bottom:1px solid #fff;
	 margin:0 0 0 10px;
}

ul.categorylist li.unselected{
 background-image: url(../../images/icons/arrow-list.gif); 
}

ul.categorylist li.last{
	border-bottom:none;
}

ul.categorylist li ul {
	list-style-type: none;
	margin:0 0 0 -25px;
	background:#fff;
}

ul.categorylist li ul li{
	background-image: url(../../images/icons/dot.gif);
	background-repeat: no-repeat;
	background-position: 0.9em 0.5em;
	padding-left: 2.5em;
	line-height: 1.8em;
	margin:0;
} 

ul.categorylist li ul li ul li{
	background-image: url(../../images/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	padding-left: 2.5em;
	line-height: 1.8em;
	margin:0;
} 

ul.categorylist h3 {
	color:#666666;
	text-decoration:none;
}

ul.categorylist li a:visited {
	color:#666666;
	text-decoration:none;
}

ul.categorylist li a:active {
	color:#666666;
	text-decoration:none;
}

ul.categorylist li a:link {
	color:#666666;
	text-decoration:none;
}

ul.categorylist li a:hover{
	color:#F42941;
}

/*----LIST STYLES---------------------------------------------------------------------------*/

ul.categorylist li.unselected ul
{
	display:none;
}

a.colink	
{ 
	font-weight:bold; 
	color:#F42941; 
}

/*----BREADCRUMB TRAIL STYLES---------------------------------------------------------------------------*/

#breadcrumb {
    clear:both;
    padding:0 0 5px 0;
}

/*----MANUFACTURER PAGE STYLES---------------------------------------------------------------------------*/

.manufInfo {
	float: left;
	display:inline;
	/* width:490px; */
	width:41.1em;
}

img.border	{ 
	border:1px solid #e2e2e2; 
}

.top-text-manuf {
	/* width:550px; */
	width:46.1em;
	/* height:140px; */
	height:11.1em;
	/* background:url(../../images/css/top-text-bg.png) no-repeat; */
	background:url(../../images/css/top-text-bg.gif) repeat;
	margin:10px;
	padding:10px;
}

h3.seminarTitle {
	font-size:1.4em;
	font-weight:bold;
	color:#F42941;
	padding:0 0 10px 0;
}

/*----DROPDOWN LIST 'GO' BUTTON STYLES---------------------------------------------------------------------------*/

input.dropdownButton
{
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#F42941;
   background-color:#E2E2E2;
   border-style:none;
}

h4.dropdownLabel
{
    padding:0 0 0 4px;
}

/*----LIST PAGES STYLES (CATEGORIES, COMPANIES, CORE CURRICULUM)---------------------------------------------------------------------------*/

.top-text-list{
	/* width:530px; */
	width:44.4em;
	/* height:150px; */
	height:12.5em;
	background:url(../../images/css/top-text-bg.png) no-repeat;
	margin:10px;
	padding:20px;
}

/*----ADDED TO FIX OPERA LAYOUT ISSUE---------------------------------------------------------------------------*/

.invisibleList ul{
	list-style-image: url(../../images/css/invisibleList.gif);
	padding:0 0 0 20px;
    height: 0; 
}

/*----ADDITIONAL TEXT AND LAYOUT STYLES---------------------------------------------------------------------------*/

.float-right{
	float: right;
	display:inline;
	text-align:right;
}

.float-left {
	float: left;
	display:inline;
	/* width:350px; */
	width:29.3em;
}

.float-right img{
	margin:0 0 2px 0;
}

.inline {
	display:inline;
}

.topline{
	border-top:solid 1px #E1E1E1;
	padding:10px 0 0 0;
}

.floatLeft{
	float: left;
	padding:10px 10px 0 0;
}

.floatRight{
	float: right;
	padding:0 10px 0 0;
}

p.smallPrint	{
	font-size: 0.8em;
}

.greyOut {
	color:#B7B6B6; 
}

/*----TABLE STYLES---------------------------------------------------------------------------*/

td.bottomBorder {
	border-bottom :1px solid #E1E1E1; 
}

/*----QUESTIONNAIRE STYLES---------------------------------------------------------------------------*/

input.radio-button
{
	border: none;
	color: #8d8b8b;
}

input.quest-button
{
	text-align: center;
	color: white;
	height: 25px;
	border: none;
	background-color: red;
}
