@charset "utf-8";
/* CSS Document */



html, body{
height:100%;
min-height:100%;
}

body{
font-family: verdana;
margin:auto 0;
font-size: 16px;
}

div.container{
width:810px;
min-height:600px;
overflow:auto;
text-align:left;
background-color:#ffffff;
padding: 5px;
border-left:5px solid #453852;
border-right:5px solid #453852;
border-bottom:5px solid #453852;
border-top:5px solid #453852;
}

div.spacer{
height:10px;
}

h1 {
font-size: 26px;
line-height: 1em;
font-family: helvetica, arial, sans-serif;
color: #000;
text-align: right;
padding-left: 5px;
padding-right: 5px;
width: 800px; /* (padding-left) + (padding-right) + width needs to equal 810px (width of image) */
padding-top: 5px;
padding-bottom: 5px;
height: 136px; /* (padding-top) + (padding-bottom) + height needs to equal 310px (height of image) */
margin: 0;
display: block;
background-image: url('../images/top.jpg');
background-repeat: no-repeat;
}
#add { 
visibility: visible; 
position: absolute;
top:110px;
left:700px; 
width:300px; 
height:50px;
font-family:helvetica, arial, sans-serif;
font-size:12px;
font-weight:bold;
color: white; 
}
#add.a:link {

text-decoration:none;} 


h2{
color:#000;
font-size: 18px;
padding:2px;
/*margin: 1em 0 0.5em 0;*/
}

h3{
color:#453852;
font-size:small;
}

h4 {
color:#000;
font-size: 15px;
font-weight: bold:
margin-top: 0.1em;
margin-bottom: 0.1em;
}

p, ol, ul {
font-size: 15px;
margin-top: 0.2em;
}

p.small{
font-size:small;
}


p.rightsmall{
text-align:right;
font-size:small;
}

.column {
float: left;
}

#one {
margin-right: 2%;
width: 61.5%;
}

#two {
width: 35%;
}

a {
text-decoration:none;

}

div.imgcent{
align: centre;
}
/* Navigation  */


#navigation {
	float: left;
	width: 150px;
	\width: 150px;
	w\idth: 150px;
        max-width: 150px;
overflow: hidden;
	margin-left: -15px;
	margin-right: 8px;
        padding: 20px 15px 5px 0px;
         height: auto;
	background-color: transparent;
	font-size: 90%;}
	
	/* Unordered lists */
.navy ul {
    list-style-type: none;
    list-style-image: none;  /*needed by IE and Firefox, I think
    margin: 0;
    overflow: hidden;   /* Required by IE6/IE7 otherwise width-issues on branchX aplenty */
    padding: 0;
    }

/* List items */
/* Border-top to avoid duplication issues with nested lists if using border-bottom */
.navy li {
    border-top: 1px solid #e0e0e0;
    color: #000;
    display: block;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    width: 150px;
    
    }
    
/*#nav-planning li { */
.navy li ul {

	border-top: 1px solid #e0e0e0;
    color: #000;
    display: block;
    padding-bottom: 4em:
    margin-left: 6px;
    overflow: hidden;
    text-decoration: none;
    width: 150px;
    font-size: small;
    /*text-indent:10px;*/
    }
.navy li ul li{
	line-height: 1.2;
	
	
	}
    
/*#nav li ul{
	display:none;
	
}*/
/* Lists */
/* For the most part 2px L/R padding on linked items */



.navy a,
.navy ul a{
    color: #000;
    display: block;
    padding: 0 2px;
    text-decoration: none;
    width: 146px;
    
    }
    /* IE interprets width wrongly: requires 180px; */
    * html #navlinks a {width: 150px;}

/* Hover effect on links */
.navy a:hover,
.navy a:active {
    background-color: #666699; 
    color: #fff;
    }
    
    /* set dropdown to default */
/*li:hover li a, li.over li a {
    color: #777;
   background-color: #fff;
}*/

