@import "undo.css";
@import "suckerfish.css";
/* CSS Document  ******************************* Main Layout Template  */

body{background:#bfbfbf;text-align:center;font-family:Arial,Verdana, Helvetica, sans-serif;font-size:76%;color:#5a5a5a;}
a:hover{text-decoration:underline;color:#a33138;}
.red{color:#a33138;text-decoration:none;}
p{line-height:1.3em;margin-bottom:2em;}
.red_bold{color:#A33138;font-weight:700;}
.hidden{position:absolute;left:-3000px;}
h2{color:#F26901;margin:0 0 10px;}
h3{color:#A33138;margin:10px 0;}
#top_wrapper{background:#FFF;width:880px;margin-top:10px;margin-left:auto;margin-right:auto;position:relative;padding:0 25px;}
#logo_bar{height:75px;background:url(../img/au_logo.gif) no-repeat right;}
#logo_bar ul{position:absolute;left:25px;top:5px;font-size:.9em;}
ol{margin:0 0 0 24px;}
.lead{list-style:disc;margin:0 0 0 24px;}
.cpd{list-style:disc;margin:0 0 0 -24px;}
li{margin-bottom:10px;}
#port_button{width:120px;height:120px;background:#000 url(../img/portfolio_bg.gif) no-repeat;border:1px solid #FFF;display:block;float:left;color:#FFF;text-decoration:none;font-weight:700;text-align:center;vertical-align:middle;margin:0 20px;}
#port_button a{color:#FFF;text-decoration:none;font-weight:700;}

.indent {padding:0 0 10px 10px;}
.bullets li {background-image: url(../img/bullet.gif);	background-repeat: no-repeat;background-position: left 5px;	padding:0 0 0 15px;}

/***************
Top menu navigation bar
************* */

ul#menu_bar{height:25px;background:url(../img/bg_menu.gif) repeat-x top;text-align:left;margin-bottom:10px;margin-left:0;}
ul#menu_bar li a{height:25px;display:block;float:left;}
ul#menu_bar li a#home{width:67px;background:url(../img/menu_home.gif) no-repeat 0 0;}
ul#menu_bar li a#home:hover,ul#menu_bar li a#homeB{width:67px;background:url(../img/menu_home.gif) no-repeat 0 -26px;}
ul#menu_bar li a#who{width:106px;background:url(../img/menu_who.gif) no-repeat 0 0;}
ul#menu_bar li a#who:hover,ul#menu_bar li a#whoB{width:106px;background:url(../img/menu_who.gif) no-repeat 0 -26px;}
ul#menu_bar li a#port{width:85px;background:url(../img/menu_port.gif) no-repeat 0 0;}
ul#menu_bar li a#port:hover,ul#menu_bar li a#portB{width:85px;background:url(../img/menu_port.gif) no-repeat 0 -26px;}
ul#menu_bar li a#news{width:64px;background:url(../img/menu_news.gif) no-repeat 0 0;}
ul#menu_bar li a#news:hover,ul#menu_bar li a#newsB{width:64px;background:url(../img/menu_news.gif) no-repeat 0 -26px;}
ul#menu_bar li a#career{width:79px;background:url(../img/menu_career.gif) no-repeat 0 0;}
ul#menu_bar li a#career:hover,ul#menu_bar li a#careerB{width:79px;background:url(../img/menu_career.gif) no-repeat 0 -26px;}
ul#menu_bar li a#arti{width:72px;background:url(../img/menu_arti.gif) no-repeat 0 0;}
ul#menu_bar li a#arti:hover,ul#menu_bar li a#artiB{width:72px;background:url(../img/menu_arti.gif) no-repeat 0 -26px;}
ul#menu_bar li a#contact{width:83px;background:url(../img/menu_contact.gif) no-repeat 0 0;}
ul#menu_bar li a#contact:hover,ul#menu_bar li a#contactB{width:83px;background:url(../img/menu_contact.gif) no-repeat 0 -26px;}
ul#menu_bar li a#clients{width:102px;background:url(../img/client_login.gif) no-repeat 0 0;margin-left:222px;}
ul#menu_bar li a#clients:hover,ul#menu_bar li a#clientsB{width:102px;background:url(../img/client_login.gif) no-repeat 0 -26px;margin-left:222px;}
#search_box{position:absolute;top:30px;left:25px;height:34px;width:200px;}
#top-keywords{color:#5f6e7c;width:190px;border:1px solid #999;background:#fff;height:19px;margin:0;padding:0 2px 0 0;}
/*ie7 */#top-submit{position:absolute;right:8px;top:1px;}
label.inside{position:absolute;left:-999em;}
#top_feature{height:203px;width:600px;background:#f8ece5;border-top:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;float:left;padding-top:10px;}
#top_gallery{height:410px;width:600px;background:#f2f2f2;border-top:1px solid #a9a9a9;border-bottom:1px solid #a9a9a9;float:left;padding-top:10px;}
#top_gallery:hover{background:#e9e9e9;}

/***************
Side menu navigation bar
************* 
#sideBarWrap {width: 250px; background-color: #F9F0F1; float: right; padding: 0 5px 0 5px;} */
#sideBar{width:260px;height:213px;float:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:left; background:#f8ece5; padding-left:10px;}
#sideBar p{text-align:left;}
#sideBar2{width:260px;height:189px;float:right;text-align:left;margin-top:26px; z-index:1000; background-color:#FFFFFF;}

/* top three menu styles in suckerfish.css  ******************
Front page 2 column layout
******************* */
#leftCol{width:290px;border-right:1px solid #E9E9E9;padding-right:10px;padding-left:10px;}
#leftCol img{padding-bottom:5px;}
#twoCol img{padding:0 5px 5px;}
#rightCol{width:270px;border-right:1px solid #E9E9E9;padding-right:10px;padding-left:10px;}
#leftCol,#rightCol,#twoCol{margin-top:10px;float:left;text-align:left;line-height:1.3em;}
#rightContact{width:280px;border-right:1px solid #E9E9E9;padding-right:10px;padding-left:10px;margin-top:36px;float:left;text-align:left;line-height:1.3em;}
.bold_title{font-weight:700;color:#333;padding-bottom:10px;display:block;font-size:1.1em;}
#bot_bar{width:930px;height:142px;background:#fff url(../img/bot_bar.jpg) no-repeat;margin:0 auto;}
#legal_bar{width:930px;margin:10px auto;}
.newsItem:hover{background:#F5F5F5;}
.newsTitle a{color:#a33138;font-weight:700;}
.newsTitle a:hover{text-decoration:underline;background:#a33138;color:#FFF;}
.newsItem p{text-align:justify;}

/********************
Second level 2 column
****************** */

#breadcrumb{font-size:.9em;margin-bottom:10px;text-align:left;}
#twoCol{width:580px;border-right:1px solid #E9E9E9;padding-right:10px;padding-left:10px;}
.default{margin-top:10px;background:url(../img/red_bullet.gif) no-repeat;color:#000;font-weight:700;padding:0 0 5px 18px;}
.default_non{margin-top:10px;color:#000;font-weight:700;padding:0 0 5px;}

/*Vertical Accordions*/

.accordion_toggle{margin-top:10px;background:url(../img/red_bullet.gif) no-repeat;color:#000;cursor:pointer;font-weight:700;padding:0 0 5px 18px;}
.vertical_accordion_toggle{display:block;height:30px;width:600px;background:url(images/accordion_toggle.jpg) no-repeat top right;line-height:30px;font-weight:400;text-decoration:none;outline:none;font-size:12px;color:#000;border-bottom:1px solid #cde99f;cursor:pointer;margin:0;padding:0 10px;}
.vertical_accordion_toggle_active{background:url(images/accordion_toggle_active.jpg) no-repeat top right;color:#fff;border-bottom:1px solid #f68263;}

/*Horizontal Accordion*/

.horizontal_accordion_toggle{float:left;display:block;height:100px;width:30px;background:url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;color:#fff;text-decoration:none;outline:none;border-right:1px solid #cde99f;cursor:pointer;margin:0;}
.horizontal_accordion_toggle_active{background:url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;border-right:1px solid #f68263;}
.horizontal_accordion_content{height:100px;float:left;overflow:hidden;background-color:#fff;color:#444;}
.horizontal_accordion_content p{width:450px;line-height:150%;padding:5px 10px 15px;}

/* Container styling */

#horizontal_container{width:680px;height:100px;margin:20px auto;}
#vertical_nested_container{width:260px;height:400px; }

/* Float Properties */

.clearfloat:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat{display:block;}
a,a:visited{text-decoration:underline;color:#707070;}
#logo_bar ul li,ul#menu_bar li{display:inline;margin:0;padding:0;}
.accordion_content,.vertical_accordion_content{color:#444;overflow:hidden;}
.accordion_content h2,.vertical_accordion_content h2{color:#09F;margin:15px 0 5px 10px;}
.accordion_content p,.vertical_accordion_content p{line-height:150%;padding:5px 10px 15px;}
.accordion_content li,.resources{line-height:150%;margin-left:20px;}

/*Articles*/
.articles {	background:#f8ece5;	border-bottom:1px dotted #adccdc; border-top:1px dotted #adccdc;padding-top: 15px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;margin-bottom:5px;	line-height:1.6em;	position:relative;margin-top:5px;}
.articles:hover {background:#ffe3d2;}
.articles img {	padding:1px;border:1px solid #000;}

/*Programme cols*/	
#prescol {width:270px;padding-right:5px;margin-top: -2px;border-right:1px dotted #b6b6b6;margin-top:10px;float:left;line-height:1.6em;}
#prescol img {float:left;margin:3px 10px 4px 0;}
#prescol .clearfloat {border-bottom:1px dotted #b6b6b6;	padding:12px 0;}

/*Assessment cols*/	
#assesscol {padding-left:18px;padding-right:10px;margin-top: -2px;margin-top:10px;float:left;width:260px;line-height:1.6em;}
#assesscol img {float:right;margin:3px 10px 4px 0;}
#assesscol .clearfloat {border-bottom:1px dotted #b6b6b6;padding:12px 0;}
.extracol {	float:right;padding-left:18px;margin-top:30px;width:260px;line-height:1.6em;}
.title {font-weight:bold;line-height:115%;color: #F26901;}
.feature {background:#f2f2f2;padding:15px;border-bottom:1px dotted #b6b6b6;border-top:1px dotted #b6b6b6;}
.feature:hover {background:#e9e9e9;}
.feature p{line-height:1.3em;margin-bottom:1em;}
.feature img, #rightcol img {padding:1px;border:1px solid #000;}
#rightcol p {margin:0;}
/*Useful Links
---------------------------------------------------------------*/

.usefulLinks { margin-top:5px; margin-bottom:5px;}
.usefulLinks li {background:#f2f2f2;padding-top:1px; margin-top:2px; margin-bottom:0;}
.usefulLinks span {display:block;font-weight:bold;color: #F26901;}
.usefulLinks li a {display:block;text-decoration:none;padding: .7em 10px .7em 20px;	color: #545454; background:#f2f2f2;}
.usefulLinks li a:hover {background:#e9e9e9;}

/* Structure */

blockquote {font: 1.2em/1.6em Arial, Verdana, Sans-Serif;background: url(../img/close-quote.gif) no-repeat right bottom;	padding-left: 18px;	padding-right:10px;	text-indent: -18px;	font-weight:bold;color:#f26901;	margin-top: 15px;margin-right: 0;	margin-bottom: 15px;margin-left: 0;}
blockquote:first-letter {background: url(../img/open-quote.gif) no-repeat left top;	padding-left: 18px;	font: italic 1.4em Arial, Verdana, Sans-Serif;color:#f26901;}

#portfolio{width:550px; margin-left:auto; margin-right:auto;}




 /* This is the css for the coda style slider */
.stripViewer .panelContainer .panel ul {text-align: left;	margin: 0 15px 0 30px;  list-style:none;}

/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
.slider-wrap { position: relative;	width: 580px;}
	
/* These 2 lines specify style applied while slider is loading */
.csw {	width: 100%; height: 300px;	background: #fff;	overflow: scroll;}
.csw .loading {	margin: 200px 0 300px 0;text-align: center;}

/* This is the viewing window */
.stripViewer {	position: relative;	overflow: hidden;	border: 1px solid #d0d0d0; 	margin: auto; width: 580px; clear: both;	background-color: #fff;	background-image: url(../img/panelgrad.gif); background-repeat: repeat-x; background-position: left bottom;}
	
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */	
.stripViewer .panelContainer { 	position: relative;	left: 0;top: 0;	width: 100%;list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel { float:left;height: 100%;	position: relative;	width: 580px;}

/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .wrapper { 	padding: 10px;}

/* This is the div to hold your nav (the UL generated at run time) */
.stripNav { margin:auto;}

 /* The auto-generated set of links */	
.stripNav ul {list-style: none;}
 /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
.stripNav ul li {float: left;	margin-right: 0;list-style:none; margin-bottom:-1px;}

/* The nav links */
.stripNav a {	font-weight: bold;	text-align: center;	line-height: 40px;	background: #b5dbfd;color: #000;	text-decoration: none;	display: block; padding-left:5px; padding-right:5px; margin:0;}
.stripNav li.tab1 a {
	background-color: #FFF;
	background-image: url(../img/compass/additional.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;
}
.stripNav li.tab1 a:hover {	background-color: #FFFFFF;
	background-image: url(../img/compass/additional_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}
.stripNav li.tab1 a.current {background-color: #FFFFFF;
	background-image: url(../img/compass/additional_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}
	
.stripNav li.tab2 a {
	background-color: #FFFFFF;
	background-image: url(../img/compass/plugin.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;
}
.stripNav li.tab2 a:hover {	background-color: #FFFFFF;
	background-image: url(../img/compass/plugin_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}
.stripNav li.tab2 a.current {background-color: #FFFFFF;
	background-image: url(../img/compass/plugin_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}

.stripNav li.tab3 a {
	background-color: #FFFFFF;
	background-image: url(../img/compass/deploy.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;
}
.stripNav li.tab3 a:hover {	background-color: #FFFFFF;
	background-image: url(../img/compass/deploy_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}
.stripNav li.tab3 a.current {background-color: #FFFFFF;
	background-image: url(../img/compass/deploy_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:115px;padding:0 5px 0 5px;
	margin:0;}

.stripNav li.tab4 a {
	background-color: #FFFFFF;
	background-image: url(../img/compass/content.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:135px;padding:0 5px 0 5px;
	margin:0;
}
.stripNav li.tab4 a:hover {	background-color: #FFFFFF;
	background-image: url(../img/compass/content_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:135px;padding:0 5px 0 5px;
	margin:0;}
.stripNav li.tab4 a.current {background-color: #FFFFFF;
	background-image: url(../img/compass/content_hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:135px;padding:0 5px 0 5px;
	margin:0;}
/*.stripNav li a:hover {	background: #b5dbfd;}
.stripNav li a.current {color: #000;background-color: #fff;	background-image: url(../img/tabgrad.gif);	background-repeat: repeat-x;
	background-position: left top;}*/
	
/* The left and right arrows */	
.stripNavL, .stripNavR { position: absolute;top: 230px;	text-indent: -9000em;}
.stripNavL a, .stripNavR a {display: none;	height: 40px;	width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}

.imageleft{ float:left; margin-right:10px; margin-bottom:5px;}
.imageright{ float:right; margin-left:10px; margin-bottom:5px;}