/*** The Essential Code ***/

body {
	min-width: 700px;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.smalltext
{
	font-size:90%;
}

#ou-topbar {
	margin: 0px 0px 0px 0px !important;	
}

#ou-footerf {
	margin: 15px 0px 0px 0px !important;	
}

#header {
	height: 30px;
	width: 100%;
}

#header-image {
	float: right;
}

#main-nav {
	width: 100%;
	text-align: right;
	overflow: hidden;
}

#main-nav ul {
	display: block;
	float:right;
}

#main-nav ul, #main-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-nav ul li {
	margin-left:2px;
	display: block;
	line-height:125%;
	float:left;
}

#main-nav ul li a {
	display:block;
}

#container-home{
	position: relative;
	padding: 10px 10px 20px 10px;	
}

container-internal {
	width: 100%;	
}



/********************** Homepage Features **************************************/



/********************* Internal page headings *************************/

.column-heading {
	height: 60px;
	overflow:hidden;
}

.pink-bg {
	background-color: #E90075;
}

.pink-bg a,
.pink-bg a:visited
{
	color:#620033!important;
	text-decoration:none !important;
	font-size:110%;
	font-weight:bold;
	display:block;
	padding: 0px 0px 2px 20px!important;
	background-color:#EBE9EC;
	background-image:url(../includes/images/arrow-double-thistle.gif);
	background-position:3% 60%;
	background-repeat:no-repeat;
}



.column-heading h2 {
	color: #FFFFFF;
	padding: 5px 10px;
	margin: 0px;
	font-weight: 500;
}

.column-heading h1 {
	color: #FFFFFF;
	padding: 10px 10px;
	margin: 0px;
	font-size: 170%;
	font-weight: 500;
	line-height: 85%;
}

.column-heading.grey-bg h2,
.column-heading.grey-bg h1 {
	color: #620033 !important;
	font-size: 190%;

}

/***************************Department list *****************************/

.department-image {
	height: 90px;
	overflow: hidden;
	padding: 10px 0px !important;
}

/****************** Internal Layout *********************************/

#container {
	position: relative;
	clear: both;
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 10px;     /* RC fullwidth + CC padding */
	padding-bottom: 15px;
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 0px;       /* CC padding */
	width: 100%;
}

#left{
	margin-left:-200px;
	width:180px;
	margin-right:0px;
	padding:10px;
}

/* for everything but ie5 on the mac \*/
#left {
	width: 180px;             /* LC width */
	padding: 10px;            /* LC padding */
	left: -200px;              /* LC fullwidth */
	margin-right: -100%;		/* Pull layout backinto line */
	margin-left:0px;
}
/* end of */



#right {
	width: 0px;             /* RC width */
	padding: 0px 0px;          /* RC padding */
	margin-right: -100%;
}

.col_33 {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	margin-right: -1px;
	width: 33.3%;
}

.col_66 {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	margin-right: -1px;
	width: 66.6%;
}

.col_50 {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	margin-right: -1px;
	width: 50%;	
}

.padding {
	padding: 10px 15px;
}

.padding-top {
	padding-top: 10px;	
}

.padding-right {
	padding-right: 7px
}

.padding-right-3 {
	padding-right: 3px
}



#footer {
	clear: both;
}

.clear-both {
	clear: both;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.float-right {
	float: right;	
}


/******************************** Just for Looks ****************************/

body {
	margin: 0 1.5%;
	padding: 0;
	font-size: 0.75em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: underline;
	color: #4E247B;
}

a:visited {
	text-decoration: none;
	color: #4E247B;
}

a:hover {
	text-decoration: underline;
	color: #B8A7CA;
}

a img {
	border: none;
}

#container-home{
	border: 1px solid #4E247B;
}

#container {
	border: 1px solid #FFFFFF !important;
	text-align: left;
}

#header, #footer {
	padding: 0;
	margin: 0;
}

/****************** Main Navigation ***************************/

#main-nav
{

}

#main-nav ul {
	font-size: 90%;

}

#main-nav a
{
	text-decoration:none;
}



/* only ie5 will use this css */
#main-nav ul li 
{
	width:110px;
}	
/* end of ie5 css */

/* other browsers will see this but not ie5 \*/
#main-nav ul li 
{
	width:auto;
}	
/* end of hack */


#main-nav ul li.active
{
	border-bottom:none;
}

#main-nav ul li a {
	margin: 0;
	padding: 8px 8px;
	text-align: center;
	text-decoration: none;
	background-color: #D4D4D4;
	color: #000000;
}

#main-nav ul li.active a {
	font-weight: 700;
	background-color: #E90075;
	color: #FFFFFF;
	border-bottom:none;
	z-index: 100;
}

/************************** Sub Navigation *********************************/

#menulist ul {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#menulist ul li {
	display: block;
	width: 100%;
	
}

#menulist ul li a {
	color: #4E247B;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 98%;
	padding: 5px 1%;
}

#menulist ul li a:visited {
 text-decoration: none;}

#menulist ul li a:hover 
{
	color: #B8A7CA;
	font-weight: bold;
	text-decoration: underline;
}

#menulist ul li.active a {
	font-weight: 600;
}

/********************* Level 2 ******************/

#sub-nav ul li.active ul {
	font-size: 90%;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 8px;
}

