/*typography*/
body{
	text-align: center;
	font-family: "lucida grande", verdana, arial, sans-serif;
	font-size: 67%;

}

h1,h2,h3{
	font-family: "lucida grande", verdana, arial, sans-serif;
}
h1{font-size: 170%}
h2{
	font-size: 130%;

}
h3{font-size:110%;letter-spacing:1px;margin:0 5px}
h2{margin: 0 15px;padding:0;
}
p{
	margin: 0 25px 0 15px;
	padding:0 0 1em 0;
	line-height: 1.7;
	/*text-align: justify;*/
}
a{text-decoration: none}
blockquote{
	font-size: medium;
	font-style: italic;
}

address{
	padding: 3px 15px;
	font-style:normal;
	font-weight: bold;
}
div#relax p{font-size: 150%; line-height: 1.1}
div#main_nav li{
	font-variant: small-caps;
	font-weight: bold;
	}
div#sidenotes p{font-size: 90%;line-height: 1.5;text-align:left;}
.biggestbanner{
	margin:0; padding:0;
	font-family: arial, sans-serif;
	font-size:36px;
	font-weight: bold;
	text-align:center;
}
.bigbanner{
	margin:0; padding:0;
	font-size:24px;
	font-weight: bold;
	text-align:center;
}
/*layout*/
* {
	padding:0;
	margin:0;
	/*border: 0px;*/
}
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
body.no_sidenotes #sidenotes{display: none}
body.no_sidebar #sidebar{display: none}
div#container{width: 100%;min-width: 800px;max-width: 1200px;margin: 0 auto; padding: 0; text-align: left; border: thin solid #29166F;}
div#header{
	height: 132px;
}
div#header ul{
	list-style:none;
	margin: 0;
	/*padding: 2px 0 2px 0;*/
	background:url(gfx/jcmbands_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 4px 10px 4px 126px;
	float: right;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #29166F;
	border-left-color: #29166F;
}
div#header li{
	display:inline;
	list-style:none;
	padding: 0px 10px;

	
}
div#header a{
	
}
/*div#header h1 {
	margin:0; padding:0;
	position: absolute;
	top: 0px;
	left: 12px; 
	z-index: 2;
	width: 350px;
	text-indent: -4000px;
	background: url(gfx/screen_wt.gif);
}
div#header h1 a{
	display: block;
	width: 350px;
	height: 61px;
	background: url(gfx/jcmlogo350wFFF.gif);

}
*/

div#content h1 {
	margin: 5px 0 0 0;
	padding:0;
	width: 350px;
	text-indent: -3000px;
	background: #fff url(gfx/jcmlogo350w0c6.jpg) no-repeat right;
}
#content h1 a{
	display: block;
	width: 350px;
	height: 61px;
	background: #0c6 url(gfx/jcmlogo350w0c6.gif) no-repeat;
}
/*div#header h1{margin:0 5px;padding:60px 0 0 10px; border: 1px solid; border-color: #FFCC00}
div#header a{margin-left: 10px}*/
div#main_nav{height: 15px; width: 100%; margin: 10px 0 0 0; padding: 0}
div#main_nav ul{float: left; margin: 0; padding: 0; list-style: none;}
div#main_nav li{float: left; margin: 0; padding: 0 15px; list-style: none;}
div#main_nav a{margin: 5px 0; padding: 0 0 0 15px; color: #FFCC00}
div#sidebar{float: right;width: 160px; margin:0 0 15px 0;}
div#sidebar div{padding: 5px 0;margin-bottom: 5px; text-align:center}
div#sidebar div#menu{margin: 0 5px}
div#nav ul,div#nav li{margin:0 0 15px 0;padding:0;list-style-type:none;line-height: 1.5em}


div#sidebar h3{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #000066;
	margin-top: 2px;

}

