/***** Page *****/

body
{ color:#333; font:8pt/14pt verdana, Tahoma, Arial, sans-serif; background-image: url(../pics/bg2.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin:0; padding:0; }
h5 { color: #800000; font-size: 10pt; font-weight: bold; margin-top: 15px; margin-bottom: 1px; padding-bottom: 2px; border-bottom: 1px dotted white; }
body a:visited 
{ color: maroon; text-decoration:none; border:0; }

.left 
{
	float:left;
	padding:0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	display:inline;
}

.right
{
	display:inline;
	float:right;
	text-align:right;
	padding:0;
	font-size:1em;
	font-weight:normal;
}

/***** Wrapper *****/

#wrapper
{ background:#666; color:#000; margin:0 auto; padding:0; width:760px; border-right: 1pt solid white; border-bottom: 1px solid white; border-left: 1pt solid white; }

/***** Top *****/

#top
{ color:#fff; background-color: black; background-image: url(../pics/gjlogo.gif); background-repeat: no-repeat; background-position: 0 0; height:85px; margin:0; padding:0; }


#top .left
{
	margin:4px 0 0 8px;

}

#top .right
{
	
	margin:4px 8px 0 0;
}

#top a
{
	background:inherit;
	color:#fff;
	text-decoration:none;
}

#top a:hover
{
	text-decoration:underline;
}
/***** Header Element*****/
#headertop
{ background-image: url(../pics/gj_header.gif); background-repeat: no-repeat; background-attachment: inherit; background-position: left top; width: 760px; height:50px; margin:0 auto; padding:0; border-right: 1px solid #fff; border-bottom: 1px solid white; border-left: 1px solid #fff; }
#flash
{ background: gray; height:200px; margin:0; padding:0; }
#header
{ background-image: none; background-position: 0 0; width: 760px; height:175px; margin:0 auto; padding:0; border-right: 1px solid #fff; border-left: 1px solid #fff; }
/***** Navigation *****/

#navigation ul,#navigation li
{ margin:0; padding: 0; }

#navigation
{ color:#fff; font-size:8pt; height:30px; line-height:30px; background: white url(../pics/nav_bg.gif) repeat-x left top; text-align: center; vertical-align: middle; width: 100%; border-top: 1pt solid white; border-bottom: 1pt solid white; }

#navigation li
{ width: 84px; height: 30px; float:left; list-style:none; white-space:nowrap; }
#navigation li a
{ background:inherit; color:#fff; display:block; font-weight:bold; text-decoration:none; padding-top: 0; padding-right: 10px; padding-left: 10px; }

* html #navigation a {width:1%;}
#navigation a:hover { background-image: url(../pics/navbg_ro.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; }
#navigation .selected
{ color:#fff; background-image: url(../bar.gif); background-repeat: no-repeat; background-position: center bottom; text-decoration:none; }

/***** Content *****/
h1 { font-size: 10pt; font-weight: bold; margin: 15px 0 0; padding: 7px 0 0; border-top: 1px dotted gray; }
h2 { font-size: 10pt; font-weight: bold; margin: 0.83em 0; }
#gallery
{ width:760px; color:#000; background: #ccc; text-align: center; margin: 0; padding-top: 15px; padding-right: 0; padding-bottom: 15px; }
#content { color: #000; background: #ccc; padding: 15px 10px; width: 520px; float: left; }
#contentb
{ float:left; padding:0 0 15px; width:520px; color:#000; background: #ccc; }
#box { color: white; background-color: black; background-position: left top; margin: 0; padding: 5px; }
#box a { color: #fff; text-decoration: none; border-bottom: 1px dotted white; }
#box a:hover { color: maroon; text-decoration: none; border-bottom: 1px dotted maroon; }
#content h3
{ color:inherit; font-size:1.4em; margin:0; padding:10px 5px 2px 0; text-align:left; background:inherit; border-bottom: 1pt solid black; }
#content h4
{
	color:inherit;
	font-size:.8em;
	margin:0;
	padding:0 0 0 10px;
	font-weight:normal;
	background:inherit;
}

#content p
{
	margin:10px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

#content a
{ color: black; text-decoration:underline; }

#content a:hover
{ color: maroon; text-decoration:underline; }
#tablehead { color: white; font-weight: normal; background-color: maroon; text-align: center; padding: 5px;; }
table { font-size: 10px; line-height: 10px; background-color: white; width: 188px; margin: 0; border-style: solid; border-width: 1px; }
tr.alt { background-color: silver; }
td { text-align: center; padding: 6px 5px 5px; border-bottom: 1px solid gray; }
.indent { line-height: 18pt; margin-top: 15px; margin-left: 10px; }
.newsbg { background-color: #ccc; background-image: none; width: 500px; visibility: visible; float: left; clear: left; margin-bottom: 10px; padding: 5px 10px; border-bottom: 1px dotted #900; }
/***** Side Content *****/

#sidecontent
{ margin:0; padding:15px 10px; float:right; width:200px; }
#sidecontent h3
{ font-size:10pt; background-repeat: inherit; background-attachment: inherit; background-position: inherit; margin:0; padding:10px 5px 2px 0; text-align:left; }
#sidecontent h4
{ font-size:6pt; font-weight: normal; margin:0; text-align: left; }
.flickr-thumbnail, .flickr-pullout {
	float: left;
		background: url(../pics/flickr_shadow.gif) no-repeat right bottom;
	margin: 5px 5px 0 6px;
 	padding: 0;
	display: block;
	width: auto;
	_position: relative;
	}
.flickr-thumbnail-rt, .flickr-pullout-rt {
	float: right;
		background: url(../pics/flickr_shadow.gif) no-repeat right bottom;
	margin: 5px 0 0 6px;
 	padding: 0;
	display: block;
	width: auto;
	_position: relative;
	}
.flickr-thumbnail img, .flickr-pullout img {
		 background-color: #fff;
	 border: solid 1px #a9a9a9;
	 display: block;
	 margin: -2px 2px 2px -2px;
	 padding: 5px;
	 position: relative;
	}
.flickr-thumbnail-rt img, .flickr-pullout-rt img {
		 background-color: #fff;
	 border: solid 1px #a9a9a9;
	 display: block;
	 margin: -2px 2px 2px -2px;
	 padding: 5px;
	 position: relative;
	}
.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}
.flickr-thumbnail-rt img:hover, .flickr-thumbnail-rt:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}
#sidecontent ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#sidecontent li
{
  padding: 0.1ex 0;
}

#sidecontent li a
{
	color:#000;
	text-decoration:none;
	font-size:1em;
	display:block;
	padding:8px 20px;
	background:inherit;
}

#sidecontent li a:hover
{
	background:#94CC29;
	color:white;
}
/***** Footer *****/

#footer
{ clear:both; color:white; font-size:8pt; height:20px; background: black; padding:5px 0; text-align:center; }

#footer a
{
	background:inherit;
	color:white;
	text-decoration:none;
}

#footer a:hover
{ color: silver; }

#footer .left
{
	margin:0 0 0 8px;

}

#footer .right
{
	
	margin:0 8px 0 0;
}