html {		}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a img {
margin: 0;
padding: 0;
border: 0;
height: auto;
}

body {	font-family: "Courier New", Courier, monospace, serif;
	font-size: 62.5%;
	background: #000 url('../img/body_bg_jr0.jpg') top center repeat;
	color: #50453C;
	text-align: center;
}

* {	margin: 0;
	padding: 0;
}

/* Layout **********************************************************/

#container {
	width: 980px;
	text-align:left;
	margin:auto;
	position:relative;
}

#header {
	height: 56px; /* 66 */
	background: #D9CDB3 url('../img/header_b_jr304v11.jpg') top center no-repeat;
	padding: 148px 0 0 0; /*138*/
}

#header a.logo {
	display:block;
	width: 450px;
	height: 90px;
	position:absolute;
	top: 35px;
	left: 150px;
}

a.logo img {
	display:none
}

#header div a {
	display:block;
	width: 220px;
	height: 10px;
	position: absolute;
	top: 40px;
	right:10px;
	background: transparent;
	text-indent: -3000px;
	outline:none
}


/* MENU BAR */
#header ul {
	list-style-type:none;
	margin: 0px 0px 0px 140px;
}

#header ul li {
float:left;
}

#header ul li a {
display:block;
height:25px;
padding: 0 0px 0 0;
text-indent: -3000px;
}

img.thumb {
	float:left;
/*	padding: 5px;*/
	margin: 5px 5px 5px 0px ;
/*	border: 1px solid #515B69;*/
	display:inline;	/* Corrects IE double margin float bug */
}

/* Formatting *******************************************************/

a {
	color:#e36c15;
	text-decoration:none;
	outline:none;
}
a img {
	text-decoration:none;
}

a:hover {
	color: #50453C;
	text-decoration:underline;
}

p span {
	font-weight: bold ;
	color: #000;
	background: #D0D4AD ;
}

p, li {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 1em 0 ;
}

ul {
	margin: 0 0 0 0px ;
}

ul li {
	font-size: 120%;
	line-height: .4em;
	list-style-type: none;
}

li span {
padding: 0 0 0 20px ;
}

ol {
	margin: 0 0 0 15px;
}
/*
li span a {
	font-weight: bold ;
	color: #000;
	background: #D0D4AD ;
}
*/
h1 {
	font-size: 250%;
	margin: 0 0 0.5em 0;
	color: #50453C;
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
}

h1.startheadline {
	border-bottom: 1px solid #C8BFAD;
	padding: 0 0 0.5em 0;
}

h1.refer 	{
	width: 300px;
	float:left;
	}

h2 {
	font-size: 250%;
	margin: 0 0 0.5em 0;
	color: #50453C;
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
}

h3 {
	font-size: 160%;
	margin: 0 0 0.5em 0;
	color: #50453C;
	font-family: "Times New Roman", Times, serif;
}

h4 {
	font-size: 140%;
	margin: 0 0 0.5em 0;
	color: #50453C;
}

h4 strong {
	font-size: 250%;
	color:#9D9384;
	padding: 0 3px 0 0
}

hr {
	line-height: 1px;
	margin: 5px;
	color: #C8BFAD;
	background: #C8BFAD;
	height: 1px;
	font-size: 1px;
	border:0;
}
a[href$=".pdf"] {
	background: url('../img/pdf-ii.jpg') no-repeat right top;
	padding: 0 15px 0 0;
}
a[href^="http:"] {
	background: url('../img/exlink-i.gif') no-repeat right center;
	padding: 0 10px 0 0;
}
a[href^="http://region2.ipmsrichmond.org"] {
	background-image: none;
	padding: 0 0 0 0;
}
a.thumbpic1,a.thumbpic1:visited,a.thumbpic1:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 3px 3px 3px 3px;
	margin: 0 3px 3px 0px ;
	border: 1px solid #575757;
}
a.thumbpic1:hover {
	background-color: #e36c15 ;
	border: 1px solid #ccc;
}
a.thumbpictheme,a.thumbpictheme:visited,a.thumbpictheme:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-theme-bg.jpg) left repeat-x;
}
a.thumbpictheme:hover {
	border: 1px solid #ccc;
	background: url(../img/case-theme.jpg) left repeat-x;
}
a.thumbpicpeep,a.thumbpicpeep:visited,a.thumbpicpeep:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-peep-bg.jpg) left repeat-x;
}
a.thumbpicpeep:hover {
	border: 1px solid #ccc;
	background: url(../img/case-peep.jpg) left repeat-x;
}
a.thumbpicbest,a.thumbpicbest:visited,a.thumbpicbest:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-best-bg.jpg) left repeat-x;
}
a.thumbpicbest:hover {
	border: 1px solid #ccc;
	background: url(../img/case-best.jpg) left repeat-x;
}

