@charset "utf-8";
/* CSS Document */

/* Loading Section: yrs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}
table {
   border-collapse:collapse;
   border-spacing:0;
}
fieldset,img {
   border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
   font-style:normal;
   font-weight:normal;
}
ol,ul {
   list-style:none;
}
caption,th {
   text-align:left;
}
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,q:after {
   content:'';
}
abbr,acronym { border:0;} 

/* Loading Section: debug */
/*	Browser: Unknown
	Verson: Unknown
	Platform: Unknown	*/

/* Loading Section: content */
div#content
{
	background-image: url(http://www.4jstudios.com/public/images/content_bg_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	padding: 20px 59px 0px 59px;
	
	min-height: 460px;
}

div#content div#main
{
	padding-top: 15px;
	padding-bottom: 30px;
	width: 555px;
	
	float: left;
}

div#content div#main small
{
	display: block;
	margin-bottom: 10px;
	margin-top: -8px;
	
	line-height: 12px;
	
	padding: 5px;
	background-color: #EEEEEE;
}

/* Loading Section: applyBadge */
img.applyBadge
{
	float: left;
}

/* Loading Section: adminList */
ul#adminList li a
{
	float: left;
	margin: 10px 0px 10px 0px;
	border: solid thin #CCCCCC;
	padding: 10px 20px 10px 20px;
	color: #333333;
	text-decoration: none;
	width: 240px;
	clear: both;
}

ul#adminList li a:hover
{
	color: #000000;
	border: solid thin #999999;
	background-color: #FCFCFC;
}

/* Loading Section: h */
h1{
	font-size: 22px;
}
h2{
	font-size: 17px;
}


h1, h2
{
	line-height: 25px;
	margin-bottom: 15px;
}

/* Loading Section: wrapper */
div#wrapper
{
	width: 1030px;
    margin: auto;
}

/* Loading Section: inlineAdmin */


/* Loading Section: menu */
div#menu
{
	background-image: url(http://www.4jstudios.com//public/images/menu_bg.jpg);
    padding-left: 30px;
    padding: 15px 30px 0px 30px;
	min-height: 120px;
	height: 120px;
}

div#menu img.logo
{
	float: right;
	padding: 3px 25px 13px 0px;
}

div#menu ul#items
{
	margin: 100px 0px 0px 25px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

div#menu ul#items li
{
	float: left;
	margin-right: 10px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

div#menu ul#items li:hover
{
	cursor: pointer;
}

div#menu ul#items li img:hover
{
	cursor: pointer;
}


/* Loading Section: flash */
div#flash
{
	padding: 5px 0px 0px 59px;
	background-image: url(http://www.4jstudios.com/public/images/flash.jpg);
	min-height: 370px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

/* Loading Section: footer */
div#footer{
	
	clear: both;

	text-align: right;
	margin: 0px auto 0px auto;
	width: 975px;
	
	height: 40px;
	padding: 0px;
	padding-bottom: 15px;
	
	background-image: url(http://www.4jstudios.com/public/images/copyright.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Loading Section: adminAddEdit */
form#adminAddEdit
{
	width: 500px;
}

form#adminAddEdit label
{
	float: left;
	width: 100px;
	clear: both;
}

textarea#contentCopy{
	width: 497px !important;
}
form#adminAddEdit input, form#adminAddEdit textarea, form#adminAddEdit select
{
	float: right;
	width: 390px;
	padding: 2px;
	margin-bottom: 6px;
}

form#adminAddEdit textarea
{
	height: 120px;
}

form#adminAddEdit button
{
	margin-top: 15px;
	float: right;
}

/* Loading Section: hr */
hr{
	margin: -5px auto 15px auto;
	width: 975px;
	height: 15px;
	border: none;
	
	background-image: url(http://www.4jstudios.com//public/images/hr.jpg);
	background-repeat: no-repeat;
	
	border: #FFFFFF solid thin;
}

/* Loading Section: actions */
ul#actions li
{
	float: left;
	width: 120px;
	border: solid thin #666666;
	padding: 5px;
	text-align: center;
	
	margin-right: 25px;
}

ul#actions li a
{
	text-decoration: none;
	color: #666666;
}

ul#actions li a:hover
{
	color: #999999;
	text-decoration: underline;
}


/* Loading Section: adminActions */
div#flash a{
	float: left;
	width: 240px;
	height: 240px;
	border: solid 2px #852820;
	text-align: center;
	vertical-align: middle;
	margin: 25px;
}

div#flash a:hover{
	background-color: #bd8884;
}

div#flash a h3 img{
	margin-top: 115px;
	margin-left: 25px;
}



/* Loading Section: fullHeight */
html{
	/*	overflow: scroll;			*/	/*	These bug the fluid footer. */
		overflow-y: scroll;				/*	These bug the fluid footer. */
	
	height: 100%;
}

body{
	height: 100%;
	margin: 0px;
}

div#wrapper{
	min-height: 100% 		!important;
	height: auto 			!important;
	height: 100% 			!important;
	margin: 0 auto 0px auto	!important;		/* the bottom margin is the negative value of the footer's height ( + padding & margins) */
}

/* Loading Section: figure */
/*
div#figure
{
	width: 367px;
	float: right;
	padding-right: 20px;
}

div#figure embed{
	position: absolute;
	top: 400px;
	width: 367px;
	height: 464px;
}
*/

div#figure
{
	width: 367px;
	height: 464px;
	min-height: 464px;
	margin-top: -464px;		/*	This is the size of the figure + how much we want it to overlap the flash	*/
	float: right;
}


/* Loading Section: body */
body{
	background-image: url(http://www.4jstudios.com//public/images/content_bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
    font-size: 12px;
    margin: 0px;
	
	line-height: 18px;
}

a{
	color: #882520;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* Loading Section: subnav */
ul#subnav{
	float: left;
}

ul#names
{
	float: right;
}

ul#subnav, ul#names{
	padding-top: 10px;
	padding-right: 20px;
	width: 230px;
}


ul#subnav li, ul#names li{
	padding: 5px;
	border-left: solid thin #E3E3E3;
	border-bottom: solid thin #E3E3E3;
	margin-bottom: 10px;
	cursor: pointer;
}

ul#subnav li:hover, ul#subnav li.selected, ul#names li:hover, ul#names li.selected{
	cursor: pointer;
	border-left: solid thin #CCCCCC;
	border-bottom: solid thin #CCCCCC;
	background-color:#F9F9F9;
}