/* De Thomas styles - 2007 */

/* SITE COLOURS
beige - #C0B78F
blue - #003366
grey - #aaa
*/

html, body {
height:100%;
}

body {
width:100%;
background:white;
}

* {
margin:0;
padding:0;
border:0;
font-family:verdana, arial, sans-serif;
color:#333;
list-style:none;
}

#wrap {
min-height:100%;
position:relative;
width:100%;
position:relative;
background:white url(images/body_bg3.gif) repeat-x top;
margin:auto;
}

* html #wrap {
height:100%;
}

#logo {
width:290px;
height:152px;
margin:auto;
}

#menu {
position:relative;
top:12px;
width:100%;
text-align:center;
font-size:11px;
}

#content {
position:relative;
width:90%;
margin:auto;
/*border-left:1px solid #aaa;
border-right:1px solid #aaa;*/
min-height:100%;
margin-top:50px;
padding-bottom:50px;
}

* html #content {
height:1px;
}

#content:after {
content:" ";
display:block;
clear:both;
}

#footer {
position:absolute;
bottom:0;
width:100%;
height:25px;
background:white url(images/footer_bg.gif) repeat-x;
padding-top:23px;
font-size:11px;
text-align:center;
}

#ifa_signup {
position:absolute;
top:200px;
right:0;
float:right;
z-index:200;
}

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

/* FONT FORMATTING */

h1 {
font-family:georgia, times new roman, courier, serif;
font-size:18px;
font-weight:bold;
color:#003366;
margin:10px 20px;
border-bottom:3px solid #C0B78F;
border-top:1px solid #C0B78F;
padding:2px;
}

h2 {
font-family:georgia,times new roman, courier, serif;
font-size:16px;
margin:10px 20px;
color:#8B8467;
padding:2px;
border-top:3px solid #003366;
border-bottom:1px solid #003366;
}

h3 {
font-family:verdana, arial, sans-serif;
font-size:13px;
font-weight:bold;
color:#003366;
margin:5px 20px;
border-bottom:1px solid #aaa;
}

p {
margin:15px 80px 15px 40px;
line-height:20px;
font-size:12px;
}

a {
color:#003366;
text-decoration:underline;
}

a:hover {
color:#003366;
text-decoration:none;
}

/* END FONT STYLES */

/* LIST STYES */
ul.mainlist {
margin:10px 80px;
background-color:#EAE9DD;
min-height:15px;
padding:5px;
border-bottom:3px solid #C0B78F;
border-top:1px solid #C0B78F;
}

.mainlist li {
min-height:15px;
padding-left:20px;
background:#EAE9DD url(images/listmarker.gif) no-repeat left;
font-size:11px;
margin:5px;
}

ul.plainlist {
margin:10px 80px;
background-color:#ECEcEc;
padding:5px;
border-left:3px solid #aaa;
border-right:1px solid #aaa;
}

.plainlist li {
list-style:inside disc;
font-size:11px;
padding:4px;
margin:5px;
line-height:14px;
}

.maple {
background:#ececec url(images/mapleleaf.gif) no-repeat right;
}

/* END LIST STYLES */


#ifablock {
float:right;
background-color:#F5F4F0;
padding:2px;
margin:5px;
border:1px solid #aaa;
width:186px;
height:63px;
}

.otherlogos {
float:right;
width:186px;
height:45px;
padding:2px;
border:1px solid #aaa;
}

form {
width:40%;
background-color:#ececec;
border-left:3px solid #aaa;
border-right:1px solid #aaa;
margin:auto;
}

#left_form {
float:left;
margin:2%;
}

#right_form {
float:right;
margin:2%;
}

input {
background-color:white;
padding:2px;
border:1px solid #aaa;
margin:4px;
}

select {
background-color:white;
padding:2px;
border:1px solid #aaa;
margin:4px;
width:150px;
font-size:11px;
}

option {
margin:2px;
}

label {
font-size:10px;
}

textarea {
background-color:white;
padding:2px;
border:1px solid #aaa;
margin:4px;
width:200px;
font-size:11px;
}

.surveyform {
width:80%;
font-size:12px;
background:none;
border:0;
}

/* CSS FORM STYLES */

.cssform {
position:relative;
margin:10px auto;
}

.cssform p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
padding-top:2px;
float: left;
text-align:right;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 80px;
padding:2px;
border:1px solid;
border-color:#e5e5e5 #e5e5e5 #bbb #e5e5e5;
}


.cssform textarea{
width: 250px;
height: 150px;
border:1px solid;
border-color:#e5e5e5 #bbb #bbb #e5e5e5;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.submitbutton {
color:white;
background-color:#003366;
font-weight:bold;
padding:2px;
border:1px solid;
border-color:#e5e5e5 #bbb #bbb #e5e5e5;
position:relative;
margin-left:-50px;
cursor:pointer;
}

#rightBox {
float:right;
width:250px;
margin:0 20px 10px 20px;
border-left:1px solid #ccc;
text-align:center;
}

#rightBox p {
margin:10px;
}

table#gicTable {
width:500px;
margin:auto;
padding:2px;
border:1px solid #ddd;
font-size:12px;
}

.rowTitles td {
font-weight:bold;
}

.colourOne td {
background-color:#eee;
border-bottom:1px solid #ccc;
}

.colourTwo td {
background-color:#C0B78F;
border-bottom:1px solid #ccc;
}

#gicTable td {
padding:5px;
}

#pieBanner {
float:left;
margin:5px 45px 5px 40px;
padding:3px;
border:1px solid;
border-color:#ddd #aaa #aaa #ddd;
}

#pieBanner img {
vertical-align:bottom;
border:1px solid;
border-color:#aaa #ddd #ddd #aaa;
}

#GA_banner {
width:410px;
height:155px;
float:left;
clear:left;
margin:5px 20px 5px 5px;
}