/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	color: #000;
	font-family:"Segoe UI", "Trebuchet", Tahoma, Verdana, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	min-width: 1000px; /*Forces backgrounds to span full width, even if there is horizontal scrolling. Increase as needed.*/
}
a:focus { outline: 1px dotted; }
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	background-color: #F7921E;
	/*border: 1px solid #F1F1F1;*/
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 10px;
}
h2 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	color: #06C;
	font-weight: bold;
}
h4 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}

/* List Sytling & Spacing
----------------------------------------------------------------------------------------------------*/
ul { list-style: disc; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 0; }

/* Links
----------------------------------------------------------------------------------------------------*/
a,  a:link {
	color: #293952;
	text-decoration: none;
}
a:visited {
	color: #293952;
	text-decoration: none;
}
a:hover {
	color: #06C;
	text-decoration: underline;
}
a:focus {
	color: #000;
}
a:active {
	color: #000;
} 

/* Main Template IDs & Classes
----------------------------------------------------------------------------------------------------*/
#zc-mainWrapper {
	background-color:#FFF;
	background-image: url('../img/bg.png');
	background-repeat: repeat-x;
	border-top:10px solid #435674;
}
#zc-wrapper {
	width:1000px;
	margin:0 auto;
	background:none;
}
#zc-header {
	position:relative;
	background-color:#FFF;
	height:100px;
}

#zc-header-controls {
	position: absolute;
	top: 0;
	right: 50px;
	background-color: #FAFAFA;
	background-image: url('../img/info-container-bg.png');
	border-right: #c5cfd9 solid 1px;
	border-bottom: #c5cfd9 solid 1px;
	border-left: #c5cfd9 solid 1px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:10px 10px 0 10px;
	width: 158px;
}

#zc-header-logo {
	margin-top:30px;
	float:left;
}
#zc-contentWrapper {
	min-height:400px;
	background-color: transparent;
}
.zc-content{
	margin:30px;
}
.zc-col1 {
	position:relative;
	width:300px;
	z-index:1;
}
.zc-col2 {
	position:relative;
	background-color:#FFF;
	border: 1px solid #C5CFD9;
	margin: 0 20px;
	width: 960px;
	min-height:450px;
}
.zc-col3 { /* Add when needed */
	position:relative;
	width:700px;
}
#zc-footer {
	position:relative;
	height:30px;
	padding:20px;
	clear:both;
	background-color: #293952;
	/*background-image: url('../img/zc-hnav-bg.png');*/
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #999999;
}
#zc-credit {
	position:relative;
	height:25px;
	font-size:12px;
	color:#FFF;
}
	#zc-credit a:visited, #zc-credit a:link, #zc-credit a:active {
		color: #FFF;
		}
	#zc-credit a:hover {
		color: #F7921E;
		text-decoration:none;
		}
#zc-footerNav {
	position:relative;
	height:25px;
}

/* Horizontal Menu
-------------------------------------------------------------- */
/* The following ul style can be deleted once setup in WP */
#zc-hNav ul { 
	list-style: none;
	margin:0;
	padding:0;
	margin-left:10px;
}
/* End ul style */


/* Main Horizontal Nav Container */
#zc-hNav {
	background-color: #293952;
	/*background-image: url('../img/zc-hnav-bg.png');*/
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 5px #999999;
    color: #FFFFFF;
    font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 18px;
    height: 50px;
    margin: 0 10px;
    position: relative;
    z-index: 100;
}

/* WP Menu Container */
#zc-hNav .menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}


/* 1st Level */
#zc-hNav a {
	color: #F1F1F1;
	display: block;
	text-decoration: none;
	padding:15px;
	/*filter:DropShadow(Color=#1d283a, OffX=1, OffY=1);*/
	text-shadow: #222 0.1em 0.1em 0.2em;
	height: 20px;
}

#zc-hNav li {
	float:left;
	border-right: 1px solid #3f4d64;
	
}

#zc-hNav ul li {
	margin-left: 0;
	position: relative;

}

#zc-hNav li a:hover {
	color: #FFF;
	background-color:#34435b;

}

#zc-hNav ul li:hover > ul {
	display: block;





}

/* 2nd Level */
#zc-hNav ul ul {
	top: 50px; /* Set to Nav height, less for overlap */
	background-color:#FFF;
	z-index: 99;
	display: none;
	position: absolute;
	float: left;
	font-size:12px; /* Undo size from 1st level */
	margin-left: 0px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border: 1px solid #cecfd1;
	box-shadow: 2px 2px 5px #999999;
	padding:10px 0;
}
#zc-hNav ul ul li {
	margin: 0;
	width:200px;
	border-right: none;
	
}
	#zc-hNav ul ul li a:visited, #zc-hNav ul ul li a:link, #zc-hNav ul ul li a:active {
		color: #333333;
		}
	#zc-hNav ul ul li a:hover {
		color: #FFF;
		background-color:#F7921E;
		}
