@charset "utf-8";

/*
 * Default formatting
 */
 
 html {
    background: url('/asset/images/body-bg.jpg') repeat-x top left #fff;
 }

html body {
    width: 100%;
    margin: 0px 0px;
    background: url('/asset/images/html-bg.jpg') no-repeat top center transparent;
}

body
{
    font: 62.5% Helvetica, Arial, Verdana, sans-serif;
    color: #333333;
    
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1
{
	color:#3c6e8f;
    font-size: 2.4em;
    font-weight: normal;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.3em;
}

h2
{
    font-size: 1.4em;
    font-weight: normal;
	font-style:italic;
	color:#606366;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
}

a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

/*
 * Styling and page layout
 */

#wrapper {
	 width:960px;
	 margin: 0 auto;
	 background: white;
}


#header {
    position: relative;
    height: 206px;
}

    #logo {
        position: absolute;
        font-size: 3.0em;
        color: #fff;
		margin: 20px 0 0 30px;
    }
    
    #searchboxContainer {
        position: relative;
        top:130px;
        width:960px;
        height:86px;
        background: url('/asset/images/swish.png') no-repeat top right;
    }
        #searchbox {
			position:absolute;
            top:45px;
            right:10px;
			width:270px;
			height:30px;
        }
        
        #searchbox input.search {
            width: 180px;
            background: url('/asset/images/search_bg.png') no-repeat top right;
            border: none;
			height:17px;
			margin:0;
			padding:3px 4px 0;
			float:left;
        }
        #searchBtn { 
            border: none;
            color:white;
            text-transform: uppercase;
            font-weight: bold;
            font-size:1em;
            float: right;
            margin-left:10px;
        }
    
    #navigation {
        font-size: 1.2em;
        background: #ddd;
        overflow: hidden;
    }
    
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            float: left;
        }
        
        #navigation ul li a {
            display:block;
            padding: 13px 15px 4px 15px;
            height: 23px;
            color: #000;
            text-decoration: none;
        }
        
        #navigation > ul > li.active a, #navigation > ul > li > a:hover {
            color: #FFF;
            background: #999;
        }
        
		#nav a {
			display:block;
		}
		
		ul#nav li ul { /* second-level lists */
			position: absolute;
			color:#FFFFFF;
			width: 15em;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			padding:5px;
		}
		ul#nav li ul li {
			width:100%;
			margin-left:0;
			font-size:0.9em;
			color:#FFFFFF;
			padding:0;
		}
		ul#nav li ul li a {
			padding: 6px 3px;
			height: auto;
			color: #fff;
		}
		ul#nav li.active ul li a {
			background:none;
			color:#FFFFFF;
		}
		ul#nav li.active ul li.active a {
			color:#FFFFFF;
		}		

		ul#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}

        #page {
            padding:10px;
			clear:left;
        }
        #crumbs {
            height:20px;
            margin-bottom:7px;
            line-height:20px;
            padding-left:10px;
			text-transform:lowercase;
			color:#FFFFFF;
        }
            #crumbs a {
                text-decoration: none;
            }
            #crumbs a:hover {
                text-decoration: underline;
            }        
        #rhs_msg { 
            float:right; 
            font-size: 15px; 
            padding: 12px 12px 0px 0px;
            font-weight: bold;
            color: #333333;
            text-transform:none;
        }
    
    /*
     *  column setup
     */
     
    #col-left {
        width: 153px;
        float: left;
    }
    
    #col-center {
        width: 554px;
        float: left;
        margin:0 20px;
		line-height:1.6em;
		font-size:1.2em;
    }
	#col-center.col-center-large {
		margin:0 0 0 20px;
		width:710px;
	}
    
    #col-right {
        width: 193px;
        float: left;
    }
    
    
    /*
     * Left Col
     */
    #col-left {
        /* background:#D5D8DA url("/asset/images/left-nav-bottom.png") no-repeat bottom; */
        padding-bottom:12px;
    }
    #col-left h3 {
        background:url("/asset/images/left-nav-top.png") no-repeat;
        color: #FFFFFF;
        line-height: 33px;
        padding-left:15px;
        font-size: 1.4em;
    }
    #col-left h3 a { color: white; text-decoration: none; }
    #col-left h3 a:hover { color: white; text-decoration: underline; }
    
		#col-left ul.services {
			list-style-type:none;
			margin:0;
			padding:0;
			background: url("/asset/images/left-nav-bottom.png") no-repeat bottom;
			padding-bottom: 12px;
		}
			#col-left ul.services li {
				background-color: #D5D8DA
			}
			#col-left ul.services li a {
				padding:8px 10px;
				font-size:1.1em;
				display:block;
				border-bottom:1px solid #4D4F52;
			}
			#col-left ul.services a {
				text-decoration:none;
				color:#333333;
			}
	 		#col-left ul.services a:hover {
				text-decoration:underline;
				color:#333333;
			}
			#col-left ul.services ul, #col-left ul.services ul li {
				border:none;
				margin:0;
				padding:0;
				list-style-type:none;
				font-size:1em;
			}
			#col-left ul.services li.active ul {
				border-bottom:1px solid #4D4F52;
			}
			#col-left ul.services li.active a {
				color:#FFFFFF;
			}
			#col-left ul.services li.active ul li a {
				color:#333333;
				border:none;
			}
			#col-left ul.services ul li {
				background:#D5D8DA url(/asset/images/arrow-grey.gif) no-repeat 10px 10px;
				padding:3px 0 3px 12px;
			}
			#col-left ul.services ul li a {
				padding:3px 8px;
				color:#333333;
			}
			
			#col-left h3 { margin-top: 5px; }
			#col-left h3.first { margin-top: 0px; }
    /*
     * Right Col
     */
    #col-right h3 {
        background:url("/asset/images/right-nav-grey.png") no-repeat;
        color: #FFFFFF;
        padding-left:15px;
        font-size: 1.6em;
    }
    #col-right h3 a {
        color: #FFFFFF;
		text-decoration:none;
    }
    #col-right div.panel {
        background: #D5D8DA url("/asset/images/right-nav-bottom.png") bottom no-repeat ;
        padding:10px 14px 13px 14px;
        font-size: 1.1em;
        margin-bottom:10px;
    }
    #col-right div.panel p { margin-top:0; padding-top:0; }
        #col-right div.panel a { color:#333333; font-weight:bold; text-decoration:none;}     
        #col-right div.panel a:hover { text-decoration:underline; }
        
    #col-right a.statement {
        text-decoration: none;
        font-size: 1.6em;
        color: white;
        display: block;
        height: 46px;
        /*font-weight: bold;*/
        padding:8px 40px 0 10px;
        margin-bottom:10px;
    }
    #col-right a.clients-say {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.6em;
        color: white;
        display: block;
        height: 40px;
        line-height: 40px;
        /*font-weight: bold;*/
        padding:1px 40px 0 10px;
    }
    #col-right a.book-online {
        text-decoration: none;
        font-size: 1.5em;
        color: white;
        display: block;
        height: 44px;
        /*font-weight: bold;*/
        padding:10px 40px 0 10px;
        margin-bottom:10px;
    }
		.book-online #book-small {
			font-size:0.8em;
		}
    #col-right a.more-info {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.3em;
        color: white;
        display: block;
        height: 41px;
        /*font-weight: bold;*/
        padding:9px 40px 0 10px;
		vertical-align:middle;
    }
    #social { margin-top:15px; font-size:12px; }
		#social span,
		#social a { float:left; }
		#social span { margin: 7px 10px 0 20px; }
		#social a {
			display:block;
			width:24px;
			height:25px;
			margin-right:5px;
			text-indent:-9999em;
			background:url(/asset/images/social.png) 0 0 no-repeat;
		}
		#social .facebook { }
		#social .linkedin { background-position:-25px 0; }
		#social .twitter { background-position:-50px 0; }
    
