/* mac hide \*/
html, body {
    height : 100%;
  }
/* end hide*/

body {
    padding:0;
        margin:0;
    background : #52A5F2;
    font : normal 13px Verdana;
  }

#outer {
    min-height:100%;
    margin-left:120px;
    margin-bottom:-52px;
  }


* html #outer {
    height:100%;
    margin-left:117px;
  }

#header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:70px;
    overflow:hidden;

  }


#left {
    position:relative;
    width:120px;
    float:left;
    margin-left:-119px;
    padding-top:72px;
    left:-1px/;
    text-align : center;

  }


* html #left {
    margin-right:-3px;

  }



#footer {
    width:100%;
    clear:both;
    height:50px;
    text-align:center;
    position:relative;
  }


* html #footer {
    /*only ie gets this style*/\height:52px;
    /* for ie5 */he\ight:50px;
    /* for ie6 */;
  }


#clearheader {
    height:72px;
  }

#clearfooter {
    clear:both;
    height:40px;
  }

div,p {
    margin-top:0;
  }

#content {
    margin-top:12px;
    margin-bottom:12px;
    margin-left:56px;
    margin-right:12px;
    text-align:center;
  }
#contentwraper {

  }
.leftnavbutton {
    display:block;
    cursor: pointer;
  }


.leftnavbutton * {
    display:block;
    height:1px;
    font-size:.01em;
    overflow:hidden;
    background:#FFFFFF;
  }


.leftnavbutton1 {
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
    background:#d3e8fb;
  }


.leftnavbutton2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #63aef3;
    border-right:1px solid #63aef3;
    background:#deedfc;
  }


.leftnavbutton3 {
    margin : 0 1px;
    left-color : #deedfc;
    left-style : solid;
    left-width : 1px;
    right-color : #deedfc;
    right-style : solid;
    right-width : 1px;
  }


.leftnavbutton4 {
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
  }


.leftnavbutton5 {
    border-left:1px solid #d3e8fb;
    border-right:1px solid #d3e8fb;
  }

.leftnavbuttoncontents {
    background : #FFFFFF;
    font : bold 18px Verdana;
    height : 22px;
    text-align : center;
    vertical-align : middle;
    cursor: pointer;
  }


.leftnavlink {
    color : #000000;
    text-decoration : none;
  }
.headerbutton {
    display:block;
    cursor: pointer;
  }


.headerbutton * {
    display:block;
    height:1px;
    font-size:.01em;
    overflow:hidden;
    background:#FFFFFF;
  }


.headerbutton1 {
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
    background:#d3e8fb;
  }


.headerbutton2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #63aef3;
    border-right:1px solid #63aef3;
    background:#deedfc;
  }


.headerbutton3 {
    margin : 0 1px;
    left-color : #deedfc;
    left-style : solid;
    left-width : 1px;
    right-color : #deedfc;
    right-style : solid;
    right-width : 1px;;
  }
                .indent{
                margin-left: 2em;
                }

.headerbutton4 {
    border-left:1px solid #9ccbf7;
    border-right:1px solid #9ccbf7;
	}


.headerbutton5 {
    border-left:1px solid #d3e8fb;
    border-right:1px solid #d3e8fb;
	}
#headercontent{
    width: 100%;
    background:#ffffff;
    height: 57px;
}

#contentcontents{
    width: 100%;
    background:#ffffff;
}
#headerwraper{
    padding-left:3px;
    padding-top:3px;
}
#footerwraper{
    padding-left:3px;
    padding-top:3px;
}

#leftwraper{
    padding-left:3px;
}
#logo {
    position:absolute;
    top:3px;
    bottom:0;
    margin:auto;
    left : 6px;
  }

.pageheadertext{
    font-size : 28px;
    font-style : normal;
    text-align: center;
    margin-bottom: 14px;
    }
.subheading{
    font-size : 18px;
    font-style : normal;
    }
.linkheading {
    font-family : sans-serif;
    font-size : 18px;
    font-style : normal;
    font-weight : bold;
    text-align: center;
  }
.pagetable {
	border-collapse: collapse;
}
.pagetablecell1 {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #c3c3c3;
}
.pagetablecell2 {
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #c3c3c3;
}
.pagetablecell3 {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #c3c3c3;
}
.bold{
    font-weight : bold;

}
.table_heading{
	color:#2200FF;
	font-size: 1.5em;
}

                .indent{
                margin-left: 2em;
                }
		
		
		fieldset {
	margin-bottom:15px;
	padding: 11px 11px 15px 11px;
	border: 1px solid #adc2e9;
}
legend {
	margin: 0;
	padding-left: 3px;
padding-right: 6px;
	background: #fff;
	font: bold 17px verdana, sans-serif;
	color: #3757a0;
}

.pageheading{
padding:5px;
	font: bold 3em verdana, sans-serif;
}

/* ============= Alignment ============= */
.centre{
	margin-left: auto;
	margin-right: auto;
        text-align: center;

}
.right{
        text-align: right;
}
.left{
        text-align: left;
}
/* ============= Size ============= */

.w_border {
	border:1px solid #eee;
	margin:1em;
}
.tiny{
	width:9em;
}
.small{
	width:25em;
}
.medium{
	width:45em; 
}
.medium_sub{
	width:44.5em;
}
.medium_height{
	height:15em; 
}
.large{
	width:90%; 
}
.half_width{
	width:50%; 
}
.full_width{
	width:100%; 
}
.half_sub{
	width:48%; 
}