/* Ombudsman For The Defence Forces - MAIN STYLESHEET */

*		{margin: 0; padding: 0; border: 0;}
body	{text-align: center; color: #12555D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #587B7B;}

h1, h2, h3, h4, h5	{font-family: Helvetica, Verdana, Arial, sans-serif; padding: 7px 0px; line-height: 1.3em;}
h1 {font-size: 100%;}
h2 {font-size: 100%;}
h3 {font-size: 95%;}
h4 {font-size: 90%;}
h5 {font-size: 80%;}
p  {font-size: 78%; line-height: 1.4em; padding: 5px 0; color: #000;}

p.error {color: #A35000;}
p.link	{margin-left: 10px;}
p.top	{text-align: right;}

a:link, a:visited	{color: #12555D; text-decoration: underline;}
a:hover		{text-decoration: none;} 

acronym, abbr, dfn {cursor : help; border-bottom : 1px dotted #CCC;}

/* **** LAYOUT MAIN **** */
#top	{margin: 15px auto 0 auto; padding: 5px; width: 770px; width/* */:/**/760px; width: /**/760px; text-align: left; background-color: #FFF;}
#head	{margin-bottom: 5px; width: 760px; height: 130px; background: #A35000 url(/images/logo.gif) no-repeat 15px 0;}
#nav	{margin-bottom: 5px; width: 760px; height: 37px; }
#detail	{float: right; width: 420px; margin-top: 30px; display: block;}
	.cleft	{float: left; width: 250px;}
	.cright	{float: right; width: 170px;}
#content {}
#contentleft 	{float: left; width: 310px; margin: 20px 0; text-align: center;}
#contentright 	{float: right; width: 415px; margin-right: 10px;}
#footer 		{width: 760px; background: #587B7B; color: #FFF;  text-align: center;}
#footer	p		{color: #FFF; padding: 7px;}
	#footer	a:link,  #footer a:visited	{color: #FFF; text-decoration: none;}
	#footer a:hover		{text-decoration: underline;} 
/* **** LAYOUT ETC ****  */
#detail a:link, #detail a:visited {color: #FFF; text-decoration: none;}
#detail a:hover 	{color: #FFF; text-decoration: underline;}
dl.detailA			{list-style: none;}
dl.detailA dt 		{color: #FFF; font-size: 70%; margin: 3px 0 0 0;}
dl.detailA dd  		{margin: 3px 0 0 0; font-size: 70%; color: #FFF;}
dl.detailB			{list-style: none;}
dl.detailB dt 		{display: none; }
dl.detailB dd.for 	{margin: 3px 0 0 0; width: 20px; display: block; color: #FFF; font-size: 70%;}
dl.detailB dd  		{float: left; margin: 3px 0 0 10px; width: 140px; display: inline; font-size: 70%; color: #FFF;}


ul.check 	{list-style: none; margin-left: 15px;}
ul.check li {background: #FFF url(/images/tick.gif) left center no-repeat; padding: 3px 30px; font-size: 78%;  color: #000;} 

ul.bullet 		{list-style: circle; margin-left: 30px;}
ul.bullet li 	{padding: 3px 20px; font-size: 78%; color: #000;} 

ul.bulletsound 		{list-style:url(/images/ODF_Sound_Icon.gif); margin-left: 30px;}
ul.bulletsound li 	{padding: 3px 20px; font-size: 78%; color: #000;} 
ul.bulletsound li a {padding:0px; padding-bottom:10px;} 

table#pr 	{font-size: 78%;}
table#pr td {padding: 2px;}

/* **** NAVIGATION **** */
ul#navmenu 		{width: 760px; list-style: none;}
ul#navmenu li 	{margin-left: 1px; float: left; display: inline; position: relative; list-style: none; text-align: center;}
ul#navmenu a 	{padding: 12px 0; width: 83px; float: left; display: block; background: #587B7B; color: #FFF; font-size: 70%; text-decoration: none;}
ul#navmenu #nI 	{padding: 12px 0; width: 83px; float: left; display: block; background: #587B7B; color: #FFF; font-size: 70%; text-decoration: none;}

/* small bodge (make hompage link larger */
ul#navmenu li#nA {margin-left: 0px;} 
ul#navmenu li#nA a {width: 88px;}
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background: #12555D; color: #FFF;}

/* Current Link Highlight */
body#pA ul#navmenu li#nA a, body#pB ul#navmenu li#nB a, body#pC ul#navmenu li#nC a,
body#pD ul#navmenu li#nD a, body#pE ul#navmenu li#nE a, body#pF ul#navmenu li#nF a, 
body#pG ul#navmenu li#nG a, body#pH ul#navmenu li#nH a, body#pI ul#navmenu li#nI a {background-color: #12555D; color: #FFF;}
body#pJ ul#navmenu li ul li#nJ a, body#pK ul#navmenu li ul li#nK a, body#pL ul#navmenu li ul li#nL a, body#pM ul#navmenu li ul li#nM a, 
body#pN ul#navmenu li ul li#nN a, body#pO ul#navmenu li ul li#nO a, body#pP ul#navmenu li ul li#nP a, body#pQ ul#navmenu li ul li#nQ a, 
body#pR ul#navmenu li ul li#nR a, body#pS ul#navmenu li ul li#nS a, body#pT ul#navmenu li ul li#nT a, body#pU ul#navmenu li ul li#nU a,
body#pX ul#navmenu li ul li#nX a, body#pY ul#navmenu li ul li#nY a, body#pZ ul#navmenu li ul li#nZ a {background-color: #12555D; color: #FFF;}

/* BODGE fix current links */
body#pB ul#navmenu li ul li#nX a, body#pB ul#navmenu li ul li#nY a, body#pB ul#navmenu li ul li#nZ a {background-color: #587B7B;}
body#pB ul#navmenu li ul li#nX a:hover, body#pB ul#navmenu li ul li#nY a:hover, body#pB ul#navmenu li ul li#nZ a:hover {background-color: #12555D;}

body#pC ul#navmenu li ul li#nJ a, body#pC ul#navmenu li ul li#nK a, body#pC ul#navmenu li ul li#nL a {background-color: #587B7B;}
body#pC ul#navmenu li ul li#nJ a:hover, body#pC ul#navmenu li ul li#nK a:hover, body#pC ul#navmenu li ul li#nL a:hover {background-color: #12555D;}

body#pE ul#navmenu li ul li#nM a, body#pE ul#navmenu li ul li#nN a, body#pE ul#navmenu li ul li#nO a, body#pE ul#navmenu li ul li#nP a, 
body#pE ul#navmenu li ul li#nQ a, body#pE ul#navmenu li ul li#nR a {background-color: #587B7B; color: #FFF;}
body#pE ul#navmenu li ul li#nM a:hover, body#pE ul#navmenu li ul li#nN a:hover, body#pE ul#navmenu li ul li#nO a:hover, body#pE ul#navmenu li ul li#nP a:hover, 
body#pE ul#navmenu li ul li#nQ a:hover, body#pE ul#navmenu li ul li#nR a:hover {background-color: #12555D; color: #FFF;}

body#pF ul#navmenu li ul li#nS a, body#pF ul#navmenu li ul li#nT a, body#pF ul#navmenu li ul li#nU a {background-color: #587B7B; color: #FFF;}
body#pF ul#navmenu li ul li#nS a:hover, body#pF ul#navmenu li ul li#nT a:hover, body#pF ul#navmenu li ul li#nU a:hover {background-color: #12555D; color: #FFF;}

/* 2nd Menu */
ul#navmenu ul {list-style: none; display: none; position: absolute; top: 37px !important; top: 38px; left: 0; width: 83px;}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {width: 83px;
	border-top: 1px solid #FFF; border-right: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* ul#navmenu ul li {border-top: 1px solid #FFF; border-right: 0; float: none;  display: block !important; display: inline; } */
ul#navmenu ul li a {height: auto; border: 0px; padding: 10px 10px; width: 115px; text-align: left;}
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float: none; background: #587B7B; color: #FFF;}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {background: #12555D; color: #FFF;}
ul#navmenu ul ul, ul#navmenu ul ul ul {border: 0; margin-top: -38px; display: none; position: absolute; left: 135px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {margin-left: 1px !important; margin-left: 0px; display: block;}



/* FORMS */
form#getintouch, #getintouch fieldset {margin: 0; padding: 0;}
form#getintouch legend {font-size: 100%; font-weight: bold; padding: 5px 0px 10px 0px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 1.3em;}
form#getintouch legend.complain {display: none;}
form#getintouch label {margin-top: 10px; padding: 3px 0; display: block; float: left; width: 300px; font-size: 78%; color: #000; line-height: 1.4em;}
form#getintouch label.part2 {margin-top: 10px; padding: 3px 0; display: block; float: left; width: 410px; font-size: 78%;  color: #000; line-height: 1.4em;}
form#getintouch label.labelCheckbox { float: none;  display: block;  width: 200px;}
form#getintouch input.mychk {display: inline; width: 20px;}
form#getintouch label span {color: #A35000;}
form#getintouch input {margin: 0; padding: 2px; width: 400px; border: 1px solid #CCC; }
form#getintouch input.sml {margin: 0; padding: 2px; width: 200px; border: 1px solid #CCC; }
form#getintouch textarea {margin: 0 6px 5px 0; padding: 2px; width: 400px; height: 100px; border: 1px solid #CCC;}
form#getintouch textarea.part2 {margin: 0 6px 5px 0; padding: 2px; width: 400px; height: 150px; border: 1px solid #CCC;}
form#getintouch textarea.part2b {margin: 0 6px 5px 0; padding: 2px; width: 400px; height: 50px; border: 1px solid #CCC;}
form#getintouch textarea.part2c {margin: 0 6px 5px 0; padding: 2px; width: 400px; height: 250px; border: 1px solid #CCC;}
form#getintouch input.contactbtn {margin: 0 0 6px 255px; padding: 5px 2px; border: 1px solid #CCC; width: 150px; display: block; background: #FEFEFE; color: #12555D;  font-size: 80%; text-align:center;}

/* **** MISC **** */
.quote	{font-style: italic;}
.logo	{width: 170px; height: 130px;}
.icon 	{margin: 2px 5px; vertical-align: middle;}
.acro	{vertical-align: middle; margin: 10px 0;}
.clear 	{clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}