html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-color:#000000; background-image:url(images/ptjbackground.jpg); background-repeat:no-repeat; background-position:top center;}
p{margin:0 10px 10px}
div#header{height:200px;margin:0;
  padding-left:10px;background-image:url("/assets/templates/ptj/images/header.jpg"); background-repeat:no-repeat;}
div#navigation {padding-top:5px;padding-bottom:5px;background: #888888;color:#404040;}
div#container{text-align:left; border: 1px solid #888888; background-color:#ffffff;}
div#content p{line-height:1.4}
div#rightbox{}
div#extra{}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

/*Layout Bits*/
div#container{width:800px;margin:0 auto}
div#navigation{width:100%; margin-bottom:5px;}
div#content{padding-top:5px; padding-bottom:5px;}
div#rightbox{float:right;width:400px; padding-top:5px; padding-bottom:5px; text-align:center;}
div#guestbookform{float:right;width:360px; padding:5px; clear:left; }
div#extra{float:left;width:400px; padding-top:5px; padding-bottom:5px;}
div#wrapper{clear:both;}
div#footer{clear:both;width:100%; text-align:right;}
div#headerleft {padding-top:100px;  margin-left:100px;width:250px; height:100px;}
div#headerright {float:right; padding-top:100px; margin-right:150px; width:240px; height:100px;}
a:link {font-weight: bold; font-size:11px; color: #0069b7; text-decoration: none;}
a:active {font-weight: bold; font-size:11px; color: #0069b7; text-decoration: none;}
a:visited {font-weight: bold; font-size:11px; color: #0069b7; text-decoration: none;}
a:hover {font-weight: bold; font-size:11px; color: #000000; text-decoration: none;}

.hide {display:none;}

.imgthumbs {
adding:3px;
border:1px #999 solid;
}
.studiotable {
text-align:center;
}
/*  MENU */
/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:2px 0 30px 0; z-index:400000;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#333333; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#999999;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* Forms 
------------------------------------------------------------------------------- */
form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.second,
form label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
form label.state { width: 60px; }

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.zip input {
	float: left;
	width: 80px;
}
form label.zip { clear: none; }

form label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
	width: 330px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}


/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

#sidebarlogin {width:110px !important;}
#sidebarlogin input {display: none !important; color: black !important;}
#sidebarlogin fieldset input{width: 110px !important; display: block !important;}
#sidebarlogin label{width: 110px !important; display:block !important; float: left;}

#sidebarlogin #checkbox_1 {	width: auto !important; display: inline !important; position: relative; float: none !important; border: 0 !important; 	margin: 25px !important;}
#sidebarlogin h3 {
display: none; height: 0 !important; width: 0 !important;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}
#sidebarlogin #forgotpsswd {
	font-size: 70%;
	display: block;
	float: none !important;
	margin: 0 !important;
}


/*  ------------------ NEWS PAGES SPECIFIC -------------------- */  
#nl_pages {margin-left:10px;}
#newscontent{margin:10px; min-height:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#newscontent h3 {margin-bottom:3px;}
.nl_info {font-size:10px; color:#969696;}

/* -----------HEADER STYLES -----------------------*/
#headerleft ul li { list-style:none; color:#FFFFFF; font-weight:bold; font-size:18px;}
#headerright ul li {list-style:none; color:#FFFFFF; font-weight:bold; font-size:18px;}
#headerright a {font-size:18px;}