#zc-hNav ul ul a {
	padding:12px;
	color:#000;
	text-shadow: none;
	height: 10px;
	line-height:10px;
}

/* 3rd Level */
#zc-hNav ul ul ul {
	left: 200px;
	top: -10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:0;
}


/* Current page styling */
#zc-hNav ul li.current_page_item > a,
#zc-hNav ul li.current-menu-ancestor > a,
#zc-hNav ul li.current-menu-item > a,
#zc-hNav ul li.current-menu-parent > a {
	color: #00B4C9;
}
* html #zc-hNav ul li.current_page_item a,
* html #zc-hNav ul li.current-menu-ancestor a,
* html #zc-hNav ul li.current-menu-item a,
* html #zc-hNav ul li.current-menu-parent a,
* html #zc-hNav ul li a:hover {
	color: #00B4C9;
}

/* Vertical Menu
-------------------------------------------------------------- */

/* The following ul style can be deleted once setup in WP */
#zc-vNav ul { 
	list-style: none;
	margin:0;
	padding:0;
}
/* End ul style */

/* Main Vertical Nav Container */
#zc-vNav {
	display: block;
	width: 300px; /* Nav width */
	font-size: 16px;
	color: #FFF;
	background-color:#036;
}

/* WP Menu Container */
#zc-vNav .menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}

/* 1st Level */
#zc-vNav a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	width:165px; /* 1st level width */
	padding:10px 17px;
}
#zc-vNav li {
	position: relative;
}
#zc-vNav ul li {
	margin-left: 0;
	
}
#zc-vNav li a:hover {
	color: #999;
	background-color:#003;
	width:266px; /* Usually Nav width minus padding of 1st level width */

}
#zc-vNav ul li:hover > ul {
	display: block;
}

/* 2nd Level */
#zc-vNav ul ul {
	display: none;
	position: absolute;
	top: 4px;
	background-color:#999;
	font-size: 14px; /* Undo font size from 1st level */
	left:300px; /* Left offset, usually equal to Nav width */
}
#zc-vNav ul ul li {
	margin: 0;
}
#zc-vNav ul ul a {
	padding: 10px;
	width: 145px; /* 2nd level width */
}
	#zc-vNav ul ul a:link, #zc-vNav ul ul a:visited, #zc-vNav ul ul a:active {
		color: #000;
	}
	#zc-vNav ul ul li a:hover {
		color: #FFF;
		background-color:#333;
		width: 145px; /* Equal to 2nd level width */
	}

/* 3rd Level */
#zc-vNav ul ul ul {
	top: 0;
	background-color:#999;
	left:145px; /* Value should match 2nd level width */
}
	#zc-vNav ul ul ul a:link, #zc-vNav ul ul ul a:visited, #zc-vNav ul ul ul a:active {
		background-color: #999;
	}
	#zc-vNav ul ul ul li a:hover {
		background-color: #333;
	}

/* Current page styling */
#zc-vNav ul li.current_page_item > a,
#zc-vNav ul li.current-menu-ancestor > a,
#zc-vNav ul li.current-menu-item > a,
#zc-vNav ul li.current-menu-parent > a {
	color: #F2C87C;
}
* html #zc-vNav ul li.current_page_item a,
* html #zc-vNav ul li.current-menu-ancestor a,
* html #zc-vNav ul li.current-menu-item a,
* html #zc-vNav ul li.current-menu-parent a,
* html #zc-vNav ul li a:hover {
	color: #F2C87C;
}

/* Footer Menu
-------------------------------------------------------------- */
#zc-footerNav a {
	display: block;
	text-decoration: none;
	text-align:right;
}
#zc-footerNav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#zc-footerNav ul li {
	margin:0 0 0 12px;
	float:left;
}
#zc-footerNav ul li a {
	color: #FFF;
	font-size:12px;
	display:block;
	font-weight:bold;
	padding:0 0 0 12px;
}
	#zc-footerNav ul li a:visited, #zc-footerNav ul li a:link, #zc-footerNav ul li a:active {
		color: #FFF;
		}
	#zc-footerNav ul li a:hover {
		color: #F7921E;
		text-decoration:none;
		}
		
