/*secondary styles features areas local to pages or individual sections
when needed, this page can be modified and assembled for section content and then reassembled in the linked css file
This will only occcur when the subsection has multiple div tags to avoid adding uneccessary weight to this file*/

/* -- Contact area styles -- */
#contactArea {
	padding: 1em 0 1em 1.2em;
	}
#contactArea h1{
	font: bold 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #d52e36;
	}
#contactArea h2{
	font: 1.4em/1.8em "Trebuchet MS", Helvetica, sans-serif;
	color: #028925;
	}
#contactArea p{
	color: #333;
	margin-bottom:1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	}
#contactArea a{
	color: #d52e36;
	text-decoration: none;
	border-bottom: dotted 1px #d52e36;
	}
#contactArea a:hover{
	border-bottom-style: solid;
	}
#contactArea img{
	float:left;
	padding-right:1em;
	}
/* -- Forms styles --*/


fieldset {
	margin-top: 30px;
	margin-bottom: 25px;
	margin-left: 10px;
	display: block;
	padding-left: 15px;
}
.submit {
	margin-left: 10px;
	}
.clear {
	clear:both;
	}
input {
	width: 200px;
	background-color: #F3FDFE;
	border: 1px solid #0099FF;
	}
/* reset width for non-text inputs */
input.radio, input.checkbox, input.submit {
  width: auto;
}

/* contain interior floats */
#docform {
	float:left;
	}
#docform p{
	position: relative;
	width: 100%;
	}
#docform form {
	border: 1px solid #CCCCCC;
	/*	width: 540px;*/
	margin-left: 30px;
	margin-top: 20px;
	width: 160px;
}
legend {
	text-transform: capitalize;
	padding: 2px 5px;
	color: #996600;
	margin-bottom: 20px;
	margin-left: -18px;
	margin-top: -2px;
	display: inline;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
/* display labels next to form elements, add a class for when you want them to stack */
label {
	float:left;
	margin-right: 2em;
	}
label.top {
	display:block;
	float:none;
	}
/*style feedback message */
label .feedback {
	position: relative;
	margin-left: 6em;
	left: 220px;
	font-weight: bold;
	color:#760000;
	padding: 0 0 5px 20px;
	/* so IE doesn't freak out */
	width: 200px;
}
#informationType, #fireType, #marType, #perType ,{
	margin: 20px 0;
	}
#laminatinoType         /* display labels inline with checkboxes */
label, #artistinfo          label, #firType         label, #marType        label, #perType      label, #blkType     label, #pheType    label{
	float:none;
	display:inline;
	padding-left:5px;
	}
div.group1,/* align columns of checkboxes or radio buttons */ div.group2, div.group3, div.group4, div.group5, div.group6 {
	float:left;
	width: 15em;
	padding-left: 10px;
	}

/* --these styles use attribute selectors and the focus pseudo-selector to style form elements
in DOM compliant browsers. Other browseres (such as IE6 will ignore these
and render the default form */
fieldset[id=personalinfo] {
	background: #D0E9EA;
	border: 1px ridge #408DDB;
}
fieldset[id=capriIinfo] {
	border: 1px ridge #408DDB;
	background-color: #FFFFCC;
}
fieldset[id=artistinfo] {
	background: #CCCCCC;
	border: 3px ridge #000000;
}

legend[class=perlegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #D0E9EA;
}
legend[class=capriIlegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #FFFFCC;
}
legend[class=artlegend] {
	background: #CCC;
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
}
input:focus, textarea:focus {
	border: 2px solid #630;
	}
legend[class=firelegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #FEEDE2;
}
fieldset[id=fireinfo] {
	border: 3px ridge #000000;
	background-color: #FEEDE2;
}
fieldset[id=marinfo] {
	border: 3px ridge #000000;
	background-color: #E1EFFF;
}
fieldset[id=blkinfo] {
	border: 3px ridge #000000;
	background-color: #ECFED8;
}
fieldset[id=options] {
	border: 3px ridge #000000;
	background-color: #E7FFCE;
}
legend[class=marlegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #E1EFFF;
}
legend[class=blklegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #ECFED8;
}
legend[class=optlegend] {
	border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;
	background-color: #E7FFCE;
}
#contactArea td {
	padding-right:1em;
	font-size: 0.8em;
	padding-bottom: 1em;
}
input.submit {
	width: auto;
	;
	border: 1px solid #0099FF;
	background-color: #C8F1F9;
}