body, td, th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	padding:0;
	margin:0;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#702C91;
}
h1 {
	margin:0pt;
	padding-top:10px;
	color:#702C91;
	font-size:18px;
}
h2 {
	margin:0pt;
	padding-top:10px;
	color:#702C91;
	font-size:16px;
}
h3 {
	margin:0pt;
	padding-top:10px;
	color:#702C91;
	font-size:14px;
}
/* Site Style */

#wrap {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}
#header-fill {
	background-color:#FFF200;
	height:110px;
	width:100%;
}
#header-wrap {
	width:1000px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF200;
}
#header {
	float:left;
	width:1000px;
	height:110px;
	background-image:url('../images/build/header.png');
}
#header-left {
	float:left;
	width:730px;
	height:110px;
}
#header-right {
	float:left;
	width:240px;
	height:85px;
	padding-right:15px;
	padding-top:45px;
}
#main-image {
	float:left;
	width:1000px;
	height:300px;
	background-image:url('../images/build/catheader.jpg');
}
#navigation {
	float:left;
	width:1000px;
	height:20px;
	background-image:url('../images/build/navbar.png');
	padding-top:10px;
}
#content {
	float:left;
	width:1000px;
	min-height:509px;
	height:auto !important;
	background-color:#FFF;
}
#content-left {
	float:left;
	width:190px;
	min-height:550px;
	margin-right:10px;
	background-color:#4db748;
	padding: 0 10px 10px 10px;
}
#content-right {
	float:left;
	width:770px;
	min-height:550px;
	padding-bottom:10px;
}
/*#footer-fill {
	float:left;
	background-color:#FFF200;
	height:70px;
	width:100%;
	color:#000;
}
#footer-wrap {
	float:left;
	width:1000px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF200;
}*/
#editorials {
	float:left;
	width:935px;
	padding-left:55px; padding-right:10px;
	height:50px;
	background-color:#fff;
	padding-top:5px; padding-bottom:5px;
}
#footer {
	float:left;
	width:980px;
	min-height:30px;
	background-color:#333;
	color:#fff;
	margin-bottom:10px;
	padding:10px;
}
#under-footer {
	float:left;
	width:980px;
	min-height:10px;
	color:#fff;
}

/* Navigation Menu */

td.menu-item {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
td.menu-item-hover {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
td.menu-item-selected {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
/* Catalogue Menu */

td.catalog-item {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	padding-top:10px;
	border-bottom:1px solid #fff;
}
td.catalog-item-hover {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	padding-top:10px;
	border-bottom:1px solid #fff;
}
td.catalog-item-selected {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	padding-top:10px;
	border-bottom:1px solid #fff;
}
/* Footer Menu */

td.footer-menu-item {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
td.footer-menu-item-hover {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
td.footer-menu-item-selected {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	text-align:center;
}
/* Form Styling */

#wacky-form label {
	float:left;
	width:200px;
}
#wacky-form div {
	padding:10px;
	border-bottom:1px dashed #4DB748;
}
#wacky-form .cat_dropdown_smaller {
	width:75px;
}

/* Coda Slider */

/* Code Slider */

#java {
    float:left;
    width:900px;
    height:50px;
}

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 50px;
    width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 50px;
    width: 900px;
}

.scrollButtons {
    position: absolute;
    cursor: pointer;
}

.scrollButtons.left {
	background-image:url('/images/build/scroll_left.png');
    left: -40px;
	top:10px;
}

.scrollButtons.right {
	background-image:url('/images/build/scroll_right.png');
    right: -30px;
	top:10px;
}

.hide {
    display: none;
}


