/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both;}
body {
	background-color:#FFFFFF;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:101%;
	margin:20px;
	padding:0;
	margin-top: 16px;
}
h1, h2, h3 {
	font-size:1.6em;
	margin:20px 0px 0 20px;
	border-bottom:1px dotted #999;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
}
h1 {
	padding-top: 0px;
}

ul li, ul li a {
	background-position:0 50%;
	background-repeat:no-repeat;
	list-style-type:none;
	line-height:1.6em;
/*min-height:1.6em;*/
	font-weight: 400;
}
acronym {border-bottom:1px dotted #000;cursor:help}
a:link,a:visited {color:#D9002C}
a:hover,a:focus {background-color:#ffc;text-decoration:none}
#skipto {margin:0 0 8px 0}
#skipto a {font-size:.7em;color:#ccc;text-decoration:none}
#skipto a:hover, #skipto a:active, #skipto a:focus {color:#fff;text-decoration:underline}

#wrapper {
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	min-width:760px;
	/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer 
	width:100%;*/
	/* faux-column technique, this is the right one */
	background-position:right 150px;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	border-top: solid #dddddd 1px;
	border: solid #ffffff 1px;
	max-width: 1100px;
	/* Depending on the version, this fixes a left shift of 1px or 20px of the UL in the left column or the #TJK container. It also helps to prevent a bug that would play "peek-a-boo" with the heading in the right column 
	zoom:100%;*/
}
#masthead {
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) 
	width:100%;*/
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it 
	margin:0 -1px;*/
	
	height:162px;
	color: #000000;
	text-align: left;
	background-image: url(../i/bar2.jpg);
	background-repeat: repeat-x;
	background-position: right 65px;
}
#masthead img {
	border:0;
	float: none;
	margin-top: 4px;
	margin-bottom: 2px;
}
/* In the markup, if this DIV was right below #wrapper I would not have to declare any padding in there (only the background declaration), but with this particular order in the markup helps for the faux-columns in NN4. 
If you do not need to support NN4, remove the padding declaration here and the negative top-margin in #TJK. BTW, the padding here is to prevent a gap between the DIVs */
#inner_wrapper {
	padding-top:1px;
	/* faux-column technique, this is the left one 
	background-image:url(../i/left.gif);*/
	background-position:left;
	background-repeat:repeat-y;
	vertical-align:top;
	background-color: #FFFFFF;
position:relative;
}
#TJK {float:left;width:100%;padding:0;margin:-1px 0 0 -180px;position:relative}
#leftcolumn {
	/* display:inline is used here because IE double the margins on floats */
	display:inline;
	float:left;
	width:160px;
	padding:44px 0 20px 0;
	margin:0 0 0 180px;
	font-size:0.82em
}
#leftcolumn ul {
	margin:0;
	padding:0;
	width:150px;
	margin-top: 0px;
	background-color: #FFFFFF;
	/*margin-bottom: 100%;*/
	margin-bottom:3em;
}
/* If you do not use MARGIN here Opera 6 will show a gap between the List Items */
#leftcolumn li {
	list-style-type:none;
	margin:0;
}
#leftcolumn ul a, #leftcolumn ul a:visited {
	background-color:#FFFFFF;
	color:#666666;
	display:block;
	padding-left:21px;
	text-decoration:none;
	border: solid white 1px;
	font-weight: bold;
}
#leftcolumn ul a:hover,
#leftcolumn ul a:active,
#leftcolumn ul a:focus,
.kilroy {
	border: solid white 1px !important;
	background-image: url(../i/navlisticon.gif) !important;
	background-position: left;
	background-repeat: no-repeat;

	/*background-color:#FFFFFF;
	color:#666666;
	border: solid #fff 1px;*/
}
#leftcolumn p {
	color:#7A8AA9;
	font-size: 0.9em;
}
#leftcolumn p.tight{
	padding-bottom:0.4em;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
}
#middleCol {
	/* the width from #leftcolumn (160px) + the negative margin from #TJK (180px) */
	margin:0 0 0 340px;
	padding:0 10px 20px 0;
	font-size:0.82em;
	border-left: solid #dddddd 1px;
	border-right: solid #fff 1px;
	border-bottom: solid #dddddd 1px;
}
#middleCol ul {
	padding:0 0 0 0px;
	margin: 6px 6px 10px 40px;
}
#middleCol .dbitem ul {
	margin: 6px 6px 10px 0px;
}
#middleCol ul li {
	background-image:url(../i/bullet_w.gif);
	background-position:0 0.35em;
	padding:0 0 0 28px;
	color: #333333;
}
#middleCol ul.plain{
	padding-left:36px;	
}
#middleCol ul.plain li {
	background-image:none;
	padding-bottom: 6px;/*2em*/
	color: #333333;
