/*this file uses double nested comments to declare one value for old browsers and one for new browsers, the one in the double nested comment being the one that takes precedence in new browsers since they can read past the comment. These double comments appear to have to be the last line in each style declaration, otherwise styles declared after them don't appear to work. MJ 6/11/03.*/
body {
	color: #000080;
	margin: -10px 0px 0px -10px; 
	/*/*/margin: 0px 0px 0px 0px; /* */
}
td, p, ul {
 	font-family: Arial, Helvetica, sans-serif;
}
#mainTable {
	width: 720px;
}
/*What it does: #mainTable sets a 1px black border (which Netscape 4 ignores) and line-height to a nice, spacious 1.5em units. The nested double comments around the declaration hides the style from Netscape 4, which does not do very well with line-height. An em unit is a proportional measure that maintains a relationship based on the size of the font.*/

#mainTable td {
 	padding: 0px;/*Pads each table cell in modern browsers*/
}
/*What it does: #mainTable td sets the padding for each table cell inside the table. Although Netscape 4 does not honor this property on a table tag, we do not need to hide it because it will not cause problems... it will simply be ignored. You may be wondering why we've bothered to set this rule since we have assigned 20px padding directly on the <table> tag. There are two reasons. First, Netscape 4 does honor padding set directly on the tag and, second, it gives us the opportunity to change padding (if the need arises) for modern browsers via CSS.*/

#header {
 	background-color: #FFFFFF;
 	color: #000000;
}
/*What it does: #header sets the background color of the header cell and text color*/

#subnavtable {
	width: 720px;
}
#subnavtable td {
	font-size: 65%;
	padding: 4px !important;
}
#subnav a {
	font-weight: bold;
	font-size: 11px !important; 
}
/*#subnav {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}*/
#homecell { /*this cell is located in the subnavtable and has the text 'home' in it*/
	background-color: #FFFFFF !important;
}
#homecell a {
	color: #000000 !important;
}
#contentarea { /*set on td tag*/
	border: 1px solid #000000;
 	font-size: 14px;	
	/*/*/font-size: 100%; /* */
}
#contenttable { 
}
 	
#maincontent { /*causing problems with general APSA template width at moment*/
 	width: 590px;
 	font-size: 14px;	
	/*/*/font-size: 100%; /* */
}

/*What it does: #maincontent defines the main table cell. The left border is set to 2px dotted #333 (dark gray). Netscape 4, of course, completely ignores this... but it causes no problems and does not need to be hidden. Font-size is set to 14px for Netscape 4 and to 100% for modern browsers. As you recall, we set the font-size on the body element to 14px, so modern browsers interpret this rule as being 100% of 14px. We hide the % size from Netscape 4 because it just does not handle this unit very well.*/
#FeatureTable {
 	width: 160px;
	/*float: left;
	margin: 5px;*/
}
#checklistformtable {
	margin : 10px;
}
#ChecklistHeader {
	text-align: center;
}
#ChecklistHeader h2 {
	font-size: 21px;
	font-style: normal;
	margin: 1px;	
	/*/*/font-size: 130%;
	line-height: 35px;/* */
}
#checklisttable {
}
#checklisttable td {
	font-size: 13px;
	font-weight: bold;
	padding: 2px 10px;
	/*/*/font-size: 80%;/* */
}
#checklistintrotext p, #checklistintrotext a {
	font-size: 10px;
	margin: 3px;
	/*/*/font-size: 80%;/* */
}
.APSAimgborder {
	border-width: 1px;
    border-style: solid;
	background: #FFFFFF;
	padding: 5px;
	margin : 5px;
}
.pullquote {
	font-weight: bold;
	font-size: 16px;
	background: #f4f4f4;
	float: right;
	margin: 10px;
	width: 220px;
	color: #777;
	border: 1px solid #000000;
	padding: 8px;
}
#wheretonext {
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
}
#footnotes p {
	font-size: 9px;
	/*/*/font-size: 55%;/* */
}
#sidebar {
 	width: 130px;
	font-size: 12px;
	vertical-align: top;
	background-color: #CCCCCC;
	background-image: url(/media/APSALayout/sidebar_bg.jpg);
	background-repeat: repeat-y;
	/*/*/font-size: 95%;
	border-left: 1px solid #000;/* */
}
/*What it does: #sidebar serves to fix the width of the left table cell. Font-size is set to 12px for Netscape 4 and 85% for modern browsers. The 85% is based on the body element's 14px font-size (14px times 85% = 11.9px). Of course, a browser will round 11.9px up to 12px.*/

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	/*line-height: 24px;*/
	color: #000000;
	/*background-color: #a9a9a9;*/
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #000000;
}
#searchtable {
	width: 160px !important;
}
/*#sidebar a {
	the following needs to be hidden from NS4 if used
	padding: 3px;
	display: block;
 	border: 1px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 100px; 
 	
}*/
/*What it does: This rule defines the <a> tag inside the sidebar. The properties in this rule are what make each link look and act like a button. Padding provides a bit of space around the link inside the 2px dotted border we are defining. Display: block makes the entire width (in this case 160px) clickable. We turn underlining off (text-decoration: none), and we set line-height to 1em (to turn off the 1.5em line-height assigned to the parent #mainTable element). The entire rule is wrapped inside nested comment tags to hide everything from Netscape 4, because any one of the properties defined would cause a problem in that browser.*/

/*#sidebar a:link, #sidebar a:visited {
 	color: #666;
}*/
#footer td, #footer A:link, #footer A:visited {
	font-weight: normal;
	font-size: 80%;
	color: #3366cc;
	background: #cccccc
}
#footer {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
/*What it does: #footer sets the footer cell background color, text color and border.*/
.AnalyseColour, .AnalyseColour a {
	color: #FF9900; 
}
.AnalyseSmall a {
	font-size: 11px; 
	color: #FF9900; /*this is for small text, should be different size for NS*/
}
.PlanColour, .PlanColour a {
	color: #339933;
}
.PlanSmall a {
	font-size: 11px; 
	color: #339933; /*this is for small text, should be different size for NS*/
}
.SecureColour, .SecureColour a {
	color: #009ADF; 
}
.SecureSmall a {
	font-size: 11px; 
	color: #009ADF; /*this is for small text, should be different size for NS*/
}
.AchieveColour, .AchieveColour a {
	color: #003E83; 
}
.AchieveSmall a {
	font-size: 11px; 
	color: #003E83; /*this is for small text, should be different size for NS*/
}
.AchieveSmall, .SecureSmall, .PlanSmall, .AnalyseSmall {
	font-size: 11px;/*this is for small text, should be different size for NS*/
}
.normallinespacing {
	margin-bottom: 3px;
}
.clear {
	clear: both;
}
h4 a {
	color: #000080;
}