/* ------ BASE ------ */
	* { padding: 0; margin: 0; }

	body
	{	
		font-family:  Arial, Helvetica, sans-serif;
		line-height: 130%;
		color: #036;
		font-size: 76%;
        background-color: #fff;
		background: transparent url(../images/navigation/background.jpg) top left repeat-y;
	}

	li, dd, dt { margin: 0 0 0 0.5em; }
	fieldset { padding: 10px; }
	ul, ol, dl { margin-left: 0.5em; }
	dt { font-weight: bold; margin: 8px 0 5px 0.5em; }
	img { border: 0; }

	blockquote
	{
		margin: 0.5em;
		border-top: 1px dotted #ccc;
	}

	dl.listed dt, dl.listed dd
	{
		margin: 0 0 8px 10px;
	}

	p, li, dd
	{
		margin: 0.5em 0;
		line-height: 130%;
	}

	h1
	{
		text-align: right;
		margin: 7px 0;
		/* color: #000;
		font-size: 2.0em;
		font-weight: bold; */
	}

	h2
	{
		color: #036;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.2em 0 0.2em 0.5em;
	}

	h3
	{
		color: #036;
		font-size: 1.4em;
		margin: 0.7em 0 0.4em 0;
		padding: 0.2em 0 0 0.5em;
		font-weight: bold;
	}

	h4
	{
		color: #036;
		font-size: 1.3em;
		margin: 0.7em 0 0.4em 0;
		padding: 0.2em 0 0 0.5em;
		font-weight: bold;
	}

	h5
	{
		color: #036;
		font-size: 1.2em;
		padding: 0.4em 0;
		font-weight: bold;
	}

	h6
	{
		color: #036;
		font-size: 1.1em;
		padding: 0.3em 0;
		font-weight: bold;
	}

	a
	{
		color: #036;
		font-weight : bold;
		text-decoration: none;
	}

	a:visited
	{
		color: #036;
	}

	a:hover, a:active
	{
		color: #f90;
		text-decoration: underline;
	}

	a.external
	{
		background: transparent url(/images/icons/external_link.gif) center right no-repeat;
		padding-right: 13px;
	}

	address
	{
		line-height: 0.5em;
	}

	.captionimage1
	{
		border: 1px solid #69c;
		margin: 0 7px 5px 0;
		float:left;
	}

	.captionimage2
	{
		border: 1px solid #69c;
		margin: 0 0 5px 7px;
		float:right;
	}

/* ------ CONTAINERS ------ */

	div#container
	{
		padding: 10px 0 0 0;
		width: 710px;
		text-align: left;
	}


	div#login_form
	{
		padding:10px;
		border:1px solid #333333;
		background:#6699CC;
		text-align:center;	
		width:300px;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}

	div#login_form label 
	{
		font-weight:bold;
		text-align:right;
		padding-right:10px;
	}
	

	div#login_form.left
	{
		text-align:left;	
	}
	div#login_form input 
	{
		width:200px;
		height:18px;
		border:1px solid #6666FF;
		margin:4px;
	}

	div#login_form input.submit 
	{
		width:auto;
		padding:0px 10px;
	}


	div#newsletter input {
	width:200px;
	border:1px solid #6666FF;
	margin-bottom:8px;

	}

	div#newsletter input.submit {
	width:60px;
	border:1px solid #6666FF;
	margin-bottom:8px;
	margin-right:40px;

	}

	div#members input {
	width:200px;
	}
	
	div#members input.submit, div#members input.radio {
	width:auto;
	}
	

/* -- HEADER ---------------------------------- */

	div#header
	{
		height: 90px;
        background: transparent url(../images/navigation/bbdc_julian_rocks_curved.jpg) top right no-repeat;
	}

	div#header img
	{
		display: block;
		padding: 15px 0 0 20px;
	}

	div#header p
	{
		margin: 0;
	}

/* ------ MAIN ---------------- */

	div#main
	{
		width: 500px;
        float: right; 
    }

	div#mainimage
	{
		text-align: right;
		padding: 0;
		margin: 0 0 10px 0;
	}

	div#main ul
	{
		margin: 0.2em 0.5em;
	}

	div#main ul li
	{
		padding: 0 8px 0.1em 0;
		margin: 0 0 0 1em;
		line-height: 120%;
	}

	div#calendar 
	{
		padding-top:15px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:50%;
		display: block;
	}

	div#calendar h2
	{
		margin-left:-30px;
	}

/* -------NAVIGATION -----------*/

    div#navigation
    {
    	margin: 40px 0;
        float: left;
		width: 190px;
    }

	div#navigation ul
	{
        padding: 0;
		list-style-type: none;
	}

	div#navigation li
	{
		text-align:right;
		font-size: 1.1em;
		padding: 0;
		margin: 0;
	}

	div#navigation li a
	{
		padding-right: 15px;
		background: transparent url(../images/navigation/navigation_icon_off.gif) 100% 60% no-repeat;
	}

	div#navigation li a:hover, div#navigation li a:active
	{
		text-decoration: none;
		background: transparent url(../images/navigation/navigation_icon_on.gif) 100% 60% no-repeat;
	}



/* ------ FOOTER ------ */

	div#footer
	{
		padding: 10px 0;
		text-align: center;
	}

	div#footer ul
	{
		list-style-type: none;
	}

	div#footer li
	{
		display: inline;
		margin-right: 1em;
	}

	div#footer li a
	{
		color: #369;
		text-decoration: none;
		font-weight: bold;
		text-transform: capitalize;
	}

	div#footer p
	{
		font-size: 0.9em;
	}

/* ------ MISCELLANEOUS ------ */
	
	.hidden
	{
        position:absolute;
        left:0px;
        top:-500px;
        width:1px;
        height:1px;
        overflow:hidden;
	}

	.clearboth
	{
		clear: both;
	}

	.clearleft
	{
		clear: left;
	}

/* ------ PRINT ------ */

	@media print
	{
		div#container
		{
			background-image: none;
		}

		div#header
		{
			background-color: white;
			background-image: none;
		}

		div#header h1
		{
			color: #000;
		}

		#subnavigation
		{
			display: none;
			width: 20px;
		}

		div#content2
		{
			margin-left: 50px;
		}

		div#content
		{
			margin-left: 50px;
		}