#footer {
    width: 960px;
    height: 78px;
    margin: 0px auto;
    background: url('/asset/images/footer.png') no-repeat bottom;
    
}
	#centered-nav {
		text-align:center;
		padding-top:20px;
		height:58px;
		background: url('/asset/images/footer_icon.gif') no-repeat 10px center;
	}
	#copyright {
		color:#DDDDDD;
		font-size:0.9em;
	}
	#footer-nav {
		padding-bottom:15px;
	}
		#footer-nav ul {
			text-align:center;
		}
		#footer-nav ul, #footer-nav ul li {
			padding: 0px;
			margin: 0px;
			list-style: none;
			overflow: hidden;
			position:relative;
			z-index:20;
		}
		#footer-nav ul #first, #footer-nav ul li:first-child {
			border-left:none;
		}
		#footer-nav ul li#first {
			border-left:none;
		}
		#footer-nav ul li {
			display: inline;
			line-height: 11px;
			height: 11px;
			text-align:center;
			border-left: 1px solid #ddd;
			margin: 7px 1px 0 -1px;
			padding:0 8px;
		}
		
		#footer-nav ul li a {
			display: inline;
			padding: 0px;
			margin: 0px;
			color: #FFFFFF;
			text-decoration: none;
	        color: #ddd;
            text-decoration: none;
		}
		
		#footer-nav ul li a:hover {
			text-decoration: underline;
			color:#f0f0f0;
		}
		#footer-nav .selected {
			color:#D4E37D;
		}
		#footer-nav a#login {
			color:#66CC33;
		}
		#footer-nav a#login:hover {
			color:#86D760;
		}
	#centered-nav a {
		color:#66CCFF;
	}
	
