/* To take borders out, simply remove all references to border: and border-bottom */
body
{ 
	margin:0px;
	padding:0px;
}
img
{
	border:0;
}
label
{
	cursor:hand;
	cursor:pointer;
}
#wrapper
{
	position:relative;
}
.panel ul
{
	list-style: none;
	padding: 4px;
	margin: 0;
}
.panel li
{
	margin: 0;
	padding: 0;
}
.panel a
{
	color:#993333;
	text-decoration: none;
}
.panel a:hover
{
	color: #252525;
}
.panel li a
{
	display: block;
	color:#252525;
	padding:3px 5px 3px 5px;
	border:1px solid #F8F8F8;
	text-decoration: none;
}

.panel ul #active a, .panel ul li a:hover
{
	color: #993333;
	border:1px solid #C4C4C4;
	background:#FFF;
}
.panel ul #active a:hover
{
	border:1px solid #333;
}

#footer
{
	clear:both;
	border-top:1px solid #CCC;
	background:#F4F4F4;
	color:#333;
	text-align:right;
	font-size:0.85em;
	margin-top:10px;
	padding:0px 5%;
}
#footer a, #footer a:visited
{
	text-decoration:none;
	color:#3366CC;
}
#footer a:hover
{
	color:#993300;
}
#footer p
{
	margin:0;
	padding:4px 0;
}
#footer ul
{
	border-left:1px solid #CCC;
	position:relative;
	top:-1px;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	background:#EAEAEA;
}
#footer ul li
{
	padding:0;
	margin:0;
	display:inline;
}
#footer ul li a, #footer ul li a:visited
{
	float:left;
	padding:4px 15px;
	display:block;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
}
#footer ul li a:hover
{
	border-top:1px solid #FFF;
	background:#FFF;
}
#footer ul .active a, #footer ul .active a:visited
{
	border-top:1px solid #FFF;
	color:#000;
	font-weight:bold;
	background:#FFF;
	text-decoration:none;
}
.image
{
	float:right;
	border:1px solid #C0C0C0;
	margin:0px 0px 10px 10px;
	line-height:0;
}
.image em
{
	display:block;
	border-left:5px solid #DDD;
	border-top:1px solid #C0C0C0;
	line-height:22px;
	padding:0px 8px;
	font-size:0.8em;
	background:#F4F4F4;
	color:#333;
}
#banner
{
	background-repeat:no-repeat;
	height:133px;
}
#headerwrapper
{
	border-top:3px solid #83B1EB;
	background:#365E98;
}

#header
{
	height:42px;
	margin:0% 5%;
}
#header img
{
	display:none;
}
#logo img
{
	position:absolute;
	top:15px;
	right:5%;
}

#contentwrapper
{
	margin:0% 5%;
}
#leftmenu
{
	float:left;
	position:relative;
	top:-80px;
	width:200px;
}
#leftmenu h1
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#2D4D7D;
	font-size:1.5em;
	margin:0px 0px 2px 4px;
	padding:0px;
}
#leftmenu h1.top
{
	position:relative;
	left:1px;
	top:1px;
}
#leftmenu h1.top span
{
	position:absolute;
	left:-1px;
	top:-1px;
	color:#FFF;
}

