/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}

address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}

/*================================================================



	BLIS WEB AGENCY "TEMPLATE" STYLESHEET



	The purpose of stylesheet is position the "container"

	to the height and width you want it on the screen



	FORMAT: LONG CENTRE



	RULES:

	1. No TEXT FORMATING

	2. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)

	3. AVOID HACKS

	4. NO IMAGES



================================================================*/





/* EVERYTHING

----------------------------------------------------------------*/



	* {

		margin: 0;

		padding: 0;

	}



/* BODY

----------------------------------------------------------------*/



	body

	{

		margin: 0 auto;

		width: 100%;

		text-align: center;

	}





/* WEBPAGE

----------------------------------------------------------------*/

	.webpage

	{

		margin: 0px auto;

		width: 960px;

	}



/* NAVIGATION

----------------------------------------------------------------*/



    .navigation

    {

        margin-left: -220px;

        width: 750px;

        height: 1px;

        top: 100px;

        text-align: left;

        z-index: 100;

        position:absolute;

        left:50%;

    }





/* FOOTER

----------------------------------------------------------------*/



    #footer

    {

        margin-left: -450px;

        padding: 0px;

        width: 940px;

        position:absolute;

        left:50%;

    }



/*================================================================
    BLIS WEB AGENCY "CORE" SCREEN STYLESHEET
================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/

html{
    height: 100%;
    margin-bottom: 1px;
    }

html, body{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ffffff;
    font-size: 1em;
    }

h1{
    color: #3BA4D3;
    font-size: 180%;
    font-weight: normal;
    margin-bottom: 12px;
    }

h2{
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 15px;
    }

h3{
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 12px;
    }

h4{
    font-size: 70%;
    font-family: tahoma, Arial, "Trebuchet MS", Verdana;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 2px;
    color: #FF9900;
    }

h5{
    font-size: 70%;
    font-family: tahoma, Arial, "Trebuchet MS", Verdana;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 2px;
    color: #0069B1;
    }

h6{
    font-size: 70%;
    font-family: tahoma, Arial, "Trebuchet MS", Verdana;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 15px;
    color: #0069B1;
    background: url(../../images/bullet.png) no-repeat 0 2px;
    padding-left: 16px;
    }

p, li, td{
    color: black;
    margin-bottom: 12px;
    font-size: 75%;
    line-height: 1.6em;
    }

li{
    margin-left: 20px;
    line-height: 14px;
    margin-bottom: 2px;
    }

ul{
    margin-bottom: 10px;
    }

a{
    outline: none;
    }

a:link, a:visited{
    color: #3BA4D3;
    text-decoration: none;
    }

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

/* TABLES

----------------------------------------------------------------*/

table{
    clear: both;
    border-collapse: collapse;
    text-align: left;
    }

td{
    padding: 2px 3px;
    font-size: small;
    }

td li, td p{
    font-size: 100%;
    }

/* HEADER CONTENT

----------------------------------------------------------------*/

#webpage{
    background: white;
    }

#content_frame{
    background: white url(/images/logo.png) no-repeat scroll 20px 20px;
    padding-top: 140px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    text-align: left;
    width: 940px;
    display: block;
    }

#textContent{
    background: white url(/images/content_bkgr.png) no-repeat scroll center bottom;
    padding-top: 0px;
    text-align: left;
    width: 940px;
    display: block;
    }
#id_enrol #textContent{
    background: url(/images/content_bkgr_blank.png) no-repeat scroll center bottom;
}    

.topPageGraphic{
    background-image: url(../../images/banner.png);
    height: 162px;
    width: 940px;
    background-repeat: no-repeat;
    background-position: center;
    }

.topPageGraphic h1{
    display: none;
    }
#learningportal
{
	float: left;
	width: 615px;
	height: 213px;
	margin: 0 0 25px -3px;
}
#portaltext
{
	position: absolute;
	margin-left: 453px;
	margin-top: 147px;
}
#portaltext P
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: #fff;
	font-size: 110%;
	line-height: 1.3;
}
#portaltext A
{
	color: #fff;
	text-decoration: none;
}
#portaltext A:HOVER
{
	color: #FF9900;
	text-decoration: none;
}
/* SIDEBAR CONTENT

----------------------------------------------------------------*/

#content_left{
    width: 600px;
    float: left;
    margin-left: 0px;
    padding-left: 20px;
    border-left: solid 1px #efefef;
    margin-bottom: 5px;
    }

#col_right{
    width: 256px;
    border-left: 1px solid #efefef;
    float: right;
    padding-left: 10px;
    border-right: solid 1px #efefef;
    padding-top: 25px;
    }