div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
div#sidenotes p{margin: 0 15px;padding:0;}
div#sidenotes h3{margin: 0 0 10px 0;padding:5px 0;}
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
div#content{margin: 0 165px 0 165px; padding:0}
div#content h2{
	/*border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #000066;*/
	margin: 8px 0 5px 0;
	padding: 2px 0 2px 0;
	background:url(gfx/jcmbands_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*div#content img{margin: 10px; padding: 0;border: 1px solid #29166F;}*/

div#content ul{margin: 0 25px 15px 25px; padding: 0; font-style: italic; line-height: 2em;}
div#content li{
	margin: 0 0 0 35px;
	padding: 0;
	font-size:larger;
}
fieldset{
	margin:5px 10px;
	padding:1em 0.5em;
	border: 1px solid #29166F;
	width:420px;
	line-height:1.7em;
}
legend {
	font-weight:bold;
	color:#333333;
}
#enquiry label,
#register label {
	font-weight:bold;
	float:left;
	width:14em;
	text-align:right;
}
#enquiry input,
#register input {
	width:200px;
	margin-left:5px;
	background:#CCFFCC;
	border: 1px solid #29166F;
}
#register input.radio {
	width:20px;
	float:right;
	vertical-align:middle;
	background:none;
	border: none;

}
textarea {
	width:200px;
	margin-left:5px;
	height:150px;
	background:#CCFFCC;
	border: 1px solid #29166F;
}
input:focus, textarea:focus {
	background:#FFFFCC
}
#enquiry input.submit,
#register input.submit {
	width:auto;
	margin:1em;
	padding:0 1em;
}
.box{margin: 10px; padding: 0;border: 1px solid #29166F;}
blockquote{float:left;display:inline;width: 200px;margin: 0 10px 5px 15px;padding: 5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#relax{margin: 0 15px 10px;padding: 5px 0;clear: left}
div#relax p, div#relax h2{margin: 0 5px}
div#footer{clear: both;margin: 20px;padding:5px 10px 5px 100px;text-align: center}
.fl{float:left;display:inline;margin: 0 10px 5px 0px}
.fr{float:right;display:inline;margin: 0 10px 5px 15px}
div#columnmenu{margin: 0;padding: 0;width:160px;float: left;text-align:center}
div#columnmenu ul{list-style-type: none;margin:0;padding:0}
div#columnmenu li{width: 140px;margin: 0px 10px 4px 10px;background-color: #0093DD;}
div#columnmenu li a{display: block;width: 130px;margin:0 5px;border: 0px}
#columnmenu p {
	margin:0;padding:0;
}
#columnmenu p img {
	display: block;
	margin: 10px 0;
}


/*colors*/
body{background: url(gfx/waterbkg2.jpg);color: #333}
div#container{
	background: #0C6;
	background-image: url(gfx/2-colbkg.gif);
	background-repeat: repeat-y;
}
div#columnmenu{background: #29166F}
div#header{
	color: #FFFF00;
	background: #29166F;
	background-image: url(gfx/imagestrip.jpg);
	background-repeat: repeat-x;
}
/* div#header h1{
	background-color: #CCC;
	background-image: url(gfx/header-bkg-3.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
} */

div#header td{
	color: #FFFF00;
	font-size: xx-small;
	font-weight: bold;
	font-variant: small-caps;
}

h2{
	color: #FFFFFF; 
	background-color:#29166F;
	font-weight:bold;
}
.h2{
	margin:0 0 0 126px; padding:2px 20px 2px 0;
	background-image:url(gfx/jcmbands_right.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
div#sidenotes h3{color: #FFFFFF; background:#29166F}
/*div#sidenotes p{color: #FFFFFF; background:#0093DD}*/
div#header ul{background-color: #29166F;}
div#header a{color: #FFFF00;/*font-weight: bold;*/}
div#header a:link{color: #FFFF00;}
div#header a:visited{color: #FFFF00;}
div#header a:hover{color: #FF0000;}
div#header a:active{color: #FFFF00;}
div#columnmenu a{color: #FFFF00;/*font-weight: bold;*/}
div#columnmenu a:link{color: #FFFF00;}
div#columnmenu a:visited{color: #FFFF00;}
div#columnmenu a:hover{color: #FF0000;}
div#columnmenu a:active{color: #FFFF00;}
div#main_nav a:link{background: url(gfx/mnarrowbullet.gif) no-repeat 0px 50%; color: #FFCC00;}
div#main_nav a:visited{background: url(gfx/mnarrowbullet.gif) no-repeat 0px 50%; color: #FFCC00;}
div#main_nav a:hover{background: url(gfx/mnarrowbulletdown.gif) no-repeat 0px 50%; color: #FF3300;}
div#main_nav a:active{background: url(gfx/mnarrowbulletdown.gif) no-repeat 0px 50%; color: #FF3300;}
/*div#nav{background: #0C6}*/
div#nav h3{color: #000066}
div#nav a{color: #FFFF00;/*font-weight: bold;*/}
div#nav a:link{color: #FFFF00;}
div#nav a:visited{color: #FFFF00;}
div#nav a:hover{color: #FF0000;}
div#nav a:active{color: #FFFF00;}
div#nav p a:link{background: none}
div#nav p a:visited{background: none}
div#nav p a:hover{background: none}
div#nav p a:active{background: none}
div#content a:link{color: #FFFF00;
	font-weight:bold;
}
div#content a:visited{color: #FFFF00;
	font-weight:bold;
}
div#content a:hover{
	color: #FF3300;
}
div#content a:active{color: #FF3300}

div#sidebar{background:#0093DD}
form{background: #00CC66}
/*fieldset{background:#0093DD}*/
div#content{background: #0C6}
blockquote{color: #29166F; background: #0093DD}
div#globalnav{background: #29166F}
div#relax{background: url(gfx/cleanfarmmachine.jpg)}
div#relax h2{color: #000099}
div#relax p{color: #fff}
div#footer{
background: url(gfx/we-moved.gif) #0C6 no-repeat top left;
color: #333;
}
address{
color: #333;
}
.biggestbanner{color:#29166F;background: #0C6;}
.bigbanner{color:#29166F;background: #0C6;}
.blend{border:none;}