/* Code from 42nd_Street Page Styles to hide stuff rom MAC doesn't work*/
/* hide from IE mac \*/
/*body {
background-image: url(images/page_bottom.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
/* end hiding from IE5 mac */

/* Working code begins here */

ul {margin:1px; padding:2px; list-style:none; line-height:19px}
li {background:url(images/pointer_b.gif) center left no-repeat;padding:10px  }

body {
/*This one is for everybody else */
font-family:Goudy Old Style,Georgia, "Times New Roman", Times, serif;
background:url(images/back_main.jpg) ;
color: #333333;
text-align:center;
margin: 2px;
padding: 2px;
min-width: 770px;
}


#masthead {
background-image: url(images/back_main.jpg);
}
#logodiv {
width: 770px;
height: 100px;
}
/* hide from IE mac \*/
#logodiv img {float: left;}
/* end hiding from IE5 mac */

#wrap_outer {
margin: 30px auto 0 auto;
padding: 2px;
width: 770px;
background-image: url(images/wrapper.gif);
background-repeat: repeat-y;
}
#wrap_inner {
background-image: url(images/sidebar_tile.jpg);
background-repeat: repeat-y;
background-position: right top;
}
#nav_wrapper {
width: 190px;
float: left;
}
#mainbox {
width: auto;
float: left;
}
#sidebox {
width: 192px;
padding:10px;
float: left;
background-image: url(images/sidebar_top.jpg);
background-repeat: no-repeat;
position: relative;
}

/*The clearit class is assigned to a <br />that is placed at the end of the wrap_inner DIV to clear the floated elements above
allowing the 2 wrap DIVs to expand with the content inside them. Clear is set to both. 
Height, line-height, and fontsize are all set to 0 to ensure this element does not create 
any vertical space or gaps in the page.  */

.clearit {
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}
#maincontent {
font-size: 0.8em;
line-height: 1.75em;
padding: 0 24px 20px 32px;
}
#sidecontent {
font-size: 0.95em;
line-height: .95em;
padding: 36px 30px 24px 24px;
}
h1 {
font-size: 1.2em;
margin: 0;
}
h2, h3 {
margin: 20px 0 0 0;
}
h2{font-size:.9em;}
h5{font-size:1.5em;line-height:19px;}



/* This rule is a descendant selector. It targets only level 3 headings that are inside the sidecontent DIV. 
This rule sets unique values for fontsize, margin, color, and fontweight. */

#sidecontent h3 {
font-size: 1.75em;
margin: 0 0 10px 0;
color: #000000;
font-weight: normal;
}

p {margin: 12px 0;}

#sidecontent #side_nav a:hover, #sidecontent #side_nav a:active, #sidecontent #side_nav a:focus {
background-color: #333333;
color: #FFFFFF;
border-color: #333333 #000000 #000000 #333333;
/*filter: alpha(opacity=75%);
opacity: 0.75; */
}
#footer {
background-color: #D5CEBE;
color: #FFFFFF;
/*filter: alpha(opacity=70%);
opacity: 0.70;*/
}
#footerwrap {width: 770px;}
#footercontent {
padding: 12px;
font-size: 0.7em;
}
#maincontent a:link {color: #0000FF;}
#maincontent a:visited {color: #993300;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
background-color: #4A4A4A;
color: #CCCCCC;
text-decoration: none;
}
#sidecontent a:link {color: #FFFFFF;}
#sidecontent a:visited {color: #DEDEDE;}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
color: #0000FF;
}
#footercontent a:link {color: #FFFFFF;}
#footercontent a:visited {color: #ABABAB;}
#footercontent a:hover, #footercontent a:active, #footercontent a:focus { color: #0099FF; }

/*IE browsers have a proprietary document property called hasLayout. 
If an element does not have its hasLayout property turned on, the element will not render certain CSS properties correctly. 
There is no way to turn hasLayout on explicitly, but if an element is assigned a height or a width, 
IE will give that element layout. In IE5.5 and higher, there is a proprietary CSS property, called zoom, 
that can be used to give an element layout.
 
We give all DIVs layout by declaring the zoom property for the div tag to be 100%. 
Without this rule, the background images that create our vertical dashed borders, 
and the gray texture of the sidebar, would not render correctly in some versions of IE. */
 
div {
zoom: 100%;}

#wrap_inner, #nav_wrapper{
height: 1%;
}
/*IE5 does not support the zoom property, so we need to target specific elements and fix them by assigning height. 
This rule provides a hasLayout fix and permits the wrapper and footer backgrounds to display correctly: */
 
body {
text-align: center;
}

/* IE5 and IE5.5 do not support the centering of an element by setting its left and right margins to auto. 
These two rules allow our layout to be centered in IE5 and IE5.5: */
#masthead, #wrap_outer, #footer {
text-align: left;
}

/* moved from 13318 style.css */

form { margin:0px; padding:0px}
a:hover{text-decoration:none;}

img { border:0px;}

.dt { display:table; width:100% }

.dr { display:table-row;  height:100%; width:100%}

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

div, input, textarea, body, font, select
	{
		font-family: Goudy Old Style; 
		font-size:13px;
		line-height:16px;
		color:#252525;
	}
	

ul { margin:0px; padding:0px; list-style:none; line-height:18px;}
li { background:url(images/pointer.gif) no-repeat left center; padding-left:9px}


.main { width:766px;  height:100%; margin:auto; background:url(images/tall_main.jpg); border-left: #34332F solid 1px; border-right: #34332F solid 1px}
.main_r { background:url(images/tall_m.jpg) repeat-y right} 

.top { width:766px; height:27px; background:url(images/tall_top.jpg) repeat-x}
.header { width:766px; height:294px;}

.content { width:766px; height: auto; background-color:#FFFFFF}
.div_m { margin-left:12px; margin-top:15px; margin-right:12px; padding:4px}
.div_m2 { margin-left:10px; margin-top:28px; margin-right:10px; padding:2px}
.div_m3 { margin-left:26px; margin-right:30px; padding:4px}
.read_more { text-decoration:none; background:url(images/pointer.gif) no-repeat left center; padding-left:9px}
.read_more:hover { text-decoration:underline}
.color1 { color:#BEBEBE}
.color2 { color:#EAE8E1}
.color3 { color:#B10801}
.color4 { color:#252525}
.color5 { color:#339900}


.footer {
clear:both;
	width:766px;
	margin:auto;
	height:25px;
	background:url(images/tall_l.gif) repeat-x top;
	float: left;
	font-size:10px;
		line-height:19px;
		color:#252525;
	}

a {color:#B21F12;}
a:hover { text-decoration:none;}




.policy, .policy a { color:#706C61; text-decoration:none; }
.policy a:hover { text-decoration:underline}

.input { width:153px; height:21px; border: solid 1px #000000; background-color:#FFFFFF}
.input2 { width:215px; height:20px; border: solid 1px #74726D; background-color:#FFFFFF; padding:0 0 0 3px}
.textarea { width:215px; height:88px; border: solid 1px #74726D; background-color:#FFFFFF; overflow:auto; padding:0 0 0 3px}


.floatright{
float:right;
margin:5px;
}
.floatleft{
float:left;
margin:8px;
}
.picturecaption{
font-size:10px;
margin:2px;
padding:2px;
}
#handshake{
width:200px; height:300px;
background:url(images/OrLO.gif) no-repeat;
text-align:center;
padding:2px;
}
.sub_list{
list-style:disc;
}