/* General Styles. These are not important as far the actual corners are concerned. */

.info { text-align: center; margin-top: 2em; font-size: 80%; }

div { text-align: center; }

p img { display: block; margin: 1em auto; }


/* The actual corners. */

div.boxhead h3 { background: url("images/rounded.png") top left no-repeat; text-align: center;} 

.boxhead { background: url("images/rounded.png") top right no-repeat; } 

.boxbody { background: url("images/rounded.png") bottom right no-repeat; } 

.rounded { 
   background: url("images/rounded.png") bottom left no-repeat;
   width: 40%; /* could be whatever you want, as long as your image is large enough */ 
}


/* The anti-aliased corners */

#antialiased .boxhead h3 { background: url("images/rounded2.png") top left no-repeat; } 

#antialiased .boxhead { background: url("images/rounded2.png") top right no-repeat; } 

#antialiased .boxbody { background: url("images/rounded2.png") bottom right no-repeat; } 

.rounded-aa { 
   background: url("images/rounded2.png") bottom left no-repeat;
   width: 40%; /* could be whatever you want, as long as your image is large enough */ 
}

/* Just some more styling. */

.boxheaders { 
   padding: .4em 0 0 .6em;
}

.boxtext { padding: 0 1em 1em 1em; }

.centered { margin: 0 auto 1em auto; }

.grey { background-color: #8FB5DA ; }

div#rbox{background: #8FB5DA ;font-size: 9pt; font-weight: normal;}
.rtop, .rbottom{display:block; background: #FFFFFF}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #8FB5DA }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

div#rboxheader{background: #47a;}
.rtopheader, .rbottomheader{display:block; background: #FFFFFF}
.rtopheader *, .rbottomheader *{display: block; height: 1px; overflow: hidden; background: #47a}
.r0header{padding-bottom:2px; background: #FFFFFF}
.r1header{margin: 0 5px}
.r2header{margin: 0 3px}
.r3header{margin: 0 2px}
.r4header{margin: 0 1px; height: 2px}
#rboxheader h3{display: inline; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 12pt; font-weight:bold; color: #fff;}

#formbutton {margin-top:20px;}
#formbutton dl {width: 150px; margin: 0 auto; padding: 0 0 0px 0; background: #69c url("images/bottom.gif") no-repeat bottom left;}
#formbutton dt {margin:0; padding: 5px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #69c url("images/top.gif") no-repeat top left;}
#formbutton dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#formgallery a, #formgallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #47a url("images/arrow.gif") no-repeat 10px 10px; width:125px;}
#formgallery a:hover {background: #258 url("images/arrowr.gif") no-repeat 11px 10px; color:#9cf;}

#info {height:500px;}
 
#menu {margin-top:30px;}
#menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url("images/bottom.gif") no-repeat bottom left;}
#menu dt {margin:0; padding: 5px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #69c url("images/top.gif") no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 10px;
background: #47a url("images/arrow.gif") no-repeat 5px 10px; width:125px;
}
#gallery a:hover {background: #258 url("images/arrowr.gif") no-repeat 5px 10px; color:#9cf;}
 
ol li {font-size:11px;}


#tableData {width:100%; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .label {width:20%; font-size: 95%; text-align:right; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .label100 {font-size: 95%; text-align:center; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .label100-question {font-size: 95%; text-align:left; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .header100 {font-size: 95%; text-align:center; padding: 4px; border: 0px solid #FFFFFF; text-decoration:underline; background-color:#4477AA; color:#FFFFFF; font-weight:bold}
#tableData .content {width:30%; font-size: 10pt; font-weight: bold; text-align:left; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .content100 {font-size: 10pt; font-weight: bold; text-align:left; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .content100-left {font-size: 10pt; font-weight: bold; text-align:left; float: left; padding: 4px; border: 0px solid #FFFFFF;}
#tableData .content100-colour1 {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #FFFFFF;background: #74A3D1;}
#tableData .content100-colour2 {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #FFFFFF;background: #9DBBF2;}
#tableData .content100-colour1-href {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #FFFFFF;background: #74A3D1;}
#tableData .content100-colour2-href {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #FFFFFF;background: #9DBBF2;}
#tableData .content100-colour1-href td {padding: 4px;}
#tableData .content100-colour2-href td {padding: 4px;}
#tableData .content100-colour1-left {font-size: 10pt; font-weight: bold; text-align:left; padding: 4px; border: 0px solid #FFFFFF;background: #74A3D1;}
#tableData .content100-colour2-left {font-size: 10pt; font-weight: bold; text-align:left; padding: 4px; border: 0px solid #FFFFFF;background: #9DBBF2;}
#tableData .input {text-align:left; float: left;}
#tableData .content100-colour1-href:hover {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #000000;background: #225588; cursor: hand;}
#tableData .content100-colour2-href:hover {font-size: 10pt; font-weight: bold; text-align:center; padding: 4px; border: 0px solid #000000;background: #225588; cursor: hand;}