#leftmenu .panelwrapper
{
	background-image:url("http://www.cj-design.com/images/panel_shadow.gif");footer_linkbg.gif
	background-repeat:no-repeat;
	background-position:bottom left;
	border:1px solid #C0C0C0;
	margin-top:5px;
	padding:0px 0px 4px 4px;
	margin-bottom:20px;
}
#leftmenu .panel
{
	position:relative;
	background:#F8F8F8;
	top:-4px;
	margin-bottom:-4px;
	font-size:0.85em;
	color:#252525;
	width:200px;
	border-top:5px solid #365E98;
}
#leftmenu .panel .content
{
	padding:10px;
}
#mainwrapper
{
	width: 100%;
	float: right;
	margin-left: -240px;
}
#main
{
	margin-top:10px;
	margin-left:240px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

#breadcrumb
{
	font-size:1.0em;
	margin-bottom:10px;
}

#breadcrumb a, #breadcrumb a:visited
{
	color:#993333;
}
#breadcrumb a:hover
{
	color:#000;
	text-decoration:none;
}
#content
{
	
}

#content p
{
	line-height:20px;
}

#content h1
{
	color:#694336;
	font-size:1.6em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

#content h2
{
	color:#999;
	font-size:1.3em;
	font-weight:normal;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
#content h3
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:1.0em;
	font-weight:bold;	
	padding:0px;
	margin-bottom:10px;
	color:#365E98;
}

#content a, #content a:visited
{
	color:#336699;
	text-decoration:none;
}

#content a:hover
{
	color:#588FC7;
	text-decoration:underline;
}

#navigation
{
	font-size:11px;
	position:absolute;
	top:3px;
	left:5%;
	background: #365E98;
}

/* styles for all UL's in the list */
#nav, #nav ul
{
	width: 80px; 
	margin: 0;
	padding: 0;
}

/* float the menu left with overall width X.  Note: this style declaration must go here (after the above #nav, #nav ul) */	
#nav
{
	border-left: 1px solid #5380C1;
	float: left;
	width: 480px;
}

#nav ul
{
	border-bottom: 1px solid #ccc;
}

/* styles for all LI's in the list */
#nav li
{
	background:#3F6CB1;
	background-image:url("http://www.cj-design.com/images/menubg.gif");
	background-repeat:no-repeat;
	position: relative;
	list-style: none;
	float: left;
	width: 80px; /* Width of Menu Items */
}

/* styles for all UL's/LI's in the list below the top level - can overwride here if you want second level to be wider*/
#nav li ul, #nav li li
{
	width:190px; 
	background: #FFF;
}

#nav li a
{
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 5px;
	border-right: 1px solid #5380C1;
	border-top: 0;
	border-bottom: 0;
	border-left:0;
}

#nav li li a
{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav li { float: left; height: 1%; }
* html #nav li a { height: 1%; }
/* End */

#nav ul
{
	position: absolute;
	margin-left:-1px; /* Lines the secondondary nav up */
	display: none;
}
	
#nav ul ul
{
	left: 190px; /* should be the same width as '#nav li li' width */
	top: 0;
}

#nav li a
{
	padding: 22px 8px 5px 8px;
	border-bottom:2px solid #016BC2;
}

#nav li ul li a
{
	padding: 3px 8px;
	border-bottom: 0;
}

#nav #current
{
	background-image:url("http://www.cj-design.com/images/menubgon.gif");
}

#nav #current .currentitem
{
	background:#E4E4E4;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul
{ 
	display: none;
}

#nav li:focus ul, #nav li li:focus ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav li li li.over ul
{
	display: block;
}

#nav li.menuparent
{
	/* Can add drop down arrow/image here by uncommenting line below */
	/* background: transparent url("/images/arrow-down.gif") right center no-repeat; */
}
#nav li li.menuparent
{ 
	background: transparent url("http://www.cj-design.com/images/arrow.gif") right center no-repeat; 
}

#nav li.menuparent:hover, #nav li.over
{
	background: #83B1EB !important;
	background-image:url("http://www.cj-design.com/images/menubgon.gif");
}

#nav li li.menuparent:hover, #nav li li.over
{
	background: #E4E4E4 !important;
	background-image:none;
}

#nav li a:hover
{
	color: #FFF;
	background:#83B1EB;
	border-bottom:2px solid #FCCF1D;
}

#nav li ul li a:hover, #nav #current .currentitem:hover
{
	color: #FFF;
	background:#83B1EB;
	border-bottom: 0;
}


input, textarea, select
{
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:1.0em;
	border:1px solid #C0C0C0;
}

.highlighted
{
	padding:10px;
	background-color:#FCFBF5;
	border:1px solid #EBE3BA;
	border-top:4px solid #EBE3BA;
}

.featured
{
	font-style:italic;
	padding:10px;
	margin:0px 0px 10px 0px;
}