a.thumbpicair,a.thumbpicair:visited,a.thumbpicair:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-air-bg.jpg) left repeat-x;
}
a.thumbpicair:hover {
	border: 1px solid #ccc;
	background: url(../img/case-air.jpg) left repeat-x;
}
a.thumbpicarm,a.thumbpicarm:visited,a.thumbpicarm:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-armor-bg.jpg) left repeat-x;
}
a.thumbpicarm:hover {
	border: 1px solid #ccc;
	background: url(../img/case-armor.jpg) left repeat-x;
}
a.thumbpicaut,a.thumbpicaut:visited,a.thumbpicaut:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-auto-bg.jpg) left repeat-x;
}
a.thumbpicaut:hover {
	border: 1px solid #ccc;
	background: url(../img/case-auto.jpg) left repeat-x;
}
a.thumbpicfig,a.thumbpicfig:visited,a.thumbpicfig:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-figure-bg.jpg) left repeat-x;
}
a.thumbpicfig:hover {
	border: 1px solid #ccc;
	background: url(../img/case-figure.jpg) left repeat-x;
}
a.thumbpicdio,a.thumbpicdio:visited,a.thumbpicdio:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-diorama-bg.jpg) left repeat-x;
}
a.thumbpicdio:hover {
	border: 1px solid #ccc;
	background: url(../img/case-diorama.jpg) left repeat-x;
}
a.thumbpicjun,a.thumbpicjun:visited,a.thumbpicjun:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-junior-bg.jpg) left repeat-x;
}
a.thumbpicjun:hover {
	border: 1px solid #ccc;
	background: url(../img/case-junior.jpg) left repeat-x;
}
a.thumbpicship,a.thumbpicship:visited,a.thumbpicship:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-ship-bg.jpg) left repeat-x;
}
a.thumbpicship:hover {
	border: 1px solid #ccc;
	background: url(../img/case-ship.jpg) left repeat-x;
}
a.thumbpicspace,a.thumbpicspace:visited,a.thumbpicspace:active {
	float: left;
	display:inline;	/* Corrects IE double margin float bug */
	padding: 2px 2px 24px 2px;
	margin: 0 4px 4px 0px ;
	border: 1px solid #575757;
	background: url(../img/case-space-bg.jpg) left repeat-x;
}
a.thumbpicspace:hover {
	border: 1px solid #ccc;
	background: url(../img/case-space.jpg) left repeat-x;
}


/*Content ***********************************************/
#content_wrap {
	clear:both;
	background: #D9CDB3 url('../img/content_jrv03.jpg') repeat-y;
	padding: 0 50px 0 30px;
	float:left;
}


/* Two Column structure */

.col_wrap {
	background: url('../img/col_wrap.jpg') 440px 0 repeat-y;
	float:left;
	width: 900px;
}

.col_wrap_none {
		float:left;
	width: 860px;
	padding: 10px 10px 0 10px;
}

.col1 {
	width: 420px;
	float:left;
	padding: 10px 10px 0 10px;
}

.col2 {
	width: 420px;
	float:right;
	padding: 10px 20px 0 20px;
}


/*Footer ****************************************************/

#footer {
	clear:both;
	height: 310px;
	background: url('../img/footer_b_jr_01.jpg') bottom center no-repeat;
	padding: 20px 50px 0 50px;
}

#footer h5 {
	font-family:"Times New Roman", Times, serif;
	font-size: 200%;
	font-weight:normal;
	height: 20px;
	text-transform:uppercase;
	letter-spacing: 2px
	}

#footer h5 span {
	color:#e36c15;
	}

#step {
	height: 170px;
	margin: 0 0 20px 0;
	}

.stepcol {
	width: 156px;
	padding: 10px 10px 10px 10px;
	float:left;
	}

.stepcol h4 {
	font-size: 140%;
	margin: 0 0 3px 0;
	font-family: "Times New Roman", Times, serif;
	}

.stepcol span {
	display:block;
	width: 15px;
	float:left;
	color:#DA4A51;
	}

.stepcol p {
	font-size: 11px;
	padding: 0 0 0 15px;
	line-height: 1em
	}

/** MENU STRUCTURE *****************************************/
#header ul li a.home {
width:64px;
background:url('../img/home.jpg') 0 0 no-repeat;
}
#header ul li a.photos {
width:64px;
margin: 0 0 0 22px;
background:url('../img/photos.jpg') 0 0 no-repeat;
}
#header ul li a.events {
width:64px;
margin: 0 0 0 22px;
background:url('../img/events.jpg') 0 0 no-repeat;
}
#header ul li a.rules {
width:64px;
margin: 0 0 0 22px;
background:url('../img/rules.jpg') 0 0 no-repeat;
}
#header ul li a.categories {
width:80px;
margin: 0 0 0 28px;
background:url('../img/categories.jpg') 0 0 no-repeat;
}
#header ul li a.contacts {
width:80px;
margin: 0 0 0 28px;
background:url('../img/contacts.jpg') 0 0 no-repeat;
}
#header ul li a.location {
width:70px;
margin: 0 0 0 22px;
background:url('../img/location.jpg') 0 0 no-repeat;
}
#header ul li a.downloads {
width:85px;
margin: 0 0 0 22px;
background:url('../img/downloads.jpg') 0 0 no-repeat;
}

#header ul li a:hover {
	background-position: 0 -25px
	}
#header ul li a.active {
	background-position: 0 -25px
	}
/********************** SUB MENU ****************************/
#subheader ul {
	list-style-type:none;
	margin: 0px 0px 0px 0px;
}
#subheader ul li {
float:left;
}
#subheader ul li a {
display:block;
height:25px;
padding: 0 0 0 0;
text-indent: -3000px;
}
#subheader ul li a.one {
width:110px;
margin: 0 0 0 10;
background:url('../img/part-one.jpg') 0 0 no-repeat;
}
#subheader ul li a.two {
width:110px;
margin: 0 0 0 10;
background:url('../img/part-two.jpg') 0 0 no-repeat;
}
#subheader ul li a.three {
width:110px;
margin: 0 0 0 10;
background:url('../img/part-three.jpg') 0 0 no-repeat;
}
#subheader ul li a.four {
width:110px;
margin: 0 0 0 10;
background:url('../img/part-four.jpg') 0 0 no-repeat;
}
#subheader ul li a:hover {
	background-position: 0 -25px
	}
#subheader ul li a.active {
	background-position: 0 -25px
	}



/* Hacks ************************************************/
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearing floats */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Safari-Browser */
.clearfix { display: block; }

/* Clear in IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.floatbox { overflow:hidden; }