/* Capsules
------------------------------------------------------------------------------------*/
.zc-capsuleTop {
	background-color:#06C;
	padding:10px 15px;
	font-weight:bold;
	color:#FFF;
}
.zc-capsuleMid {
	background-color:#FFFFFF;
	padding:10px 15px;
	min-height:75px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.zc-capsuleBtm {
	background-color:#4C89C8;
	height:15px;
}

/* Alignment, Floats, Spacers, Photo Floats & Clears
------------------------------------------------------------------------------------*/
.textLeft {text-align:left;}
.textRight {text-align:right;}
.floatRight { float:right; }
.floatLeft { float:left; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.alignleft  { float:left; margin-right:20px; margin-bottom:10px;}
.alignright  { float:right; margin-left:20px; margin-bottom:10px;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.spacer1 { height:5px; clear:both;}
.spacer2 { height:10px; clear:both;}
.spacer3 { height:15px; clear:both;}
.spacer4 { height:25px; clear:both;}

/* Standard Widths
------------------------------------------------------------------------------------*/
.fullWidth { width:100%; }
.halfWidth { width:50%; }
.thirdWidth { width:33%; }
.quarterWidth { width:25%; }
.fifthWidth { width:20%; }

/* Table Content
------------------------------------------------------------------------------------*/
#info_container {
	border: #c5cfd9 solid 1px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	/*margin: 20px 20px 20px 0;*/
	padding: 10px;
	/*width: 100%;*/
	position: relative;
	background-color: #FAFAFA;
	background-image: url('../img/info-container-bg.png');
	clear:both;
}
div#info_container .form-label {
	font-weight:bold;
	color: #333333;
}
div#info_container fieldset {
	padding-top: 10px;
	border: none;
}
div#info_container input[type="text"], div#info_container input[type="password"],  div#info_container textarea, div#info_container select{
	border: 1px solid #c5cfd9;
	border-radius: 3px;
	-moz-box-shadow:    inset 0 0 3px #d0d0d0;
   -webkit-box-shadow: inset 0 0 3px #d0d0d0;
   box-shadow:         inset 0 0 3px #d0d0d0;
   padding:5px;
}
div#info_container input[type="text"]:hover, div#info_container input[type="password"]:hover, div#info_container textarea:hover, div#info_container select:hover{
	border:1px solid #949cb4;
}
div#info_container input[type="submit"], div#info_container input[type="reset"] {
	border: 1px solid #293952;
	background-color: #293952;
	color: #FFF;
	border-radius:5px;
	padding:5px 10px;
	font-weight:bold;
	box-shadow: 1px 1px 3px #999999;
	margin:10px;
}
div#info_container input[type="submit"]:hover, div#info_container input[type="reset"]:hover {
	background-color:#34435B;
}
.info_row {
	position: relative;
	width: 100%;
	clear: both;
	min-height: 20px;	
}

.info_label {
	min-height: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	zoom: 1;
	*display: inline;
	_height: 20px;
	font-weight: bold;
	color: #333;
}
.info_heading {
	background-color: #293952;
	border-radius: 5px;
	color:#FFFFFF;
}

.info_input {
	min-height: 20px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	zoom: 1;
	*display: inline;
	_height: 20px;
}

.width_50 {
	width: 50px;
	overflow: hidden;
}

.width_75 {
	width: 75px;
	overflow: hidden;
}
	
.width_100 {
	width: 100px;
	overflow: hidden;
}
	
.width_150 {
	width: 150px;
	overflow: hidden;
}
.width_180 {
	width: 180px;
	overflow:hidden;
}
.width_200 {
	width: 200px;
	overflow: hidden;
}

.width_250 {
	width: 250px;
	overflow: hidden;
}

.width_275 {
	width: 275px;
	overflow: hidden;
}

.width_300 {
	width: 300px;
	overflow: hidden;
}

.width_400 {
	width: 400px;
	overflow: hidden;
}

.width_450 {
	width: 450px;
	overflow: hidden;
}

.width_500 {
	width: 500px;
	overflow: hidden;
}

.width_600 {
	width: 600px;
	overflow: hidden;
}

.width_700 {
	width: 700px;
	overflow: hidden;
}

.width_800 {
	width: 800px;
	overflow: hidden;
}

#messages {
	color: #600;
}

#errors {
	width: 50%;
}

.zebra_on {
	background-color: #CCCCCC;
}

.zebra_off {
	background-color: #FFFFFF;
}

.validator {
	display: none; 
} 


.padding_20 {
	padding: 20px;
}

.message {
	font-size: 16px;
	color: #900;
	font-weight: bold;
}

.formRequired {
	color: #900;
	font-weight: bold;
}

.form_link {
	font-weight: bold;
	border: 1px solid #C5CFD9;
	float:right;
	padding:10px;
	/*background-image: url('../img/info-container-bg.png');*/
	background-color: #293952;
	border-radius: 5px;
	margin:10px;
	box-shadow: 1px 1px 3px #d0d0d0;
}
.form_link:hover {
	background-color:#34435B;
}
.form_link a {
	color: #FFFFFF;
}
.form_link a:hover{
	text-decoration: none;
}
#instructions {
	border-left: 1px solid #C5CFD9;
	border-right: 1px solid #C5CFD9;
	padding: 10px;
	min-height:50px;
}

#artwork {
	padding-right: 20px;
}

.margin_0 { margin:0px; }