/* COM CSS Document
------------------------NOTE: THIS STYLE SHEET IS FOR THE INDEX PAGE ONLY - RELEVANT HEADER IS header2.inc.php---------- */


/*--------------------------- RESTORE ALL BROWSER DEFAULT SETTINGS TO ZERO-------------------------------------*/
html, body, ul ol, li, p,h1, h2, h3, h4,h5, h6, form, fieldset, a, div, img
{
	margin:0px;
	padding:0px;
	border:0px;
}

/*-------------------------------------GENERAL LAYOUT STYLES------------------------------------------------------*/
body 
{
	text-align: center;
	background: url('bgstripes.gif'); 
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container
{
	margin: 0px auto;
	background: #fff;
	text-align: left;
	width: 790px;
	/*height:860px;
	he\ight:auto;*/
	/*w\idth: 710px;*/
	position:relative;
	border: 0px solid #aca8a2;
}/*wrapper for entire site area*/
/*-----------------------------------------TEXT STYLES-----------------------------------------------------*/
h1
{
	color:#fff;/*white*/
	font-size:120%;
	text-align:center;
}

h2
{
	color:#000082;/*navy*/
	font-size:130%;
	text-align:left;
}

h2 span
{
	color:#000082;/*navy*/
	font-size:130%;
	text-align:center;
	display: block;
}

h3
{
	font-size:100%;
	color:white;
	padding: 2px 15px;
}

h3 span
{
	color:#000082;
}

h4
{
	font-size: 95%;
	color: #666;/*dk grey*/
}

h5
{
	color:#000082;       /*navy  - used for bottom headers in footer section*/
	font-size:85%;
	text-align:left;
	padding: 0px 0px 5px 20px;
}

h6
{
	color:#000082;       /*navy  - used for bottom headers in footer section*/
	font-size:86%;
	text-align:left;
	padding: 0px 0px 5px 20px;
}

h8
{
	color: #000082;/*navy*/
	font-size:120%;
	text-align:center;
}


h9 {
	color:#666;/*dk grey* - used for award text*/
	font-size:85%;
	text-align:center;
    line-height:1.125em; /* 16×1.125=18 */
}
p
{
	font-size:0.875em;
	color:#666;/*dk grey*/
	padding:0px 20px;
	font-weight:normal;
	text-align:justify;
}

a
{
	color:#0000ff
	text-decoration:none;
}

a:link {
	color:#0000ff;
	text-decoration:none;
}

a:visited {
	color:#0000ff;
	text-decoration:none;
}

a:hover {
	color:#000082;
	text-decoration:none;
}

a:active
{
	color:#0000ff;
	text-decoration:none;
}

#white
{
	width:100%;
	height:55px;
	background-color:white;
	background: url(dap-logo270x60.jpg) top right no-repeat #fff;    /*white*/
}

.linkgray
{
	text-align:justify;
	font-size:90%;
	color:#666;/*dk grey*/
	font-weight:normal;
	line-height: 1.5em;
	font-size:90%;
}

#contentindex2 p  .linkblue
{
	color:#000082;
	text-decoration: none;
}

.bluebold
{
	color:#000082;       /*navy  - used for bottom headers in footer section*/
	font-size:120%;
}

.blue
{
	color:#000082;       /*navy  - used for bottom headers in footer section*/
	font-size:88%;
}

.blueitalic                          
{
	color:#000082;       /*navy */ 
	font-size:90%;
	font-weight:normal;
	font-style:italic;
	text-align:center;
}

.graysmall
{
	color:#666;      /*dk grey*/
	font-size:85%;
	font-weight:normal;
	text-align: justify;
}

.graysmall2
{
	color:#666;      /*dk grey*/
	font-size:70%;
	font-weight:normal;
	text-align: center;
}

#smalltext /*used for userguide page for small text extract from book*/
{
	font-size:90%;
}

.smalltext2 /*used for terms page for small text extract from book*/
{
	font-size:85%;
	padding-left:20px;
	color:#666;    /*dk grey*/
}

.smalltext3 /*used for alterations page*/
{
	font-size:75%;
}

/*--------------------------------------------------------index page   --------------------------------------*/

#contentindex   /*used for index page div*/
{
	width:45%;
	background-color:white;
	float:left;
	padding-left: 5px;
}

#contentindex #quote
{
	padding:0px;
	margin: 0px;
	font-size:70%;
	color:#666;   /*dk grey*/
	}   

#contentindex2   /*used for index page div*/
{
	width:49%;
	background-color:white;
	float:right;
	text-align: center;
	font-size:70%;
	color:#666;/*dk grey*/
	font-weight:normal;
}

#contentindex2 p
{
	font-size:120%;
	color:#666;/*dk grey*/
	padding:0px 20px;
	font-weight:normal;
	text-align:justify;
	}

#contentindex2 p a
	{
	font-size:100%;
	color: #00C;/*blue*/
	font-weight:normal;
	}
	
#contentindex2 a, a:link
{
	text-align: left;
	font-size: 120%;
	color: #666;/*dk grey*/
	font-weight:normal;
}

#contentindex2  a:visited
{
	color: #90C;
	text-decoration:none;
}

#contentindex2 a:hover
{
	color:#000082;
	text-decoration:none;
}

#contentindex2 table tr td   /*used for index page div*/
{
	text-align: center;
	padding-left: 5px;
	font-size:70%;
	color:#666;/*dk grey*/
	font-weight:normal;
}

#contentindex2 #quote table
{
	width: 90%;
	padding:0px;
	margin: 0px;
	color:#666;   /*dk grey*/
	}   

#contentindex2 #quote table tr td 
{
	font-weight:normal;
	text-align: center;
}

#contentindex2 #quote table tr td a, a:link
{
	color:#00F;
	text-decoration:none;
	font-size: 100%
}

#contentindex2 #quote table tr td a:visited
{
	color:#666;
	text-decoration:none;
}

#contentindex2 #quote table tr td a:hover
{
	color:#000082;
	text-decoration:none;
}

/*--------------------------------------------------------General layout---------------------------------------*/

#banner  /*BANNER FOR THIRD EDITION HEADER - BLUE*/
{
	height:30px;
	background-color:#000082;    /*navy*/
	font-size: 70%;
	padding:0px 0px;
	text-align:right;
	border-top: 1px solid #d12136;
}

#banner ul
{
	padding:0;
	margin:5px 20px 5px 0px;
	color: #FFF;
}

#banner ul li
{
	display:inline;
	padding-left:25px;
	color: #FFFFFF;
}

#banner ul li a
{
	font-size: 100%;
	text-decoration:none;
	color:white;
	font-weight:normal;
}

#banner ul li a:hover  #navbar ul li a:focus
{
	background-color:#900;
}
/* hover background colour set (lt blue) also a:focus is for tab use and other pointing devices*/

/*-------------------------------------------------------END OF BANNER DIV---------------------------------------*/
#mainnav
{
	height:30px;
	background-color:#000082;    /*grey aca8a2*/
	font-size: 70%;
	font-weight:bold;
}

#mainnav ul
{
	padding:5px 0px 5px 10px;
	margin:0;
	color: #FFF;
}

#mainnav ul li
{
	display:inline;
	padding:0px 0px 0px 20px;
	text-align:left;
	margin-top: 5px;
}

#mainnav ul li a
{
	font-size: 95%;
	text-decoration:none;
	color:white;
	font-weight:normal;
}

#mainnav ul li a:hover  #mainnav ul li a:focus
{
	background-color:#900;
}

/*-------------------------------------------------------END OF MAIN NAV DIV---------------------------------------*/
#skyline
{
	height:70px;
	width:100%; !important	
}

/*------------------------------------------------END OF SKYLINE DIV----------------------------------------------*/
#content  /* THIS IS THE MAIN CONTENT DIV WHICH OPENS FROM THE HEADER AND CLOSES AT FOOTER*/
{
	width:90%;
	background-color:white;
	font-size: 80%;
}
/*-------------------------------------------END OF MAIN CONTENT DIV---------------------------------------*/
#footer
{
	clear:both;
	background-color:white;
	border-top: 3px solid #d12136;
	width:100%;
	/*font-size: 95%;
	color:#000082;*/
	}
	
#footer1,#footer2,#footer3
{
	background-color:white;
	float:left;
	width: 32.5%;
}

#footer1 a
{
	font-size: 80%;
	color:#000082;
}
#footer2 a
{
	font-size: 80%;
	color:#000082;
}

#footer3 a
{
	font-size: 80%;
	color:#000082;
}
/*-------------------------------------------------------END OF FOOTER DIV---------------------------------------*/