padding-left:2px;
	list-style-type: disc;
height:auto;
}

#middleCol p img {
	float: right;
	margin: 3px 0 6px 20px;
}
#middleCol img.left {
	float: left !important;
	margin: 3px 20px 6px 20px !important;
}
#middleCol .nofloat {
	float: none;
	display: block;
}
#middleCol .makefat {
	padding-right: 25px;
}
#middleCol p {
	line-height:1.5em;
	margin:0 20px;
	padding-bottom: 0.9em;
}
#middleCol p.tight{
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0.25em;
}
#middleCol div.dbitem {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #ccc;
}
#middleCol div.dbitem li {
	padding:0 !important;
	color: #336;
	background-image: url();
min-height:1.2em;
	margin: 0 !important;
	line-height: 1.2em;
	font-style: italic;
}
#middleCol dl.tabular dd {
	display:block;
	padding: 1em 0 1em 1em;
	border-top: solid #ccc 1px;
	margin: 0 0 0 10em;
	background-image: url(../i/schedbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#middleCol h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
	color: #336699;
}
#middleCol dl.tabular {
	margin-top: 0px;
	margin-bottom: 3em;
}


#middleCol dl.tabular dt {
	float:left;
	padding: 1em 0 1em 1em;
	border-top: solid #ccc 1px;
	width: 9em;
	margin-left: 1em;
	font-weight: bold;
}

#middleCol div.dbitem li.dbLiTitle {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	color: #002163;/*#ED494E*/
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
}
#middleCol div.dbitem p{
}
#middleCol p.more {
	padding-bottom:0.6em;
	border-top:1px solid #919191;
	margin-top: 2em;
	padding-top: 8px;
}
#middleCol h1{
	margin:16px 20px 10px 20px;
	text-transform: uppercase;
	line-height: 33px;
	background-repeat: no-repeat;
}
/* Do NOT declare a width for #rightcolumn (IE5 would accept only auto). Sizing this element is done through the negative margin (a bigger negative value widers the sidebar) */
#middleCol h2, #middleCol h3 {
	color: #333366;
	border-bottom-color: #999999;
	margin-bottom: 6px;
	font-size: 1.5em;
	border-bottom-style: dotted;
	text-decoration: none;
}
#middleCol h2{
	text-decoration: none;
	border-bottom: dotted #bbb 1px;
	background-image: url(../i/h_bg.jpg);
	background-repeat: repeat-y;
	padding-left: 4px;
	margin-left: 17px;
}
#middleCol h1 img {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#middleCol img {
	border: 1px solid #777;
}

#rightcolumn {
	font-size:0.75em;
	padding:30px 0 20px 100%;
	/* this is to keep the content of #rightcolumn to the right of #centercolumn even if the content of #centercolumn is shorter
	padding-left:100%;
	this is to "bring back" the #rightcol that has been moved out of the viewport because of the padding value 
	*/
	margin:0 0 0 -180px;
}
#middleCol img.right {
	float: right !important;
	margin-left: 16px !important;
}
#rightcolumn .Rbox img.plain{
	margin: 0;
	border: none;
}

