/*If the border and padding are zero then ie and w3c are the same the "dimension" embraces the content. The margin lies outside the "dimension"*/
body {font-size: 95%; background: #E9EBFE url(../images/stripe.jpg) repeat-x; text-align: center}

#page-container {position: relative; color: #000022; margin: 0px auto; text-align: left; font-family: Verdana, Tahoma, arial, FreeSans ,sans-serif; width: 900px; background-color: white; border: solid 1px #5455FF}
#page-container a:link, a:visited, a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #FFFFFF}
#page-container a:hover {text-decoration: none; color: #FFFFFF; background-color: #DD1414}
#topleft {position: absolute; left: -1px; top: -1px; background: url(../images/topleft.jpg) no-repeat; width: 20px; height: 20px}
#topright {position: absolute; right: -1px; top: -1px; background: url(../images/topright.jpg) no-repeat; width: 20px; height: 20px}
#botleft {position: absolute; left: -1px; bottom: -1px; background: url(../images/botleft.jpg) no-repeat; width: 20px; height: 20px}
#botright {position: absolute; right: -1px; bottom: -1px; background: url(../images/botright.jpg) no-repeat; width: 20px; height: 20px}

#wrapper {background-color: white; margin: 20px 20px 20px 20px}

#banner {height: 150px; background: #FFFFFF url(../images/topbckgrnd.jpg) no-repeat}

.blueline {height:1px; background-color: #A3A3FF}

/*#navbartop {height: 2em; background-color: #DD1414}        wraps the navbar in a coloured stripe across the page*/
#navbartop a:link {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #FFFFFF}
#navbartop a:visited {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #FFFFFF}
#navbartop a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #FFFFFF}
#navbartop a:hover {text-decoration: none; color: #FFFFFF; background-color: #DD1414}
#navbartop ul {position: relative; top: -5px; float: right; padding-right: 4px}
#navbartop ul li {display: inline}

#navbarbottom a:link {padding-left: 2px; padding-right: 2px; text-decoration: underline; color: #DD1414; background-color: #FFFFFF}
#navbarbottom a:visited {padding-left: 2px; padding-right: 2px; text-decoration: underline; color: #DD1414; background-color: #FFFFFF}
#navbarbottom a:active {padding-left: 2px; padding-right: 2px; text-decoration: underline; color: #DD1414; background-color: #FFFFFF}
#navbarbottom a:hover {text-decoration: none; color: #FFFFFF; background-color: #DD1414}
#navbarbottom ul {position: relative; top: -30px; float: right; padding-right: 4px; margin-bottom:-5px}
#navbarbottom ul li {display: inline}
#imagebuffer {height:35px}
p.intro {position: relative; top: -10px; margin: 10px 10px 10px 10px ; width: 100%/*ie7 disappearing text bug*/}

#bluelinks a:link {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #E9EBFE}
#bluelinks a:visited {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #E9EBFE}
#bluelinks a:active {padding-left: 2px; padding-right: 2px; text-decoration: none; color: #DD1414; background-color: #E9EBFE}
#bluelinks a:hover {text-decoration: none; color: #FFFFFF; background-color: #DD1414}

.leftpanel {position: relative; width: 214px; margin: 20px 8px; min-height: 80px; float: left; background-color: #E9EBFE; text-align: center; font-weight: bold; color: #880000;}
.rightpanel {position: relative; width: 614px; margin: 20px 8px; float: left; background-color: #E9EBFE; min-height: 80px}
.left_top {position: absolute; left: 0; top: 0; background: url(../images/left_top.jpg) no-repeat; width: 19px; height: 19px}
.right_top {position: absolute; right: 0; top: 0; background: url(../images/right_top.jpg) no-repeat; width: 19px; height: 19px}
.left_bot {position: absolute; left: 0; bottom: 0; background: url(../images/left_bot.jpg) no-repeat; width: 19px; height: 19px}
.right_bot {position: absolute; right: 0; bottom: 0; background: url(../images/right_bot.jpg) no-repeat; width: 19px; height: 19px}
p.in {margin: 5px 19px 0px 19px}

p {margin:1em}

.whitepanelleft {position: relative; width: 212px; min-height: 150px; margin: 8px; border: 1px solid #A3A3FF; float: left; background-color: white; padding-bottom:10px}
.whitepanelright {position: relative; width: 612px; min-height: 150px; margin: 8px; border: 1px solid #A3A3FF; float: right; background-color: white; padding-bottom:10px}
.whitepanelfull {position: relative; margin: 8px 8px 30px 8px; border: 1px solid #A3A3FF; background-color: white; padding-top: 1em; padding-bottom: 1em}
.insetleft {float:left; width:192px; padding: 0px 10px}
.insetright {float:right; width:592px; padding: 0px 10px; border-left: 1px solid #A3A3FF}
.lefttop {position: absolute; left: -1px; top: -1px; background: url(../images/lefttop.jpg) no-repeat; width: 20px; height: 20px}
.righttop {position: absolute; right: -1px; top: -1px; background: url(../images/righttop.jpg) no-repeat; width: 20px; height: 20px}
.leftbot {position: absolute; left: -1px; bottom: -1px; background: url(../images/leftbot.jpg) no-repeat; width: 20px; height: 20px}
.rightbot {position: absolute; right: -1px; bottom: -1px; background: url(../images/rightbot.jpg) no-repeat; width: 20px; height: 20px}

h1 {text-align:center; margin:1em; font-weight: bold; color: #880000; font-variant:small-caps; font-size:1.1em}
.clearfloat {height: 0px; clear: both;}
h2 {text-align:center; margin:1em; font-weight: bold; color: #880000; font-variant:small-caps; font-size:1.5em}
.clearfloat {height: 0px; clear: both;}

#footer {margin-top: 0px; padding: 2px; border-top: solid 1px #A3A3FF; border-bottom: solid 1px #A3A3FF; margin-bottom: 5px; background-image: url(../images/email.jpg); background-repeat: no-repeat; background-position: center right; font-size: 75%}