/* Section 1       general CSS */
body, td, th, h3, input { /* redundant rules for bad browsers  */
	font-family: Arial, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

body {
	margin: 0 20px 2em 10px;
	font-size: 100%;
	color: #1C1C1C;
	background: #FFFAFA
}

a		{ text-decoration: none;}
a:link		{ color: #00868B; font-weight: bold } 
a:visited	{ color: #006400}
a:hover 	{ color: #FF4500; background: #B4EEB4} /* must set background for IE hoverbox */
a:active	{ color: #FFFF00}

h1	{
	height: 125px; 
	margin-top: 0.5em; 
	margin-bottom: 0px; 
	text-align: center}

h1 img {float: left}

h1, .footer	{
	border: 1px solid #2E8B57;
	background: #F0FFF0;
}

p {margin-top: 0.25em; margin-bottom: 0.75em;}
dl {margin-bottom: 0.75em;}
ol, ul {padding-left: 1.5em;}


table.centr	{ margin-left: auto; margin-right: auto; text-align: left;}




.piccent, .picleft, .picright {
	border:1px solid #B5B5B5;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 0.25em 0.75em;
}

.piccent {
	margin-left: auto;
	margin-right: auto;
}

.picleft {
	float: left;
	margin: 0.5em
}

.picright {
	float: right;
	margin: 0.5em
}





/* Section 1b       Structural Scaffold */

.contnet {	background: #F0FFF0;
		padding: 1em;
		border: 1px solid #2E8B57;
}

/* content + menu - footer -header  */
#mBody {
	clear: both;
	padding: 0.5em 0;
}

.footer {
	clear: both;
	margin-top: 1em;
	padding: 0.25em;
	text-align: center;
}

address {text-align: left;
	padding-top: 1em
}

address a {font-weight: bold}


#container {
	max-width: 70em;
	margin: 0 auto;
}



.sidebar_content {
	width: 60%;
	float: left;
}



#side {
	float: left;
	width: 10em;;
	margin-bottom: 1em;
}

#mainContent {
	margin-left: 10.5em;
}
.nomenu #mainContent {
	margin-left: 0;
}
.bodyleft {
	margin-left: 25% ! important
}
#mainContent.right {
	float: left;
	width: 62%;
	margin-bottom: 1em;
	margin-left: 0;
}

#side.right {
	float: none;
	width: auto;
	margin-left: 65%;
}

p.security-update {
	padding-left: 35px;
	background: url(../../images/security-update.png) no-repeat;
	margin-top: 0;
	min-height: 30px;
}




/* Section 2       main menues */
/* Sidebar */

#nav {
	border: 1px solid #2E8B57;
}

#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav {
	margin-bottom: 1em;
}	
#nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav li span { /* used for un-linked menu items */
	display: block;
	padding: 6px 10px;
	font-weight: bold;
	color: #666;
}

#nav li span#configParent, #nav li span #configuration {
	display: inline;
	font-weight: normal;
	padding: 0;
}

#nav li a {
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	font-weight: bold;
	background: #C1FFC1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 2px solid   	#7CCD7C;
	border-right: 1px solid   	#7CCD7C;
}
li.here a {
	background: #F0FFF0 !important; 
	cursor: default;
}

#nav li a:hover {
	background:   	#B4EEB4;
}

#nav ul li span,#nav ul li a {
	padding: 4px 8px 4px 20px;
}


/* Section 3       Specific to certain pages */
/* Links Page */
dt {
	background-image: url(images/60pizzabugr2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* Contact Forms */
fieldset { 
	background: #FFFFCC; 
	margin: 2em;
	padding: 0.5em;
}

legend { 
	font-weight: bold; 
	border-width: 3px;
	border-style: ridge;
	border-color: #006400;
	padding: 0 0.5em;
	background: #C0FF3E;
}

.contactform .required {
	font-family: verdana, sans-serif; 
	font-size: 1.25em;
	font-weight: 800;
	color: #F00; 
	cursor: help
}


label {
	float: left;
	display: block;
	width: 10em;
	margin-right: 0.5em;
	text-align: right;
	font-weight: bold;
}

.contactform input, .contactform div textarea {
	margin: 0.35em 0.25em; 
	border: 1px solid #DFB90D;
	background:#FFF;
	background-image: url(images/input_grad.png);
	background-repeat: repeat-x;
	padding: 0.15em;
	padding-left: 0.5em;
}

.contactform div input, .contactform div textarea {
	width: 65%;		/* does not align in FF using em */
}

.contactform div input.inmust, .contactform div textarea.inmust {
	background-image: url(images/input_grad5.png);
	background-color: #ffedf6;
	border: 1px solid #FF0000;
}

.contactform div input.rad {
	width: 2em;
}

.subbutton {cursor:pointer;}








tfoot td {
	font-weight: bold;
}

table.sepr {border-collapse: collapse}
.sepr td {
	 border-top: 1px solid #EEC591; 
	 border-bottom: 1px solid #EEC591;
	 padding-left: 1em;
}





/* tooltip */
#pup {
	position:absolute; 
	visibility:hidden; 
	z-index: 200; 
	width: 130px; 
	text-align: center; 
	border: 1px dashed #000000; 
	padding: 3px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='green80.png');
}

#pup[id] {
	background: url(green80.png);
}

/* tooltip2 */
#dhtmltooltip
{
	text-align: left;
	width:150px;
	font-family: Arial, sans-serif;
	font-weight: bolder;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;	
	border: 1px solid #000;
	z-index: 100;
	background-color: #BA55D3;
	background: url(green80.png);
	-moz-border-radius: 5px;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=85);
}



/* HoverBox Gallery */

ul.hoverbox, ul.hoverboxV {
	padding-left: 0px;
}

.hoverbox, .hoverboxV {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	list-style: none none;
}

/* clearfix start */
 .hoverboxV:after, .hoverbox:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.hoverbox .hoverboxV {height: 1%;}
/* note also IE hack used */
/* clearfix end */

.hoverboxV li, .hoverbox li {
	position: relative;
	list-style: none none;
	background: #C0D0C0;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	width: 156px;
	height: 119px;
}

.hoverboxV li {
	width: 119px;
	height: 156px;
}

.hoverboxV li a, .hoverbox li a {
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	display: block;
	width: 156px;
	height: 119px;
}

.hoverboxV li a {
	width: 119px;
	height: 156px;
}

.hoverboxV li a:hover, .hoverbox li a:hover {
	font-size: 100%;
	z-index: 1;
}

.hoverboxV li a img, .hoverbox li a img {
	width: 150px;
	height: 113px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverboxV li a img {
	width: 113px;
	height: 150px;
}

.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img,
.hoverbox li a:hover img,.hoverbox li a:active img,.hoverbox li a:focus img {
	position: absolute;
	display: block;
	width: 300px;
	height: 225px;
	left: -100px;
	top: -60px;
	z-index: 1;
	border-color: #828282 #363636 #363636 #828282;
	border-style: solid;
	border-width: 4px;
}
.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img {
	width: 225px;
	height: 300px;
	left: -60px;
	top: -75px;
	z-index: 1;
}