/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }   

html 	{ text-align : center;}

body { 
position : relative; 
width : 864px; 
margin : 0 auto; 
text-align : left; }

div#content { 
position : relative; 
width : 100%; 
}
		  
#content_left {
position: absolute;
top: 0;
width: 269px;
height:816px;                           
background-image: url(../images/left-half-circle.gif);
background-repeat: no-repeat;
background-position: right;
z-index: 2000; 
}

#content_left #left-bar {
position: absolute;
top: 0;
left: 0; 
width: 117px;
background-color: #BF7315; 
min-height: 816px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 816px;/* this is also the min height for IE */                        
}

#top_bar {
position: relative;
width: 100%;
background-color: #6f85a4;
min-height: 43px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 43px;/* this is also the min height for IE */                      
}

/*z index is higher than the flash bar so we can see it */
#fash-component {
position:absolute;
left: 175px;
top: 0px;
z-index: 10;
}

#title-box {
position: relative;
width: 100%;
background-color: #889700;
min-height: 421px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 421px;/* this is also the min height for IE */      
}

/* =interior page styles */
/* right column, main content area */
div#content_main {
left : 22%; 
width : 78%; 
 }
 
/* left column, menu area*/    
div#content_sub { 
left : 0;  
width : 22%; }

div#content_main div#main_content {
min-height: 421px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 421px;/* this is also the min height for IE */
padding-bottom: 5%;
}

div#content_main div#title-bar {
height:165px;	
background-color:#889700;
}

#bottom_bar {
position: relative;
width: 100%;
background-color: #000000;
min-height: 43px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 43px;/* this is also the min height for IE */                      
} 

div#top_bar, div#bottom_bar { width : 100%; }

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


#formStack {

}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 800px;
  max-width: 800px;
  width: 800px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  /*border-color: #000;
  border-width: 1px;
  border-style: solid;
  */
  padding: 1px;        /* padding in fieldset support spotty in IE */
  margin: 5% 20% 0 5%;

}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size: 80%;
	font-weight: bold;
	color: #0078B5;
}

form .text {
	font-size: 80%;
	color: #0078B5;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border-color: #87ceeb;
	border-style: solid;
	border-width: 1px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form input#submit {
	background-color: #889700;
	color:#FFFFFF;
	border-color: #889700;
	padding: 1% 3% 1% 3%;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form .button {
background: url(../images/form_submit_button_up.gif) no-repeat left;
width:144px;
height: 35px;
color: #FFFFFF;
background-color: #FFFDDA;
border:none;
font-weight: bold;
padding-bottom:1%;
}

form .button:hover {
background:  url(../images/form_submit_button_down.gif)  no-repeat left;
width:144px;
height: 35px;
color: #FFFFFF;
background-color: #FFFDDA;
border:none;
font-weight: bold;
padding-bottom:1%;
}

.clear  {
    height:0px;
    line-height:0px;
    font-size:0px;
    margin:0;
    padding:0;
    clear:both;
    border:0;
    }