/*New style sheet for InterRett site created by Alison Anderson 21/2/2007*/

body {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
margin: 0;
}


#header {
padding-top: 0;
clear: both;
width: 95%;
height: 85px;
border-bottom: 1px #6A287E solid;
background-image: url(images/header.gif);
background-image: no-repeat;
}

.hyperlink2 a:link {
color: #ffffff;
text-decoration: underline;
}
.hyperlink2 a:visited {
color: #ffffff;
text-decoration: underline;
}
.hyperlink2 a:link:hover {
color: #ffffff;
text-decoration: none;
}
.hyperlink2 a:active {
color: #ffffff;
text-decoration: underline;
}


#greyMenuBar {
height: 20px; /*25px in ie*/
text-align: center;
background-color:#800517;
/*has a padding setting in ie but not here*/
width: 95%;
}

/*font styles*/

h1 {
font-size: 1.1em;
color: 	#800517;
}

h2 {
font-size: 0.9em;
color: 	#800517;
}

h3 {
font-size: 0.8em;
}

/*Spaced heading used on homepage*/
h4 {
font-size: 1.2em;
color: #6A287E;
letter-spacing: 1.5px;
background-color: #ffffff;
}

h5 {
font-size: 0.8em;
color: #6A287E;
}

p, br, th {
font-size: 0.8em;
}

ol{
font-size: 0.8em;
}

ul{
font-size: 0.8em;
}

label {
font-weight: bold;
line-height: normal;
font-size: 0.8em;
}

td {
font-size: 0.8em;
}

.formInputText {
font-size: 1.0em;
/*background-color: white;*/
padding: 2px;
}

.dropDown {
font-size: 0.8em;

}

.formSubmit {
font-size: 0.9em;
text-align: center;
}

#center {
text-align: center;
}

.red {
color: red;
}

.purple {
color: #6A287E;
}

.question {
color: #FF6600;
}

.statement {
color: #006600;
}

.right {
margin-left:60%;
}

.padding {
padding: 0.6em;
font-size: 0.7em;
}

.optional {
background-color:#CC99CC;
}

/***************** Content columns********************************/

.page {
display: block;
width: 90%;
padding: 0px;
margin-left: 5%;
}


#col {
float: left;
//padding-left: 1%;
padding-right: 3%;
}

#xmas_col {
width: 70%;
padding-left: 10%;
padding-top: 10%;
padding-right: 3%;
}

.one {
width: 70%;
}

.one_indent {
width: 50%;
margin-left: 5%;
}


.two {
width: 45%;
}

.two_narrow {
width: 35%;

}

.three {
width: 30%;
max-width: 300px;
min-width: 200px;
}

.wide {
width: 100%}

.narrow {
width: 15%

}

.login {
width: 70%;
border: 1px #6A287E solid;
text-align: center;
margin-left: 10%;
}

.registration {
width: 70%;
border: 1px #6A287E solid;
margin-left: 10%;
padding-left: 3%;
}

.border_right {
border-right: 1px #6A287E solid;
}


#newsImg {
float: left;
width: 7%;
padding: 1.5%;
max-width: 3cm;
min-width: 1.5cm;
}

#newsTxt {
float: left;
width: 10%;
padding: 1%;
max-width: 5cm;
min-width: 50px;
}

.minHeight {
height: 1cm;
}

.pad {
padding: 10px;
}

.imgBox {
float: right;
display: block;
min-width: 3cm;
max-height: 2.5cm;
}

/*Floating dropbox that will contain images and text on page can wrap around*/
.dropbox {
float: left;
padding: 4px;
margin: 4px;
}



/************************ Table styles fro online questionnaires**************/
.border {
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;
}

.border_left {
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;

}


.th {
font-size: 0.9em;
color: #6A287E;
background-color: #ffffff;
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;
padding: 1em;
}

.cq_tbl_heading {
font-size: 0.9em;
color: #6A287E;
background-color: #ffffff;
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;
padding: 1em;
font-weight: bold;
}

.clr1 {
font-size: 1.0em;
background-color: #CCCCFF;
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;

}

.clr2 {
font-size: 1.0em;
background-color: #FFFF99 ;
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;

}

.clr3 {
font-size: 1.0em;
background-color: #FFFFCC;
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;

}