/*FORMUL-ACCESS.CSS*/
/*reset browsers for cross-client consistency*/
html,body,h1,h2,h3,h4,h4,h5,h6,p {margin:0; padding:0 }
img {border-style: none;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}
/*LAYOUT position content at horizontal centre of screen for IE and Mozilla*/
#wrapper{text-align:center; background-color:#D7FFEB; color:black; font-family: "times new roman"; max-width:1024px; min-width:800px;
font-size: medium; color: #000000; margin: auto; width:95%;}
body {text-align:center; margin: auto; width:95%; max-width:1024px;}
#bodyindex {text-align:center; margin: auto; width:780px;}

/* set header height and background image */
#hdr{ margin-top:0; margin-bottom:0; background-position:45% top; background-image:url('images/compbkgcrop.jpg'); 
background-repeat:no-repeat; height:160px; padding-bottom:0	}
h1 {padding: 110px  0 0 12%; margin-bottom:0; font-family :"times new roman";  font-size: 250%; color: #0080a0;; font-weight:bold;}
h2 { margin-top:15px; }

/* set widths and float the columns */
#leftcol	{ float: left; width: 48%; padding:2px; text-align:left; }
#leftcol-img	{ float: left; width: 48%; padding:2px; text-align:right; }
#rightcol	{ float: right; width: 48%; padding:2px; text-align:left; }
#rightcol li { margin:15px 0 5px 0; }
#midcol {margin:auto; width:500px; text-align:left; font-size:100%; }
#midpanel {margin:auto; font-weight:normal; width:500px; text-align:center; border: 1px black solid; }

/* set the margin and position of a particular image in a column */
#img1	{ float:left; margin-right:0px; margin-left:0}
.img-left { float:left; margin-right:5px; margin-left:0}
.img-right { float:right; margin-left:5px; margin-left:0}
#img-border img {text-align:center; border: 1px black solid; }

/*set general list style*/
ul { padding:0; margin:0; }
#listindex {margin-left:280px; }
.listcenter {margin:auto; text-align:left; width:550px}

/*MENU set horizontal menu and button general style*/
#hmenu {	width:790px; text-align:center; margin:5px 0 10px 13%;}
li.hbtnew {display:block; margin:auto; float:left; text-align:center; padding:3px; list-style-type:none; list-style-position:inherit;}
/*set general anchor style to fill the container*/
li.hbtnew a {display:block; text-decoration:none; color:white; background-color:#0080a0; font-weight:bold; padding:4px;}
/*mouseOut state (default)*/
li.hbtnew a { background: #0080a0;  border: 4px outset #AABAFF;}
/* mouseover state*/
li.hbtnew a:hover { background: #0060a0; color:yellow;  border: 4px outset #8ABAFF }
/* omousedown state*/
li.hbtnew a:active  { background:#ABCBFF;  border: 4px inset #ABCBFF }

/*center the print button*/
#printbtn { text-align:center; }		

/* ensure footer stays at the bottom */
#ftr { clear: both; text-align:center;}

/*set headingdetails*/
h1,h2 , h3, h4, h5 { margin-top:0; margin-bottom:0; }
h2 { font-size:150%; font-weight:bold; }
h3 { font-size:110%; font-weight:bold; }

/*TYPOGRAPHY*/
span.small {font-size:small}
span.tiny {font-size: x-small;}
span.redstar { 	color:red; }
span.blue-normal {color:blue; font-weight:bold; font-size:100%;}
span.ublu { color:blue; text-decoration:underline;}
span.red12 {color:red; font-weight:bold; font-size:100%;}
span.arial-blue { color:blue; font-size:large; font-family:Arial; }
.plus10 {font-size:110%}
.plus20 {font-size:120%;}
.plus30 {font-size:130%;}
.small {font-size:small}
/*.plus10bold {font-size:110%; font-weight:bold;}
.plus20bold {font-size:120%; font-weight:bold;}
.plus30bold {font-size:130%; font-weight:bold;}
.smallbold {font-size:small; font-weight:bold;}*/

/*PARAGRAPHS*/
p {margin-bottom:10px; margin-top:0;}
p.cntr {text-align:center; margin-bottom:10px; margin-top:0;}
p.lft {text-align:left; margin-bottom:10px; margin-top:0;}
p.right {text-align:right; margin-bottom:10px; margin-top:0;}
p.padbdr { border: 1px black solid; padding:5px; }

/*FORM. Position the form elements on the page*/
#form {width :382px; margin:auto; text-align:center;}
.label { float:left; width: 10em; text-align:right;}
.chk1 {text-align:left; padding-left :30%;}
#rad {text-align:left; padding-left :30%;}
#sug {text-align:center; margin:auto;}

/*set alternative hyperlink colour black 100%*/
a:link {color: blue; font-weight:normal; font-size:100%; }
a:visited {color: blue; font-weight:normal; font-size:100%; }
a:hover {color: red; font-weight:normal; font-size:100%; }
a:active {color: blue; font-weight:normal; font-size:100%;}


a.other10normal:link {color: black; text-decoration:none; font-weight:normal; font-size:small;}
a.other10normal:visited {color: black; text-decoration: none; font-weight:normal; font-size:small;}
a.other10normal:hover {color: red; text-decoration: none; font-weight:normal; font-size:small;}
a.other10normal:active {color: black; text-decoration: none; font-weight:normal; font-size:small;}

#alphabet a:link {color: blue; font-weight:bold; font-size:110%; }
#alphabet a:visited {color: blue; font-weight:bold; font-size:110%; }
#alphabet a:hover {color: red; font-weight:bold; font-size:110%; }
#alphabet a:active {color: blue; font-weight:bold; font-size:110%;}

#container a:link {color: black; font-weight:normal;  text-decoration: none; }
#container a:visited {color: black; font-weight:normal;  text-decoration: none; }
#container a:hover {color: red; font-weight:normal;  text-decoration: none; }
#container a:active {color: black; font-weight:normal;  text-decoration: none;}

a.ftr-link:link {color: black; text-decoration:none; font-weight:normal; font-size:small;}
a.ftr-link:visited {color: black; text-decoration: none; font-weight:normal; font-size:small;}
a.ftr-link:hover {color: red;text-decoration: none; font-weight:normal; font-size:small;}
a.ftr-link:active {color: black; text-decoration: none; font-weight:normal; font-size:small;}