/*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: 0.9em;
margin: 0;
}


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


#greyMenuBar {
height: 20px;
text-align: center;
background-color:#800517;
width: 95%
padding: 0.3em;
}

/*font styles*/

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

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

h3 {
font-size: 1.00em;
}

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

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

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


ol, ul{
font-size: 1.0em;
}

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


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

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

#center {
text-align: center;
}

.red {
color: red;
}

.purple {
color: #6A287E;
}

.statement {
color: #FF6600;
}

.question {
color: #006600;
}

.right {
margin-left:60%;
}

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

.optional {
background-color:#CC99CC;
}


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

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


#col {
float: left;
padding-right: 2%;
}

#xmas_col {
float: left;
padding-right: 2%;
width: 70%;
padding-left: 2%;
}



#col_right {
float: right;
padding-right: 5%;
}

.one {
width: 70%;
}

.one_indent {
width: 50%;
}



.two {
width: 40%;

}

.two_narrow {
width: 35%;

}

.three {
width: 30%;

}

.wide {
width: 90%

}

.narrow {
width: 20%

}

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

.box {
width: 20px;
}

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

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

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

}

#newsTxt {
float: left;
width: 15%;
padding: 1.5%;
max-width: 100px;
min-width: 50px;

}

.minHeight {
height: 1cm;
}


.imgBox {
float: left;
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 for online questionnaires***************/

.occborder {
border-bottom: 1px #6A287E solid;
border-top: 1px #6A287E solid;
border-left: 1px #6A287E solid;
border-right: 1px #6A287E solid;
padding: 1em;
font-size: 1.1em;
}

.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;
padding: 1em;

}

.th {
text-align: center;
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;
}

.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;

text-align: left;
}

.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;

text-align: left;
}

.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;

text-align: left;
}