@charset "utf-8";
/* CSS Document */
 
body  {font: .95em Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 5px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;}
#mainContent p {color:#1E1E1E; margin:.5em 0;}
h1 {font-size:1.8em; font-weight:normal; margin:40px 0 0 0; color:#333333;padding-bottom:0; line-height:1.5em;}
h2 {font-size:1.1em; font-weight:bold; margin:10px 0 0 0; color:#333333;padding-bottom:0; line-height:1.5em;}
h3 {font-size:19px; font-style:italic; font-weight:normal; margin:5px 0 0 0; color:#333333;padding-bottom:0; line-height:1.5em;}
h4 {font-size:16px; letter-spacing:.02em;font-weight:normal; font-style:italic; margin:5px 0 0 0; color:#000000;padding-bottom:0; line-height:1.5em; text-align:center;}
p {padding:0 0 10px 0; margin:0;font-size: .95em; font-family: Arial, Helvetica, sans-serif; line-height:1.3em; letter-spacing:normal; font-weight:normal;}
a:link, a:visited {color:#000000;}
a:hover {color:#333333;}
.twoColFixRtHdr #container { width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	text-align: left; /* this overrides the text-align: center on the body element. */} 
.twoColFixRtHdr #mediahead {display:none;}
.twoColFixRtHdr #header { background: #175571; padding: 0; height:172px; border-bottom:2px solid #5a686f;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */} 
.twoColFixRtHdr #container #header .housing {float:left; margin:60px 5px 10px 25px;}
.twoColFixRtHdr #container #header .judypic {float:right; margin:18px 18px 5px 5px;}
.twoColFixRtHdr #container #header .compelling {float:right; margin:5px 18px 5px 5px;}
.twoColFixRtHdr #header h1 {margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */}
	/* Main menu settings */
#centeredmenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	border-bottom:1px solid #515e64; /* black line below menu */
	width:100%;
	font:1.02em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	background:#515e64;
}

/* Top menu items */
#centeredmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#centeredmenu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	padding:.5em 1.2em .6em 1.2em;
	font-size:1em;
	line-height:1em;
	background:#515e64;
	text-decoration:none;
	color:#FFFFFF;
}
#centeredmenu ul li.active a {
	color:#fff;
	background:#515e64;
}
#centeredmenu ul li a:hover {
	color:#CCCCCC;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
	color:#CCCCCC;
}

/* Submenu items */
#centeredmenu ul ul {
	display:none; /* Sub menus are hiden by default */
	position:absolute;
	top:2.1em;
	left:0;
	right:auto; /*resets the right:50% on the parent ul */
	width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:.9em;
	background:#909598;
	width: 10.7em;
	color:#FFFFFF;
	line-height:1em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	margin: 0 0 0 1.5em;
	padding:.45em;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#909598; /* Sub menu items background colour */
	color:#CCCCCC;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}

.twoColFixRtHdr #container #border #mainContent ul {list-style-position: outside;list-style-type:disc;margin-left:20px;}
.twoColFixRtHdr #container #border #mainContent ol {margin-left:28px;}



.twoColFixRtHdr #border {border: 1px solid #666666;margin:0; background: #FFFFFF;}
div#sidebar1{background:#f8f8f8;float:right;width:320px;padding: 10px;margin:0; color:#000000; margin:0 15px; border:2px solid #f2f2f2; }
div#sidebar2{background:#f8f8f8;float:right;clear:right;width:320px;padding: 10px 10px;margin-top:-3px;border:2px solid #f2f2f2;border-top:none;color:#000000; margin:0 15px;}
div#sidebar1 p, div#sidebar2 p {font-size:.93em; margin: 4px 0;}
div#sidebar1 h2{color:#000000; font-size: .97em; line-height:1.3em; padding:0;margin:0;}
 div#sidebar2 h2{color:#000000; font-size: 1.1em; line-height:1.3em; padding:0;margin:0;}
.twoColFixRtHdr #mainContent {margin: 0 171px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */} 
	#mainContent p.incorporates {margin:0 0 .3em 3.5em; padding:0;}
	#mainContent ul {padding:0; margin:0 7em 1em 7em; }
	#mainContent ul li {margin:1em 8em .7em 3.5em;font-size: .95em}
	#mainContent ol {padding:0; margin:0 7em 1em 7em; }
	#mainContent ol li {margin:1em 8em .7em 3.5em;font-size: .95em}
	#mainContent ol li ul li {width:32em;margin:.5em .2em .5em 1.5em;font-size: .95em; padding:0;}
	#mainContent blockquote {padding:0; margin:0 7em 1em 7em; }
.twoColFixRtHdr #footer {padding: 0; background:#40494e /* this padding matches the left alignment of the elements in the divs that appear above it. */} 
.twoColFixRtHdr #footer a:link, .twoColFixRtHdr #footer a:visited{color:#CCCCCC; letter-spacing:normal;} 
.twoColFixRtHdr #footer a:hover{color:#666666;} 
.twoColFixRtHdr #footer p { text-align:center; color:#CCCCCC; font-size:.71em;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left; margin-right: 8px;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}

.twoColFixRtHdr #container #border #mainContent hr {
	margin-bottom: 18px;
}
.style1 {color: #FF0000}
#gb_form #contacttable {
	line-height: 10px; padding:0;margin:0;
		vertical-align:top;
}
#gb_form #contacttable p{
	line-height: 10px; padding:0;margin:0;	vertical-align:top;
}
