/* 
------------------------------------------------------------------
Author:		PGB
Purpose:		Style sheet for htdocs-new web site
Version:		1.0
Validated:	 	16/03/07
Modifications:	16/03/07, Included style elements for news bar
------------------------------------------------------------------
*/

/* STYLES FOR PAGE CONTAINER */

#container {
position: absolute;
top: 10px;
left: 10px;
width: 770px;
background-color: #FFFFFF;
border: 3px solid #7AA3CC;
}

#container a {
text-decoration: none;
color: #0000FF;
}
		
#container a:hover {
text-decoration: underline;
} 

/* STYLES FOR BADLEYS LOGO */

#logo {
background-image: url(../images/logo.png);
width: 770px;
height: 132px;
z-index: 1;
}


/* STYLES FOR MAIN NAVIGATION */

#navigation {
width: 775px;
height: 18px;
}


/* STYLES FOR NEWS BAR */

#newsbar {
width: 773px;
height: 30px;
border-bottom: solid 3px #7AA3CC;
border-top: 0px;
padding-top: 4px;
padding-bottom: 2px;
}

#newsbar img {
margin-top: 2px;
}

#newsbar h2 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FF0000;
font-weight: bold;
margin-bottom: 8px;
margin-left: 4px;
margin-top: 10px;
text-align: right;
}

#newsitems {
position: absolute; 
left: 5px; 
top: 156px;
}
 

/* STYLES FOR STRIP DOWN LEFT SIDE OF BROWSER */

#leftColumn {
width: 34px;
float: left;
}

/* STYLES FOR SEARCH DIVISION IN LOGO AREA */

#search {
position: absolute;
top: 75px;
left: 552px;
width: 205px;
z-index: 2;
padding-top: 3px;
padding-left: 10px;
}

#search p {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #666;
text-align: left;
}

#search a {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
padding: 0.5em;
}

#search form {
margin: 0;
padding: 0;
}

#search input {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}

#search form p {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}


/* STYLES FOR MAIN CONTENT AREA */

#contentColumn {
margin-left: 34px;
background-color: #FFFFFF;
padding: 1em;
}


#contentColumn p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666;
margin: 5px 0 10px 0; 
}

#contentColumn li {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #666;
margin: 5px 0 0 0; /* NB original settings were 5px 0 10px 0.  Needed new settings for YAHOO tab interface */
}

#contentColumn h2 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
color: #999900;
font-style: italic;
font-weight: bold;
margin-bottom: 10px;
}

#contentColumn h3 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #999900;
font-style: italic;
font-weight: bold;
}

/* Content for photos*/

#contentColumn2 {
margin-left: 34px;
background-color: #FFFFFF;
padding: 1em;
}

#contentColumn2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666;
margin: 5px 0 10px 0; 
}

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

#contentColumn2 a:hover {
text-decoration: underline;
} 

/* Content for whats-new slideshow*/

#slideshow p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666;
margin-left: 10px; 
}

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

#slideshow a:hover {
text-decoration: underline;
} 



/* Brochure division */

#brochure {
margin-bottom: 20px;
}

#brochure p {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #666;
text-align: center;
text-decoration: none;
}

/* STYLES FOR TABLE LAYOUT FOR INTRODUCTION & IMAGE */
/* Base-layer1 */

.base-layer1 {
margin: 2px 12px 10px 12px;
padding: 0;
text-align: center;
width: 650px;
}

.table-row1 {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
text-align: left;
width: 650px;
}

/* LAYOUT STYLES FOR LEFT CONTAINER 1 */

.left-container1 {
float: left;
width: 650px;
}

/* LAYOUT STYLES FOR IMAGE */

.floatright {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

/* Spacer between rows */

.space-line {
clear: both;
margin: 0;
padding: 0;
width: auto;
}

/* Individual headings in introduction division */

/* STYLES FOR TWO COLUMN LAYOUT ON INDEX PAGES */

/* LAYOUT STYLES FOR LEFT-INDEX 1 */

#left-index1 {
float: left;
width: 400px;
margin: 0;
padding: 0;
}

/* TEXT STYLES FOR LEFT-INDEX 1 */

#left-index1 h3 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
padding-left: 0.5em;
}

#left-index1 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-style: normal;
padding: 0.5em;
}

/* LAYOUT STYLES FOR RIGHT-INDEX 1 */

#right-index1 {
float: right;
width: 230px;
margin: 0;
border: 1px solid #A9A9A9;
padding: 2px;
background-color: #F2F3EE;
}

/* TEXT STYLES FOR RIGHT-INDEX 1 */

#right-index1 h3 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
color: #FF0000;
font-weight: bold;
padding-left: 0.5em;
}

#right-index1 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-style: normal;
color: #000000;
padding-left: 0.5em;
}


/* STYLES FOR TABLE LAYOUT FOR FEATURES & BENEFITS */


.base-layer2 {
margin: 2px 12px 2px 12px;
padding: 0;
text-align: left;
width: 650px;
}

.table-row {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
text-align: left;
width: 650px;
}

/* First column */

.left-container2 {
float: left;
margin: 0;
padding: 0;
width: 200px;
}

/* Second column */

.right-container2 {
float: right;
margin: 0;
padding: 0;
width: 440px;
}

/* Spacer between rows */

.space-line {
clear: both;
margin: 0;
padding: 0;
width: auto;
}

/* Individual headings in Key Features and Benefits section */

.headings {  
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
}

.headings1 {  
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
text-align: center;
}

/* Individual software headings in products - index.html page */

.software {  
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
padding-left: 1em;
color: #666;
text-align: left;
}

/* Styles for main benefits in Products pages */

.points {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
padding-left: 2em;
}

/* Table layout in news - Newsletters, Events and Archieve pages */

.style9 {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666;
margin: 5px 0 10px 0; 
}

/* Styles for Badley Technology piggyback */

#badtech p {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
text-align: left;
}

/* STYLES FOR PRELOADING IMAGES */

#hiddenPic {
display: none;
}

/* STYLES FOR SLIDESHOW */
   
textarea { 
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFCC;
}


/* STYLES FOR COPYRIGHT STATEMENT */

#copy p {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-style: normal;
text-align: left;
}

/* STYLES FOR NAVFOOTER REGION */

#navFooter {
clear: both;
width: 773px;
height: 20px;
border-top: 3px solid #7AA3CC;
padding-top: 0.3em;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
}

/* STYLES FOR NAVADDRESS REGION */

#navAddress {
clear: left;
width: 773px;
height: 40px;
padding-top: 0.5em;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
}

#navAddress p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: right;
}