/* FOOTER CONTENT

----------------------------------------------------------------*/

#footer{
    font-size: 70%;
    }

.footertext{
    float: left;
    }

.blisid{
    margin-left: 580px;
    }

/* PAGE TOOLS

----------------------------------------------------------------*/

.hide, .printonly{
    display: none;
    }

.noscript{
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    }

.noscript span{
    border: 1px solid #A71A1A;
    font-size: 10px;
    color: #A71A1A;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    width: 700px;
    background: white;
    display: block;
    font-family: verdana, sans-serif;
    }

.clear{
    clear: both;
    }

.img_box{
    width: 120px;
    float: left;
    }

.img_box img{
    border: solid 1px #ccc;
    }

#id_index .img_box img{
    border: none;
    }

.text_box{
    width: 470px;
    float: left;
    }

.more{
    font-size: 11px;
    font-family: tahoma, Arial, "Trebuchet MS", Verdana;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 12px;
    padding-bottom: 2px;
    color: #0069B1;

    background-image:;

    background: url(../../images/bullet.png) no-repeat left center;
    padding-left: 16px;
    }

.divider{
    border-bottom: solid 1px #efefef;
    width: 95%;
    margin-bottom: 10px;
    }

#id_enrol p{
    font-size: 75%;
    }

.printOnly{
    display: none;
    }

.feature a{
    color: #FFFFFF;
    }


/*================================================================
	BLIS WEB AGENCY "WIDGET" STYLESHEET
================================================================*/



/* AUTO FORM
----------------------------------------------------------------*/

.formlabel

{	font-size:75%;
	float:left;
	width:120px;
	}

.formfield
{	font-size:75%;
	float:left;
}



/* NAVIGATION
----------------------------------------------------------------*/   
    .navigation dl
    {
        float:right;
        width: 750px;
        margin: 0 auto;
        padding-top: 8px;
        height: 1px;
        display: block;		    
    }

    .navigation dd
    { float: left; 
    margin: 0; 
    width:115px; 
    background: url(/images/nav.png) no-repeat; 
    height: 30px; 
    padding-top: 7px; 
    padding-bottom: 0; 
    margin-left: 1px;   }
   
    .navigation a,
    .navigation a:link,
    .navigation a:hover,
    .navigation a:visited
    {
    cursor: pointer;
		margin-left:25px;
		margin-top:5px;
    }

    .navigation .selected

    { text-decoration: none; 		 }

    .navigation em
    {
        display: none;
    }


/* POSITION ITEM
---------------------------------------------------------------*/
    .positioneddiv
    {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        display: block;
        visibility: hidden;             
    }   

    .positioneddiv .posblock1
    {
        margin: 0 auto;
        padding: 0;
        width: 960px;
        height: 1px;
        display: block;
        visibility: hidden;
    }

    .positioneddiv .posblock1 .posblock2
    {
        display: block;
        visibility: visible;         
    }

/* SIFR
----------------------------------------------------------------*/
.sIFR-flash{
    visibility: visible !important;
    margin: 0;
    }



.sIFR-replaced{
    visibility: visible !important;
    }

h3.sIFR-replaced{ height: 20px; }
h1.sIFR-replaced{ height: 28px;margin-top:16px; }

span.sIFR-alternate{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    }



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab = true]{
    display: none !important;
    }


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1{
    visibility: hidden;
    }



.sIFR-hasFlash h5 #pullquote{
    letter-spacing: -4px;
    visibility: hidden;
    font-size: 24px;
    }


/* STRETCH TOOL
----------------------------------------------------------------*/

    .stretch {
        cursor: pointer;
    }

    
    .stretch img {
        margin-right: 4px;
    }



/* TOOLTIPS
----------------------------------------------------------------*/

.tool-tip{
    width: 200px;
    color: #000;
    text-align: center;
    z-index: 999;
    }

.tool-title{
    color: #000;
    font-family: tahoma, verdana, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    text-shadow: 2px 2px 1px #222;
    margin: 0;
    padding: 13px 10px 5px;
    background: url(/images/stock/balloon.png) top left no-repeat !important;
    background: url(/images/stock/balloon.gif) top left no-repeat;
    font-size: 11px;
    }

.tool-text{
    margin: 0;
    padding: 0 10px 15px;
    text-shadow: 2px 2px 1px #222;
    background: url(/images/stock/balloon.png) bottom left no-repeat !important;
    background: url(/images/stock/balloon.gif) bottom left no-repeat;
    font-size: 10px;
    color: black;
    font-size: 11px;
    font-family: verdana, sans-serif;
    }