/* Media03 2004 Don't Nick Our Shit */
body{ /* Get rid of any margins in the page, then create a bit of padding so the box is not flush with the roof */ 
margin:0px;
padding-top:15px;}
th{								/* Table Header Cells are to align left no centered */
text-align:left;}
#container{						/*  Sets the width and height of the main box, tells it to center  */
clear:both;						/*  Also tells it what font family to use  */
width:790px;
margin-left:auto;
margin-right:auto;
top:20px;
height:580px;
font-family: Lucida Grande, Geneva, Verdana, Arial, Helvetica, sans-serif;
/*background-image:url(../images/lines.gif);*/
}
p{								/*  All paragraphs are to be font size 9px  */
font-size:12px;	}
img{							/*  No padding or border around images  */
margin:0px;
padding:0px;
border:0px;
vertical-align:top;}
#header{						/*  Positions the header element at the very top and assigns the correct background image  */
position:absolute;
width:760px;
text-align:right;
height:66px;
background-repeat:no-repeat;
background-position:top left;}
#header a{						/*  Styles the header A tag  */
font-size:24px;
padding-top:30px;
padding-right:15px;
text-decoration:none;}
#links{							/*  Positions the links bar, just under the header div  */
position:absolute;
top:65px;
height:20px;
width:790px;
margin-right:-0px;
text-align:right;
background-repeat:no-repeat;}
#links a{						/*  Styles the A tag inside the links div  */
padding-top:0px;
color:#ffffff;
font-size:11px;
text-decoration:none;}
#links li{						/*  Tells the list items to display inline (horizontally not vertically)  */
display:inline;
list-image:none;
padding-left:5px;				/*  This sets the distances between the list items  */
padding-right:5px;}
#links ul{
margin:0px;}

#content{						/*  Positions the content div in the correct place, with its border  */
position:absolute;
width:610px;
height:510px;
background-color:#FFFFFF;
padding-top:0px;
padding-left:20px;
top:86px;
margin-left:139px;
border-left:1px;
border-left-style:solid;
font-size:12px;
overflow:auto;}
#content label{
font-size:12px;}
#content p{						/*  Styles the p tag within the content div  */
font-size:12px;
padding-left:10px;
margin:5px;
font-weight:bold;}
#content h1{					/*  Styles the header1 within the content div, smaller with a color from the other css  */
margin:18px;
margin-top:22px;
margin-right:0px;
font-size:26px;
text-align:right;
line-height:1px;}
#content h2{
margin:0px;
font-size:16px;
text-align:right;}
#content h3{
margin:7px;
font-size:12px;
text-align:left;
font-weight:bold;}
#content blockquote{
margin:0px;
margin-left:9px;}
#content textarea,input,select,img{
font-size:12px;
margin:0px;}
#content a{
font-size:12px;
text-align:right;
text-decoration:none;}
#content li{
font-size:11px;}
#content td{
font-size:12px;
text-align:left;
padding:0px;
margin:0px;}
#content table{
margin:0px;}
#flash_side{

position:absolute;
float:left;
width:139px;
margin-top:320px;}
#box{							/*  The names div displays on the left and has a border to look like a tab  */
margin-top:82px;
position:absolute;
float:left;
font-size:12px;

width:123px;}
.names{
padding:5px;
margin-left:5px;
border-width:1px;
border-style:solid;
margin-bottom:10px;
width:100%;
}
.names h1{
font-size:11px;
margin:0px;
padding:0px;}
.names img{
margin:0px;}
#hidden{						/*  This is an id to make some items not appear!  */
display:none;}
#transparent{					/*  This is an id to make items transparent but still affect document flow  */
visibility:hidden;}
.right{							/*  Class to be applied to things that need to float right (save and continure button)  */
left:350px;
float:right;
position:absolute;
padding:0px;}
.splitTable{
width:75%;}
.splitTableRow{
border-bottom:1px solid #777777;}
.row{							/*  This is used to display a line between the questions  */
border-top-width:1px;
border-top-style:solid;
padding:2px;
padding-right:0px;
margin-top:4px;
margin-bottom:4px;
text-align:left;}
.row blockquote{
margin:0px;
margin-left:10px;
font-size:12px;
padding:0px;
}
.row h3{
margin:0px;
padding:0px;}
.alignLeft{
text-align:left;}
#centre{
width:100%;}
#centre td{
text-align:center;}
#content select{
font-size:12px;}
.names a{
padding-top:0px;
font-size:12px;
text-decoration:none;
padding:3px;
border-width:0px; }
.names li{
display:block;
list-image:none;
padding-left:0px;
padding-right:0px;
padding-top:1px;
padding-bottom:1px;
margin:0px;
}

.names ul{
margin:0px;
padding:0px;}

#breadcrumb{
margin-bottom:10px;
}
#breadcrumb h2{
margin:0px;
font-size:12px;
}
#breadcrumb ul{
margin:0px;
}
#breadcrumb li{
padding:0px;
margin:0px;
display:inline;
}
#breadcrumb li a{
border-width:0px;
padding:0px;
margin:0px;
color:#333333;
}
#breadcrumb li a:hover{
padding:0px;
margin:0px;
background-color:#F8F8F8;
}
#links li a span{
padding:3px;
padding-left:4px;
padding-right:4px;
}
#links li a:hover{
background-color:#666666;
padding:0px;
}
#links li a{
padding:1px;
}
#intro strong{
color:#000000;
}
#intro th strong{
color:#FFFFFF;
}
#intro{
margin-top:15px;
}
#intro td{
border-right-width:1px;
border-right-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
padding:5px;
vertical-align:top;
font-size:12px;
}
.borderleft{
border-left-width:1px;
border-left-style:solid;
}

#intro p{
font-size:11px;
font-weight:normal;
}
#intro th{
text-align:left;
color:#FFFFFF;
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
}
#underline a{
text-decoration:underline;
} 

.thermo{
background-image:URL(../images/thermo.jpg);
background-position:top right;
background-repeat:no-repeat;
}
.center{
width:100%;

text-align:center;
}
.divider{
width:100%;
}
.divider td{
width:50%;
}
#betaBox{
position:absolute;
float:left;
font-size:12px;
margin:auto;
margin-top:200px;
background-color:#CCCCCC;
width:400px;

border:1px solid #000;
}
#betaBox p{
font-size:12px;
}
#betaBox p a{
color:#333;
}
#bottomLinks{
border-top:1px solid #ccc;
margin-top:80px;

margin-bottom:0px;
}
#bottomLinks h1{
font-size:12px;
margin:6px;
text-align:left;
margin-top:8px;
}
#bottomLinks li{
display:inline;
margin:0px;
padding:0px;
}
#bottomLinks ul{
display:inline;
Margin:0px;
padding:0px;}
#bold a{
font-size:12px;
font-weight:bold;
}
.shaded td{
background-color:#EDF3FE;
}
#help_page p{
font-size:12px;
margin-left:10px;
margin-right:10px;
}
#help_page{
margin:10px;
padding:10px;
}
#pracOne td{
vertical-align:top;

}
#big a{
font-size:12px;
font-weight:bold;

text-decoration:underline;
}
.assimilation_help{
position:absolute;
font-size:12px;
margin:auto;
margin-top:220px;
background-color: lightyellow;
width:400px;
border:1px solid #000;
padding:5px;
}
.assimilation_help li{
color:#000000;
list-style-type:circle;

}
#content .row .size16{
font-size:16px;
}
#content .row .size24{
font-size:24px;
text-align:center;
}