
/* JGHF
/* URL www.jghf.com.au
/* Design: RGC
/* Code: Sol Design
/* Sol Design www.sol.com.au
/* Last modified: May, 2007







/* basics
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
body { font-size: 76%; color: black; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; background-color: #ccc; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
.standardsAlert { display: none; }
.clearleft { clear: left; }
img { display: inline; }
div.clearer {clear: both; line-height: 0; height: 0;}

/* basic links
----------------------------------------------- */
a:link { color: #416fc1; text-decoration: none; }
a:visited { color: #416fc1; text-decoration: none; }
a:hover { color: #007fff; text-decoration: none; }
a:active { color: #afcaff; text-decoration: none; }


/* Structure
----------------------------------------------- */
#wrapper { background-color: #ccc; background-position: center 0; width: 858px; margin: 0 auto; padding: 0; }
#bg-top { background-image: url(../images/bg-top.gif); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 858px; height: 36px; }
#bg-bot { background-image: url(../images/bg-bot.gif); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 858px; height: 22px; }
#contentwrapper { background-image: url(../images/bg-mid.gif); background-repeat: repeat-y; margin: 0 auto; width: 858px; }
#content { margin: 0 auto; width: 800px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

#tabcontainer { margin: 0 auto; width: 802px; }


#masthead { margin: 0 auto; width: 802px; height: 152px; padding: 0; }


#leftcolumn { text-align: left; display: inline; margin: 0; padding: 15px 0 0; width: 620px; float: left; overflow: visible; }
#rightcolumn { width: 180px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 10px 0; }
#footer { background-position: center 0; width: 858px; margin: 0 auto; }
/* navigation tabs nicked from www.simplebits.com
---------------------------------------------------------- */


#tabnav
	{
		height: 20px;
		margin: 0;
		background: url(../images/tab_bottom.gif) repeat-x 50% bottom;
	}	

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{ float: left; background: #f3f3f3; font-size: 10px; line-height: 14px; font-weight: bold; padding: 2px 10px; margin-right: 4px; border: solid 1px #ccc; text-decoration: none; color: #666; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-transform: uppercase; }

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}




/* Subnav
----------------------------------------------- */

#subnav { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 14px; clear: left; margin: 0; padding: 0; }
#subnav ul { list-style-type: none; overflow: hidden; margin: 0; }
#subnav ul li { float: left; margin-left: 0; padding-left: 0; }
#subnav ul li a { color: #000; text-decoration: none; margin-left: 0; padding: 0; }
#subnav a:hover { color: #4878af; }
#subnav a:active { color: #5ba3e0; }
#contentwrapper  h1 { color: #4878af; font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-left: 28px; padding: 17px 20px 1em 0; }














/* Forms & Tables
----------------------------------------------- */
#table1 { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; }
#table1 td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; }

/* Masthead
----------------------------------------------- */
#titlebar h1 { color: #ad2e26; font-size: 2.5em; font-weight: normal; font-variant: small-caps; line-height: 1em; text-align: center; letter-spacing: 0.4em; margin: 0; padding: 0; }
#titlebar h2 { color: #005fa3; font-size: 1.7em; font-weight: normal; line-height: 1em; text-align: center; letter-spacing: 0.3em; margin: 0 0 5px; padding: 10px 0 0; }



/* Left Column
----------------------------------------------- */
#leftcolumn img { border-style: none; border-width: 0; }
#leftcolumn p { color: #5a5a5a; font-size: 1em; font-family: Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; line-height: 1.5; text-align: left; margin-right: 20px; margin-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 0; }
#leftcolumn p.intro { color: #5a5a5a; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.8; text-align: left; margin-right: 20px; margin-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-left: 0; }
#leftcolumn h1 { color: #4878af; font-size: 2em; font-weight: normal; margin-right: 20px; margin-left: 20px; padding: 17px 20px 1em 0; }
#leftcolumn h2 { color: #000; font-size: 1.3em; font-weight: normal; margin-right: 20px; margin-left: 20px; padding: 15px 0 0.5em; }
#leftcolumn h3 { color: #4878af; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; margin-right: 20px; margin-left: 20px; padding: 5px 0 0.5em; }
#leftcolumn h4 { color: #999; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; margin-right: 20px; margin-left: 20px; padding: 5px 0 0.5em; }
#leftcolumn ul, ol { color: #5a5a5a; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: left; margin-top: 0; margin-bottom: 10px; margin-left: 20px; }
#leftcolumn ul li { margin-left: 20px; padding-bottom: 3px; }
#leftcolumn ol li { margin-left: 20px; padding-bottom: 3px; list-style-type: lower-alpha; }
#leftcolumn ul li.subnav { margin-right: 25px; margin-left: 0; padding-bottom: 0; }
#leftcolumn a:link { color: #416fc1; text-decoration: none; }
#leftcolumn a:visited { color: #416fc1; text-decoration: none; }
#leftcolumn a:hover { color: #007fff; text-decoration: none; }
#leftcolumn a:active { color: #00e; text-decoration: none; }
#leftcolumn td { font-size: 1em; line-height: 1.8; text-align: left; padding-right: 10px; padding-bottom: 0; }
#leftcolumn table { margin-top: 10px; }



/* Right Column
----------------------------------------------- */
#rightcolumn p { color: #666; font-size: 0.9em; font-family: Arial, Helvetica, SunSans-Regular, "Trebuchet MS", sans-serif; line-height: 1.5; margin-left: 0; padding: 0.5em 19px 0.5em 0; }
#rightcolumn h3 { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding: 5px 15px 5px 0; }
#rightcolumn h4 { color: #000; font-size: 1em; font-weight: normal; margin-top: 0; margin-left: 0; padding: 10px 15px 0 0; }
#rightcolumn strong { font-weight: bold; }
#rightcolumn em { font-style: italic; }
#rightcolumn ul { color: #787878; text-align: left; margin-left: 10px; list-style-type: square; padding: 5px 20px 10px; }
#rightcolumn li { margin-bottom: 8px; }
#rightcolumn a:link { color: #4878af; }
#rightcolumn a:visited { color: #4878af; }
#rightcolumn a:hover { color: #ccc; }
#rightcolumn a:active { color: #ccc; }



/* Images
----------------------------------------------- */
img.left	{ float: left; margin-top: 3px; margin-right: 15px; border: 0; display: inline; }
img.divider { margin-top: 10px; margin-bottom: 15px; border-style: none; }
img.icon { margin-right: 15px; float: left; vertical-align: baseline; border: 0; }
img.rctop { display: block; margin: 20px 0 10px 0; }
img.right { display: inline; margin: 0; padding-top: 3px; padding-left: 15px; float: right; }
img.b-left { display: inline; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 }
img.b-right { display: inline; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; }
img.logos { margin: 10px 0; }
img.acrobat { margin-top: 15px; padding: 0; display: block; }
img.covers { display: block; margin-top: 10px; margin-bottom: 15px; padding: 0; border: solid 1px #ccc; }
img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #999; }

.mainimage { margin: 0 0 0 15px; padding: 0 0 0;  }
.thumb { text-decoration: none; float: left; display: inline; padding: 0; margin: 10px 30px 20px 15px; border-style: none; border-width: 0; }
.thumb-last { display: inline; margin: 10px 0 10px 15px; padding: 0; float: left; border-style: none; border-width: 0; }
/* footer
----------------------------------------------- */
#footer p { color: #ccc; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; margin-left: 20px; padding: 10px; }
#footer a:link { color: #ccc; text-decoration: none; border: none; }
#footer a:visited { color: #ccc; text-decoration: none; border: none; }
#footer a:hover { color: #999; text-decoration: none; border: none; }








* self-clearing floats */

#nav ul:after, 
 {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }


