/* CSS Document RACGP IT September 2008 */

/* ----------reset browser styles -------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,  ins, kbd, q, s, samp,
small, strike,  sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; outline:0; }

/* ---------- hacks -------------- */

html{overflow:auto; background-color: #135a97;}
body {font-size: 62.5%; /* set text size so ems equal points */ }
.invisible {display:none}
.clear {clear:both}
.clearpadding {clear:both; margin-bottom: 20px;}

/* --------------Text styles-------------------*/

p {font-size: 1.6em; margin-bottom: 20px; color: #fff; font-family:Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; line-height: 1.4em;}
ul {font-size: 1.6em; margin-bottom: 20px; color: #fff; font-family:Arial, Helvetica, sans-serif; padding-left: 15px; list-style-position: inside; line-height: 1.4em;
}
.box h3, .boxred h3 {font-size: 1.9em; color: #fff; font-family:Arial, Helvetica, sans-serif; padding: 10px;}
.box p, .boxred p {font-size: 1.7em; color: #fff; font-family:Arial, Helvetica, sans-serif; padding: 10px;}
.footerright h3, .footerleft h3 {color: #ecd11b; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; padding-left: 10px; padding-bottom: 2px; margin-bottom: 0px; padding-top: 10px; padding-right: 10px;}
.footerright p, .footerleft p {font-size: 1.4em; padding: 0px 10px 10px 10px;}

a:link{color: #c8e5fe; text-decoration: underline;}
a:visited{color: #fff; text-decoration: underline;}
a:hover{color: #fff; text-decoration: underline;}

#registrationbox a:link{color: #fff;text-decoration: none; border-bottom: 1px dotted #fff;}
#registrationbox a:visited{color: #fff;text-decoration: none; border-bottom: 1px dotted #fff;}
#registrationbox a:hover{color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}

#footer a:link{color: #ecd11b;text-decoration: underline;}
#footer a:visited{color: #fff;text-decoration: underline;}
#footer a:hover{color: #fff; text-decoration: underline;}

/*------------- Image replacement----------------- */

#title {background: transparent url(../images/hh_gp09.gif) no-repeat; width: 224px; height: 109px; text-indent:-32697px; color: #fff; float: left; margin-left: 10px; margin-top: 0px; margin-bottom: 20px; } 
#gpconftitle {background: transparent url(../images/hh_title.gif) no-repeat; width: 469px; height: 140px; text-indent:-32697px; color: #fff; float: left; margin-left: 0px; } 
#circlesfrontpage {background: transparent url(../images/hh_circles.gif) no-repeat; width: 227px; height: 84px; text-indent:-32697px; color: #fff; float: left; margin-left: 15px; margin-top: 0px; margin-bottom: 20px;} 

/* -----------------wrappers n stuff----------------- */

#wrapper{width: 100%; margin: 0 auto; display: table;  /*margin-bottom: 95px; margin bottom is the height from bottom of wrapper to bottom of screen - skyscrapers anchored to bottom */ }
#bg_topbar {overflow:visible; width: 100%; background: url(../images/hh_bg_topbar.gif)  repeat-x left top; min-height: 169px;}
#boxwrapper {display: table;  margin-right: 10px; margin-left: 10px; margin-bottom: 30px; clear: both;}
.box {float: right; width: 100%; background-color: #182f42; margin-bottom: 20px; border: 2px solid #749ec1;}
.boxred {float: right; width: 100%; background-color: #b30838; margin-bottom: 20px; border: 2px solid #749ec1;}
#footer {clear: both;  display: table; width: 100%;  padding-bottom: 10px; background-color: #b30838; padding-top: 20px; border-top: 1px solid #fff; }
.footerleft {display: block; clear: both;   }
.footerright{display: block; clear: both;   }

/*--------------------- Here's the Nav --------------------*/

#header { float:left; width:100%; clear: both; margin-bottom: 20px; border-bottom: 1px solid #fff; }
#header ul {margin:0; padding:0; list-style:none; clear: both; }
	
#header a {
float:left;
display:block;
background-color: #182f42;
padding:7px 15px;
color: #fff;
text-decoration: none;
border-top: 1px solid #fff;
font-weight: bold;
}
/*
hide  from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
	
#header a:link{color: #fff;text-decoration: none;}
#header a:visited{color: #fff;text-decoration: none;}
#header a:hover{color: #ecd11b; text-decoration: none;}

#header li {
    float:left;
    background-color: #000;;
    margin:0;
    padding:0;
	width: 100%;
	clear: both;
    }
	
#header #notcurrent {background-color: #000; font-weight: normal;}
#header #notcurrent a {background-color: #000; font-weight: normal;}
	
	
/*----------Search facility--------------------*/

#search {display: none;}




.buttonsearch{background-color:#993300;
border: 1px solid #000;
color: #fff;
cursor:pointer;
font-size: 1.2em;
padding: 3px 3px 3px 3px;
}

.searchborder {height: 19px; border: 1px solid #000; margin-right: 5px; margin-bottom: 0px; margin-top: 0px; padding-top: 2px; padding-left: 3px; }


/*--------Form--------------*/


#registrationbox {min-height: 10px; display:table;}

#register fieldset
{
	display: block;
	padding-left: 10px;
	/*border-top: 1px dotted #eee;*/
	border: none;
}

#register fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#register fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#register fieldset.radio label
{
	font-weight: normal;
}

#register input
{
	display: inline;
	width: 15em;
	float: left;
}

#register label
{

	margin-bottom: 1em;
	font-size: 1.4em; color: #fff; font-family:Arial, Helvetica, sans-serif;
	float: left;
}

#register label.first
{
	padding-top: 1em;
}

#register select
{
	display: block;
}

legend {font-size: 1.5em; color: #fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}