ul
{
	vertical-align: bottom;		
}

ul li a
{
	list-style-image: url(/images/bullet-green.gif);
}

ul.blue
{
	margin-left: 15px;
	padding-left: 0px;
	text-align: left;
	font-weight: lighter;
}

ul.blue li
{
	list-style-image: url(/images/bullet-list.gif);	
	padding-top: 3px;
	padding-bottom: 3px;	
}

ul.blue li a
{
	list-style-image: url(/images/bullet-list.gif);	
	color: #124475;
	text-decoration: none;
}

ul.blue li a:hover
{
	color: #124475;
	text-decoration: underline;
}

ul.green li
{
	list-style: none url(/images/bullet-green.gif) outside;	
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.green li a
{
	color: #3A7A3C;
	text-decoration: none;
}

ul.green li a:hover
{
	color: #3A7A3C;
	text-decoration: underline;	
}

#breadcrumb { padding-top: 0.5em; /* margin-left:0.5%; changed to 0 */margin-left: 0.1em; text-align: left; float: none; margin:0 !important;padding:0; position:static;}
.breadcrumb { color: #000B4B; font-weight: bolder; }
a.breadcrumb { color: #666666; font-weight: lighter; }

div.clearer {clear:both; height: 1px; overflow:hidden;}

.inactivemenuitem
{
	background-color:#CADEF4;	
	float: left;
	height: 4.75em;
	text-align: center;	
	width: 15%;
}

.activemenuitem
{
	background-color:#124475;	
	float: left;
	height: 4.75em;
	text-align: center;	
	width: 15%;
}

.linkContainer a
{
	color: #3A7A3C;
}

.linkContainer li
{
	list-style-image: url(/images/bullet-green.gif);
}

#hometext
{
/*	position: relative; 
	top:60px;*/
	margin-top: 60px;
	margin-left: 3%;
	color: #954136; 
	width: 50%; 
	float: left;
	text-align: left;
/*	border: 1px solid #f00; */
}

#homecontainer
{
	float: left;
	width: 100%;
	
	/* background: url(/images/home-top-bg.gif);*/	
	/* border: 1px solid #f4ec87; */
	
}

#hometoolkit
{
	float: right;
	background: none;
	width: 193px;
	height: 217px;
}

#hometoolkittext
{
	position: relative;
	top: 80px;	
	left: 0px;		
	text-align: center;
	z-index: 101;
	color: #3A7A3C;
}

#toolkittextlarge
{	
	font-size: 22px;
	text-align: center;
}

#toolkittextsmall
{
	font-size: 18px;
	text-align: center;
}

#hometop
{
	float: left;
	width: 100%;
	height: 100%;
/*	border: 1px solid #000;	 */
	background: none;
}

#homebottom
{
	float: left;
	background-color:#8AC4EA;	
	width:100%;
	padding-bottom: 2%;
}

.homebottomcolumn
{
	float: left;
	/*margin-top:2%;*/
	margin-top: 10px;
	margin-left: 2%;
	width: 21%;
	height: 17em;
	background-repeat: no-repeat;
	padding-bottom: 15px;
	text-align: left;
	/*padding-bottom: 45px;*/
}

/* new style 23/01/06 */
.homebottomcolumn p {
/*	border: 1px solid #f00;*/
	margin-top: 0;
	padding-left: 15px;
	background: url(/images/bullet-list.gif) -1px 3px no-repeat transparent;
}

html>body .homebottomcolumn p {
	background-position: -2px 3px;
}

/* New style 20/01/06 */
#soldierlist li
{
	padding-right: 30px;
}

.spacer
{
	width: 100%;
}

.whiteseparator
{
	float:left;
	width:1px;
	margin-top:10px;
	margin-left:4px;
	margin-right:4px;
}

/* new rule - 20/01/06 - 
stretches a 1px image to be 200px high */
.whiteseparator img 
{
	height: 200px;
}

.homefactsheet
{
	float: left;
	width:100%;
	padding-bottom: 5px;
	text-align: left;
	margin-top: 5px;
}

.factsheet
{
	border-top: solid 1px #ccc;
	width: 200px;
	padding-top: 6px;
	padding-bottom: 6px;	
}

/* new style rule 20/01/06 */
.factsheet img 
{
	margin-bottom: -7px;	
/*	border: 1px solid #f00;*/
}

.factsheet a
{
/*	margin-bottom: -5px;	*/
/*	border: 1px solid #0f0;*/
	background-image: none;
}

.factsheetcolumn
{
	float: left;
	margin-right: 10px;	
}

.factsheetimage
{	
	top: 15px;		
}


/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */

.infoBox 
{
   margin: 0px;
   padding: 0px;
   padding-top: 5px;   
}
.contentWrapper 
{
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    width: 180px;
    float: right;   
    display: none; 
}

#leftmenudiv
{
	float: none;
	display: none;	
}

#footerlinks
{
	float:none;
/*	display: block;*/
/*	display: none;*/
}

.inactivemenuitem
{
	display: none;	
}

.activemenuitem
{
	display: none;	
}

#topmenudiv, #topmenucontrol
{
	height: 0px;	display: none;
}

#quickmenudiv
{
	float: none;
}

#quicksearchdiv, #quickbar
{
	display: none;	
}


#hometoolkit
{
	background-image: none;
	background-color: #fff;
}

#homebottom
{
	float: left;
	background-color:#fff;	
	width:100%;
	padding-bottom: 2%;
}

.infoboxwrapper 
{
	background: url(/images/bg_infoboxbottom.gif) bottom left no-repeat transparent;
	padding-bottom: 15px;
	width: 80%;
}

.infoboxtopcentre
{
	float: left;
	background-color: #124475;	
	padding: 0px;
}

.infoboxtitle
{
	background: url(/images/bg_infobox.gif) top left no-repeat;
	color: #fff;
	font-weight: bolder;	
	text-align: left;
	width: 180px;
	padding:0;
	background-color: #124475;
}

.infobox .fullwidth 
{
	width: 178px;
	border-left: 1px solid #124475;	
	border-right: 1px solid #124475;
}

* html .infobox .fullwidth 
{
	width: 180px;
}

.infoboxtitle p 
{

	padding: 8px 0 8px 10px;
	color: #fff;
	font-weight: bolder;	
	text-align: left;
	
}

.infoboxtext
{	
	text-align: left;
	padding: 0px 0px 0px 0px;	
	margin:0;
}

.infoboxtext p 
{
	font-size:0.9em;	
	padding-left:8px;
	margin-bottom: 0;
}

.infoboxtext img 
{
	margin-right: 0.5em;
	}

.infoboxtext hr.blue 
{
	color: #124475;	
}

.infoboxbottom 
{
	border-left: 1px solid #124475;	
	border-right: 1px solid #124475;	
	padding-left: 10px;
	padding-right: 3px;
}

.infoboxbottom a 
{
	font-size: 0.9em;	
}

.infoboxbottomcentre
{
	float: left;
	width: 167px;
	padding: 0px;
	border-bottom: solid 1px #124475;
}

.roundedCornerSpacer 
{
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}


.borderTL, .borderBL { float: left; clear: both;}
.borderTR, .borderBR { float: right; clear: right;}

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -4px;
}
html>body .borderTL {
    margin-left: 0px;
}
.borderTR {
    margin-right: -1px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: 0px;
}

.borderTR {
    margin-left: 2px;
    ma\rgin-left: 2px;
}
html>body .borderTR {
    margin-left: 0px;
}


.borderBL {
    margin-left: -3px;
    ma\rgin-left: -3px;
    margin-top: -13px;
    ma\rgin-top: -13px;
}
html>body .borderBL {
    margin-left: 0px;
    margin-top: -13px;
}
.borderBR {
    margin-right: 1px;
    ma\rgin-right: 1px;
    margin-top: -12px;
    ma\rgin-top: -12px
}
html>body .borderBR {
    margin-right: 0px;
    margin-top: -13px;
}



#DefaultMode_pageheader_PageNameContainer
{
	border-bottom: none; 	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#DefaultMode_pageheader_PageNameContainer td
{
	border-bottom: none; 		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* new style 20/01/06 */
.hidden {visibility: hidden;}



.sectionheading
{	
	position: relative;
	background-color: #CC3332;	
	color: #fff;	
	font-weight: bolder;
	height: 2em;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-left: 0.5em;			
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	float: left;
	width: 100%;
	border: solid 1px;
}

.indentedrow
{
	position: relative;
	float: left;
	width: 100%;
	margin-left: 10px;		
}

*html .indentedrow
{
	margin-left: 5px;
}

.fieldcontainer
{
	margin-top: 1em;
	margin-bottom: 1em;	
	width: 100%;
	float: left;
	vertical-align: top;
}

label 
{ 
	font-weight: bolder;
	vertical-align: top;
	float: none;		
}

label.inline
{
	
}

.label
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 30%;
	vertical-align: top;
	
}

*html .label
{
	margin-left: 5px;
}

*html .indentedrow
{
	margin-left: 5px;
}

label.highlighted
{
	color: #000;	
	background-color: #F4EC87;
}

.error
{
	width: 100%;
	font-weight: bolder;
	color: #000;
	background-color: #F4EC87;
	float: left;	
	margin-right: 0px;
	padding: 0.5em 0 0.5em 1%;
}

.field
{
	float: left;
	width: 65%;
	white-space: nowrap;
	vertical-align: bottom;
}

.field input
{	
	margin-top: 0px;
}

/* new style 20/01/06 */
#homebottom ul 
{
	margin-top: 0.2em;
}

.forminput
{
	width: 10em;	
}

#skiplinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skiplinks li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#skiplinks a {
	color: #0d7e86;
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 20px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1em !important;
	z-index: 1000;
}
#skiplinks a:active, #skiplinks a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 1em;
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	background: #FFF;
}


/* quick search IE fix */
* html #defaultframework_quicksearch_SearchText 
{
	margin-bottom: -3px;
	padding: 2px 0 0 0;
}

fieldset
{
	background-color: #FFDD36;
	border-color: #fff;
	padding: 1em;
}

.answer 
{
	padding: 0.5em;
	clear: both; 
}
	
.answer input
{
	margin-left: 0.5em;
}

ul.no-bull li
{
	list-style-image: none;
	list-style-type: none;
}

ul.no-bull li a
{
	list-style-image: none;
	list-style-type: none;
}


/* New styles - Dushy */
#wrapper 
{
	/*float: none;*/
	position: static;
	}

#wrapper #wrapper2 
{
	float: none;
/*	position: static;*/
	}
	
#contentdiv 
{
	float: none;
	width: 90%;
	}
	
* html #contentdiv 
{
	position : static;
	}

#voicearea 
{
	width: 100%;
	}

body 
{
	font-size: 70%;
}

html>body p 
{
	font-size: 1em !important;
	}

html>body ul li 
{
	font-size: 1em !important;
	}
	
#voicearea h1.pageheading 
{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	}

html>body #voicearea h1.pageheading
{
	font-size: 1.5em;
	}
	
html>body  h1 
{
	font-size: 1.2em;
	}
	
br {display: none;}

html>body h2 
{
	font-size: 1.1em;
	}

#contentdiv2col 
{
	/*float: none;*/
	/*position: static;
	float: none;
	width: 90%;
	margin:0;*/
	}

html>body #contentdiv2col #voicearea 
{
	width: 80%;	
}

* html #contentdiv2col 
{
	width: 85% !important;	
}


* html #contentdiv2col #voicearea 
{
	width: 100%;
	}

div.leftfloating 
{
	float: none;text-align:left;
	}

div.sectionheading {float: none;color: #000; background-color: #fff; position: static;border: none;padding-left:0;margin-left: 0; margin:0;}
div.label {float: none;width:100%;padding-left:0;margin-left: 0; display: block;}	
div.field {float: none;width:100%;padding-left:0;margin-left: 0;display: block;}
div.fieldcontainer {width:100%;float: none;padding-left:0;margin-left: 0; margin:0;/*margin-bottom:5px;*/}
div.indentedrow {width:100%;float: none;padding-left:0;margin-left: 0; display: block;}
div.fullwidth {width:100%;float: none;padding-left:0;margin-left: 0; display: block;}
/*label {display: block;}*/
#footerdiv div img {margin-top:-18px;}
* html #breadcrumb {margin-left:0 !important;width: 80%; margin-left: -100px !important;}
* html #DefaultMode_BreadCrumbs1_breadCrumbTrail {margin:0; padding:0;}
hr.green {float: none;}
html>body hr.green {display:none;}
* html div.leftfloating img {margin-left:10px;}