/*li ul li a { } /* Sub Menu Styles */
/*.sub li:hover ul, li.over ul { 	
	display:block;
	text-indent:10px;
	}*/ /* The magic */
/*#00529b -old colour*/
	
/*#navlinks ul {
list-style-image: url("../images/arrow_sml.gif")
 }
#navlinks ul ul {
list-style-image: none;)
 }

div#navlinks ul  {margin-left: 28px;}
div#navlinks ul ul {margin-left: 0px; list-style-type: none; border-bottom: 1px solid #dde; padding: 5px 3px 3px; margin-bottom: 5px; }
div#navlinks ul ul li {border-top: 1px solid #dde; }
div#navlinks ul ul li a{ background: inherit none; }*/



/*Horizontal navigation*/
#navmain {
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 645px;
    background-color: #6495ED;
    margin-bottom: 15px;
    }

/* LIST Main navigation */
#navmain ul {
    list-style-type: none;
    margin: 0;
    
    }

/* LIST Ensure list is horizontal */
#navmain li a{
    display: inline;
    float: right;
    font-size: small;
    
    }
 .pagetitle {
 	float: left;
 	font-size: x-large;
 	font-weight: bold;
 	background-color:#6495ED;
 	/*background-color: #6495ED;*/
 	color: #000;
 	display: block;
 	}

/* LINK Look and feel of main navigation */
#navmain a:link, #navmain a:visited {
    background-color: #00529b;
	color: #fff;
	display: block;
	font-weight: normal;
    padding: 0 0.8em;
	text-decoration: none;
	}



/* main content area */
#content {
        padding: 1px;
        padding-left: 10px;
		padding-right: 10px;
	margin-left: 155px;
	background-color: white;
	
	}

p {
font-size: 10px:
}

div.next{
min-height:115px;
background-color:#ffffff;
border:solid 2px #453852;
}

div.downloads{
min-height:112px;
border:solid 2px #453852;
background-color:#ffffff;
}


/* bottom area */

div.bottom{
width:810px;
}
div.bottom p{
font-size:x-small;
text-align:right;
color:#453852;
}
div.bottom a:link,div.bottom a:visited,div.bottom a:hover,div.bottom a:active{
	color:#453852;
	text-decoration:none;
	font-weight:bold;
	}


/* Tables */

table.topalign td {
vertical-align:text-top;
}




table.edittable td{
vertical-align:top;
border:1px solid #453852;
padding:5px;
}
table.edittable{
border:1px solid #453852;
padding:0;
border-spacing:0;
}
table.displaytable{
width:100%;
padding:0;
border-spacing:0;
font-size: 90%;
}
table.displaytable td{
border:1px solid #453852;
border-width: 0 0 1px 0;
padding: 0.25em 0.5em 0.25em 0.5em;
}
table.displaytable th{
text-align: left;
padding: 0 1em 0 0;
border-bottom: 2px solid #000;
}

div.center table{
width:50%;
text-align:center;
/*border:1px solid #000000;*/
padding:0px;
border-spacing:20px;
}
div.center td{
/*border:1px solid #000000;*/
}

ol li {
padding-bottom: 0.5em;
}

dl.list dt {
float:left;
width: 200px;
font-size: 14px;

}

dl.list dd {
margin-left: 200px;
padding-bottom: 1em;
font-size: 14px;
}

a.filetype-pdf {
background: 0 50% no-repeat url(images/pdf.gif);
padding-left: 20px;
}

.clearfloat {
clear:left;
}

.small-note {
font-weight: normal;
font-size: xx-small;
}

#add { visibility: visible; position: absolute;top:110px;left:700px; width:300px; height:50px;
font-family:helvetica, arial, sans-serif;font-size:12px;font-weight:bold;
}
#add.a:link {color: #FFFFFF; text-decoration:none;} 



/*div.navigation{
margin-top: 0;
padding-top: 0;
text-align: center;
padding: 0 auto;
}
*/

#sddm {
margin-left: -1px;
}