/* Stylesheet that does general pages with writing on (i.e. not the
home page, which has it's own set of crazy styles, but still depends
on nasc_general.css)*/
/* Added some affy stuff taken OUT of some affy pages for simplification */

@import url(nasc_general.css);

/*Contains all "general" styles, that are used in varying style layouts*/


/* Headings */
h1 {
color: green;
font-size: 26px;
font-weight: bold;
line-height: 48px;
margin-bottom: 0;
margin-top: 0;
text-align: center
}

h2 {
font-size: 20px;
font-weight: bold;
line-height: 42px;
text-align: center
}

h3 {
color: green;
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin-bottom: 0;
margin-top: 0;
}

/* Special h3 centre tag needed, but I'm not sure where */

h4 {
background-color: #ffbf66;
font-size: 12px;
font-weight: bold;
line-height: 22px;
margin-bottom: 0;
margin-top: 0;
text-align: center;
}

h5 {
background-color: #ffffff;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: left;
}

h6 {
background-color: #ffffcc;
margin-bottom: 0;
margin-top: 0;
width: 100%
}
/* End of headings */

/*Default styles for links*/
a {
color: green;
font: 12px;
}

a:link {
text-decoration: none
}

a:visited {
text-decoration: none
}

a:hover {
text-decoration: underline
}

/* class used to display the main button links */
a.button {
background-color: #ffffcc;
border: 1px solid #000;
color: black;
display: block;
font: 11px Arial,Helvetica,sans-serif;
left: 35%;
margin-top:15px;
padding: 3px 5px;	
position: relative;
text-align: center;
text-decoration: none;
width: 130px;
/*margin-right: 30%*/
;}

/* and class used for hover effect over buttons */

a.button a {
	color:black;
}


a.button:hover {
background-color: #98fb98;
text-decoration: none;
}



/* Left hand navigation menu */
ul.navbars {
background-color: #ffffcc;
list-style: none;
margin: 0;
padding: 5px;
}




/*ul#navbars li a:visited */
ul.navbars a:link, ul.navbars li a:visited,ul.selectednavbars a:link, ul.selectednavbars li a:visited {
color: black;
display: block;
font: 8pt/1.2 arial, sans-serif;
padding: 6px 6%;
text-decoration: none;
width: 88%;
}

ul.navbars li,ul.navbarsselected li, ul.selectednavbars li {
border-top: 2px white solid;
}

ul.navbars a:hover, ul.selectednavbars a:hover{
background-color: #98fb98
}

ul.selectednavbars {
	background-color: #ffffcc;
	list-style: none;
	margin: 0;
	padding: 5px;
	border-style:solid;
	border-color:#008000;
}



/* End of Left hand navigation menu */

/* inherits attributes from p and adds it's own such as colour red*/
p.warning {
color: #FF0000;
}



/*class attribute centre used to centre some text in a paragraph*/
p.centre {
text-align: center
}

/* Images that appear in the boxouts (the ones with the h4,h6 heading) */

div.boxout_img_logo {
text-align:center;
border-style:solid;
border-width:2px;
border-color:#CCCCCC;
width:80px;
height:80px;
float: left; 
margin: 0 1.5% 0 0;
}

/* Styles for labels and text */
.labels {
font-weight:bolder;
}

.content {
font-weight:normal;
}


body, html {
	background-color: #ffffff;
	color: #000000; /*text colour black*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	padding: 0;
	min-width:800px;
	height:auto;

}

img.AI_header_logo {
	float:left;
	padding:6px;
}

/*descendent selector used to customise text in the banner*/
#bannertext p {
color: #999999;
font-size: 0.6em;
text-align: left
}

/* End of Left hand navigation menu */

/*section/box that contains the banner text in the banner*/
#bannertext {
background-color: #ffffcc;
min-width: 300px;
left: 12%;
position: absolute;
top: 0px;
margin-left:10px;
margin-right:10px;
padding:0;
overflow:hidden;
}

/*section/box that contains the left hand navigation bar*/
#navbar {
background-color: #ffffff;
height: auto;
left: 0px;
text-align: center;
position:absolute;
width: 175px;
margin-right:10px;
}

#mainbody {
left:200px;
position:absolute;
width:70%;
height:auto;
}

#topbanner {
height:80px;
min-width:800px;
background-color: #ffffcc;
}

#topbanner .generallinks {
float: right;
margin-top:20px;
margin-right:20px;
margin-left:10px;
margin-bottom:20px;
}

#middleslice {
position:absolute;
top:80px;
width:100%;
}

/*styles to use for forms*/
.searchform1 {
width:90%;
background:#ffffcc;
padding-top:10px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.searchform2 {
width:90%;
background:#ffffcc;
padding-top:10px;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

/*general styles for tables*/
.datatable {
width:80%;
border-collapse:collapse;
font-size:12px;
margin-left:10%;
margin-right:10%;
}

.datatable th {
background-color: #ffffcc;
border: 1px solid;
text-align:center;
}

.datatable td {
border: 1px solid;
text-align:center;
}

.datatable caption {
font: bold 16px Arial, Helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 2px;
text-align:left;
}

/*heading style for section headings - green on yellow*/
.heading {
color: green;
font-size: 16px;
text-align:center;
background-color: #FFFFCC;
font-weight: bold;
line-height: 22px;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

/*heading style for tomato section headings*/
.tomatoheading {
color: #FF5252;
font-size: 16px;
text-align:center;
background-color:#FFFFCC; 
font-weight: bold;
line-height: 22px;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

/*heading style for tomato section headings*/
.tomatoheading2 {
color: orangered;
font-size: 16px;
text-align:center;
background-color:papayawhip;
font-weight: bold;
line-height: 22px;
margin-bottom: 0.5em;
margin-top: 0.5em;
}



/*heading style for top of page - black on orange*/
.largerheading {
background-color: #ffbf66;
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin-bottom: 0.5em;
margin-top: 0.5em;
text-align: center;
}

p.results_text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:100px;
}

iframe.loadbasket {
height:50px;
width:65px;
/* Either works to unset frame borders in Firefox ... but not in IE6 :-( */
/* border:0; */
/* border-style:none */
}

/* Layout for the main body of a page div */

#mainbodypageinfo{
left:175px;
position:relative;
margin-left:25px;
margin-right:25px;
width:65%;
height:auto;
min-width:400px;
max-width:800px;
}

/* General text to appear on a page inside the mainbodypageinfo div */

#pageinfo {
font-family:Arial, Helvetica, sans-serif;
position:relative;
padding-left:25px;
padding-right:25px;
}

/*style for help links on the help pages*/
.helplinks {
display:inline;
}

/*section/box for affy service*/
#content-service {
background-color: #ffffff;
position:absolute;
width: 45%;
margin:10px;
}

/*section/box for affy data*/
#content-data {
background-color: #ffffff;
position:absolute;
width: 45%;
left: 50%;
margin:10px;
}