/*
 * News
 */
.news-text {
	padding-bottom:5px;
}
.news-link {
	padding-bottom:20px;
}
/*
 * Clients Say
 */
#col-center #sections .testimonial {
	border-top:1px solid #CCCCCC;
	padding:20px 0;
}
#col-center #sections .testimonial.first {
	margin-top:0px;
	border:0;
}
#col-center #sections p {
	margin:0;
	padding:0;
}
.client-name {
	font-style:italic;
	font-weight:bold;
}

/*
 * Sitemap
 */
#col-center #mainNavigation li {
	list-style-type:none;
	font-size:14px;
}
#col-center #mainNavigation li li {
	list-style-type:disc;
	font-size:10px;
}
#col-center #mainNavigation a {
	background:none;
	padding:0;
}
/*
 * Search
 */
#col-center ul.search {
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
#col-center ul.search p {
	padding:0 0 10px 0;
}

#col-center .keyword {
	font-weight:bold;
}
#col-center .paginationControl a {
	background:none;
	padding:0;
}

/*
 * Tooltips
 */
#col-center a.tip {
	display:block;
	background:none;
	padding:none;
}

/*
 * Content Styling
 */
#col-center a:hover {
	color:#3c6e8f;
	text-decoration:none;
}
#col-center a {
	color:#3c6e8f;
	background:url(/asset/images/bullet_go.png) no-repeat right center;
	padding-right:16px;
}
#col-center td p {
	padding:0;
	margin:0;
}
#col-center .get-in-touch {
	padding:5px;
	background:#E8F0DD;
	color:#8DB556;
}
#col-center .get-in-touch h3 {
	color:#8DB556;
	padding-top:0;
}
#col-center a.noarrow {
	background:none;
	padding-right:0;
	text-decoration:none;
}

#searchbox #student-submit-button {
    /*background-repeat: no-repeat;*/
    background-position: top left;
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    float: right;
    text-transform: capitalize;
}

/* Generic Alerts */
.info, .success, .warning, .error, .validation, #added-text {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/asset/images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/asset/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/asset/images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/asset/images/error.png');
}



#login-form #login-label,
#login-form #login-label,
#login-form #isLogin-label,
#login-form #path-label,
#login-form #path-element {
    display: none;	
}
#login-form #remember-element, #login-form #remember-label { float: left; margin-right: 15px; }
#loginLinks { clear: both; }

#request-password #submit {
    background: url("/assets/clients/images/form/button_grey_bg.jpg") repeat-x scroll 0 100% #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    font: bold 12px arial,helvetica,sans-serif;
    margin: 2px 0 2px 4px;
    overflow: visible;
    padding: 1px 8px;
    text-transform: capitalize;
    white-space: nowrap;
    width: auto;
}

/*
 * JAS-ANZ Block
 */
 
div#jasblock {
    width: 173px;
    height: 103px;
    background-image: url(/asset/images/jas-anz-bg.gif);
    background-repeat: no-repeat;
    padding: 10px;
    margin-top: 10px;
    font-size: 1.1em;
    line-height: 11px;
    color: #333333;
}

div#jasblock div.regno {
    float: right;
    margin-right: 12px;
    text-align: center;
    margin-top: 21px;
}

div#jasblock div.text {
	margin-top: 2px;
    text-align: center;
}

div#jasblock div.text a {
    color: #033E84;
}

/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