#rightcolumn ul {margin:12px 0 0 0;padding:0}
#rightcolumn li {
	list-style-type: disc;
	padding-top: 4px;
	margin-left: 14px;
}
#rightcolumn p {
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) 
	position:relative*/
	}
#rightcolumn p.more {
	border-top:1px dotted #919191;
	margin-top: 1.6em;
	padding-top: 6px;
}
	
#rightcolumn .UAs li {background-position:right center;text-align:right;margin:0 10px 0 0;padding:0 23px 0 0;color:#800040}
#rightcolumn h3 {
	margin-left: 0px;
	text-align: center;
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#footer {
	/* see #outer_wrapper  */
	width:100%;
	/* this is to clear #container */
	clear:both;
	margin-top: 22px;
}

#footer p {
	color:#999999;
	font-size:0.7em;
	margin-top:7px;
	margin-left: 10px;
}
#footer a {color:#999999}
#footer a:hover,#footer a:focus {color:#000000}

/* I am using an image in this DIV instead of a " " for better results across browsers  */
.clearer {clear:both;line-height:0;height:0}
.note {font-size:0.8em}
.js {display:none}
#wrapper #inner_wrapper .clearer img {
	margin: 0px;
	padding: 0px;
	float: none;
}
#wrapper #masthead ul {
	display: block;
	list-style-type: none;
	background-color: #6C6D91;
	margin-left: 0px;
	margin: 0px;
}
#wrapper #masthead li {
	display: inline;
	margin-left: 14px;
}
#wrapper #inner_wrapper #rightcolumn .line {
	display: block;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
div#contact {
	margin: 40px 8px;
	border-top: 1px solid #bbb;
	padding-top: 4px;
	/*border: 1px solid #bbb;*/
}

div.Rbox {
	border: solid #ffffff 1px;
	background-color: #FFFFFF;
	margin-top:12px;
	width: 160px;
	color:#666666;
} 
div.Rbox h3 {
	margin-top: 9px !important;
	padding: 1px 14px 1px 0px;
	color: #666666;
	text-decoration: none;
	border-top-style: none;
	border: none;
	background-color: #CCCEE3;
}
div.Rbox p{
	/*padding: 0px 6px;*/
	margin: 6px;
	line-height: 1.3em;
}
div.Rbox img + p {
	font-style: italic;
	margin:0;
	margin-bottom:29px;
	padding:0;
}

div.Rbox img {
	margin-top:19px;
	margin-bottom: 2px;
}
#middleCol dl.tabular dd.deep {
	background-image: url(../i/tabularbgdeep.jpg) ;
}
.outlink,.inlink {padding-right:15px;background:url(/i/outofit.gif) right no-repeat}
.inlink {background:url(/i/inlink.gif) right no-repeat}
/*a.outlink,a.outlink:visited,a.inlink,a.inlink:visited {white-space:nowrap}*/
.outlink img {border:2px dotted #36f}
a.outlink {border:none !important}#rightcolumn .Rbox img {
	border: 1px solid #888;
}
.noborder {
	border-style: none !important;
}
.wow {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

#middleCol div.dbitemInner img {
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	border-style: none;
	vertical-align:top;
	text-align: right;
	float:none;
}
#rightcolumn #hilite {
	background-color: #FFFFCC;
	border: solid gray 1px;
	width: 180px;
}
#rightcolumn #hilite #toptd {
	font-weight: bold;
	font-family: Garamond, "Times New Roman", Georgia, serif;
	background-color: #6666CC;
	color: #FFFFFF;
	text-decoration: none !important;
}
#middleCol  form#directions {
	background-color: #F5F5F5;
	margin: 20px 0 20px 26px;
	border: 1px dashed #CCCCCC;
	width: 36em;
}
.newBFC {
	overflow: hidden;
}

/* Hide from ie Mac \*/
* html .newBFC {
	overflow: visible;
	overflow-x:hidden;
	height: 0;
}
/* End hide */

/*\*//*/ 
.newBFC {display: inline-block;}
/**/