#sub-nav ul li.active ul li {
	display: block;
	width: 100%;
	background: none;

}

#sub-nav ul li.active ul li a {
	color: #B8A7CA;
	display: block;
	font-weight: 400;
	width: 98%;
	padding: 1px 1%;
	
}

#sub-nav ul li.active ul li a:visited {
	text-decoration: none;
}

#sub-nav ul li.active ul li a:hover {
	text-decoration: none;
}

#sub-nav ul li.active ul li.active a {
	font-weight: 600;
}

/********************* Level 3 ******************/

#sub-nav ul li.active ul li.active ul {
	color: #5A3384;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 8px;;
}

#sub-nav ul li.active ul li.active ul li {
	display: block;
	width: 100%;
	background-image: url(../includes/images/dotted_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#sub-nav ul li.active ul li.active ul li a {
	color: #5A3384;
	display: block;
	font-weight: 400;
	width: 98%;
	padding: 5px 1%;
}

#sub-nav ul li.active ul li.active ul li a:visited {
 text-decoration: none;}

#sub-nav ul li.active ul li.active ul li a:hover {
	text-decoration: none;
}

#sub-nav ul li.active ul li.active ul li.active a {
}


/********************** Homepage Features **************************************/
.feature-heading h4 {
	font-size: 110%;
	margin: 0;
	padding: 0;	
}

.feature-content h3 {
	color: #E90075;
	font-size: 120%;
	margin: 0;
	padding: 0;
}

.feature-content h3 a {
	text-decoration:none;
	padding-top:3px;
	display:block;
}

.feature-content p {
	font-size: 90%;
	margin: 3px 0px;
}

/********************* Content Styles ***********************************/

#center h1 {
	margin: 0px 0px 15px 0px;
	color: #E90075;
	font-weight: 500;
}

#center h2 {
	margin: 0px 0px 15px 0px;
	color: #E90075;
	font-weight: 500;	
}

#center h3 {
	margin: 0px 0px 15px 0px;
	color: #E90075;
	font-weight: 500;
	line-height: 140%;
}

#center h4 {
	margin: 0px 0px 15px 0px;
	color: #E90075;
	font-size: 130%;
	font-weight: 600;
}

/*************************** Fomrs *****************************/

.stretch-input {
	width: 50%;	
}



/**************************************************************************************************
* CASE STUDY PAGE
**************************************************************************************************/

.casestudy-item img
{
	float: right;
	clear: both;
	margin-right: 10px;
}

.casestudy-item a img
{
	margin-bottom:10px;
}

img.icon 
{
	float: left;
	width: 11px;
	margin-right: 10px;
}

img.icon-no-float
{
	width: 11px;
	margin-right: 10px;
}

.casestudy-item p
{
	padding-right: 4px;
	font-size: 90%;
	line-height: normal;
	position:relative;
}


/*INTERNAL DEPARTMENT PAGES*/

.internal-left-department
{
	width:39%;
	float:left;
	color:#E90075;
	margin-right:10px;
	margin-top:5px;
}
#center .related_links h3
{
	margin:18px 0 6px 0;
	color:#000;
	font-size:120%;
	font-weight:bold;
}

.internal-right-department
{
	width:55%;
	float:left;
	margin-top:5px;
}	

.internal-container-boh
{
	float:left;
	width:1000px;
	height: 100%;
	margin: 1px;
	border-top-color: #4E247B;
	border-right-color: #4E247B;
	border-bottom-color: #4E247B;
	border-left-color: #4E247B;
	position: relative;
}


/*END OF DEPT INTERNAL*/

/*ONLINE ORDER FORM*/

.online-order-form label
{
	float:left;
}

.online-order-form input
{
	
}

/*******************/


.ayrfs ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.ayrfs li
{
	padding-left:30px;
	background-image:url(../includes/images/pdf-icon.gif);
	background-repeat:no-repeat;
	color:#E90075;
}

.courses-ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.courses-ul li
{
	background-image:url(../includes/images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

.list th
{
	background-color:#FFFFFF;
	text-align:left;
}

.list
{
	border-style:none;
	padding:0px;
	margin:0px;
	
}

.list td
{
	border:1px solid #ffffff;
	padding:0px;
}

.list tr
{
	border:1px solid #ffffff;
}

.list th
{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0px;
}

.list span
{
	width:100%;
	text-align:left;
}

ul.qual{
	font-family : verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px; 
}

ul.qual li{ 
	padding: 0px; 

	background: none;
	margin-bottom:6px;
	list-style-type:none;
} 

ul.qual li a{ 
	
} 

ul.qual li a:hover {

	text-decoration: underline;
}
ul.qual span.list_code{
}

ul p.normal{

	margin: 0px 0px 0px 0px;
}

ul p.cnnormal{

	margin: 0px 0px 0px 0px;
}

ul.UL-disc li 
{
	list-style-type : square; 
	list-style-image : none;
	padding:0px;
}

td.normal p.c_link{
	margin: 0px 0px 0px 0px;
}


/****/

a.view-details
{
display:block;
padding-top:6px;
text-decoration: none;
font-weight: bold;
background-image:url(../includes/images/arrow-pink-large.gif);
background-position:100% 70%;
background-repeat:no-repeat;
margin-right:5px;
padding-right:15px;
}