*{ padding:0; margin:0; }

html, body, #wrapper
{
	min-height: 100%; /*Sets the min height to the height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height
     for IE5+/Win, since IE wrongly expands
     an element to enclose its content.
     This mis-behavior screws up modern  
     browsers*/
}

html>body, html>body #wrapper 
{
    height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

body
{
	font-family: arial, "Trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	background-color: black;
	background-attachment: fixed ;
	font-size: 80%;
	color: #f0f0f0;
}
 
#container
{
	width: 100%; position: relative; margin: 0 auto; height: 90%; min-height: 90%;
}
#wrapper 
{
	position: absolute;
	left: 0;
	top: 0;
	
	text-align: left;
background-image: url(../images/CJDigital_Logo_Watermark.jpg); background-repeat: no-repeat; background-position: bottom right;
	
}
#header
{
	background-color: black; 
}
#footer 
{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: black;
	color: #333333;
	width: 100%;
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size: 0.7em;
	margin: 0;
	border-top: 1px solid #333333;
}
#footer a{ color: #333333; background: none; padding: 0; }
 
#main
{
	margin-bottom: 50px; /*Modify value as needed for footer height.*/
	height: auto;
	
}

table
{
	font-size: 0.85em;
}
p
{
	padding: 5px 0 5px 0;
}
a
{
	text-decoration: none;
	color: white;
}
a:hover
{
	text-decoration: underline;
	/*--color: yellow;*/
}
/*
a[href ^="mailto:"]
{
	background: url(../images/email.gif) center right no-repeat;
	padding-right: 18px;
}
a[href ^="http://"]
{
	background: url(../images/external_link.gif) center right no-repeat;
	padding-right: 15px;
}
*/
h1{ font-size: 2.0em; color: #aaaaaa; font-weight: 100; text-align: left; padding-left: 10px; margin-bottom: 10px; margin-top: 5px; border-bottom: 1px solid #333333; }
h2{ font-size: 2.0em; color: white; font-weight: normal; }
h3{ margin-top: 10px; }
h4{ font-size: 1.5em; color: white; font-weight: normal; }
h5{ font-size: 1.5em; color: #aaaaaa; font-weight: 100; text-align: left; padding-left: 10px; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #333333; }
h6{ font-size: 1.5em; color: #aaaaaa; font-weight: 100; text-align: left; padding-left: 10px; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #333333; }
h7{ font-size: 1.5em; color: #aaaaaa; font-weight: 100; text-align: left; padding-left: 10px; margin-top: 15px; margin-bottom: 5px; border-bottom: 1px solid #333333; }


.textsection
{
	background: white; border-bottom: 0px solid #eeeeee; padding: 10px;
}

ul
{
	list-style-position: inside;
}
ol
{
	list-style-position: inside;
}

ul#mainmenu
{
	list-style: none;
}
ul#mainmenu li
{
	display: inline;
	border-right: 1px solid #333333;
}
ul#mainmenu li a
{
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	color: #f0f0f0;
}
ul#mainmenu li a:hover
{
	text-decoration: underline;
}


a.image_link img{ border: 0; filter: alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; }
a.image_link:hover img{ filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;  }

div.nextimage{ clear: right; float: right; margin: 20px; padding-bottom: 50px; background-position: top center; background-repeat: no-repeat; }

td.gallery
{
	padding-bottom: 50px; background-position: top center; background-repeat: no-repeat;
}



table.page_top_table
{
		font-size: 14px;
/*		font-weight: bold;*/
		color: #ffffff;
}
table.page_top_table td
{
	padding: 50px 10px 50px 25px;
}

table.page_top_table th
{
	text-align: left;
	background: #000000; font-size: 30pt; /*font-weight: bold*/; color: #ffffff; border-bottom: 2px solid #C0C0C0; padding-top: 15px; padding-left: 15px; padding-right: 10px;
}


able.link_menu td
{
	font-family: Tahoma; font-weight: bold;	font-size: 11px; padding: 5px 5px 5px 5px; background: #222222; border-bottom: 1px solid #444444;
}

table.link_menu td
{ padding-right: 10px; padding-left: 10px; border-right: 1px solid #dddddd; color: #dddddd; text-decoration: none; }

table.link_menu a:hover
{ text-decoration: underline; }


ul.main_links{ width: 800px; list-style: none; padding: 10px 20px 10px 20px; }
ul.main_links li{ display: inline; }	
ul.main_links li a{ background-position: center left; margin-bottom: 5px; color: white; display: block; text-decoration: none; padding-left: 40px; padding-top: 10px; padding-bottom: 10px; background-image:url(/css/rollover1.jpg); background-repeat:no-repeat; }
ul.main_links li a:hover{ background-color:#222222; background-image:url(/css/rollover2.jpg); background-repeat:no-repeat; }

span.title{ font-size: 1.2em; }