/* /////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// Layout Format File ///////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////// */

body	{
/* background: white url(/images/layout/main/background2.gif) repeat-x ;
background-attachment: fixed; */
background-image: url(/images/layout/main/test/background.gif);
margin: 0;
padding: 0;
font-family: tahoma, Arial, serif;
font-size: 10pt;
}

		
/* ///////////////////////// Header ///////////////////////// */	
/* //////////////////////////////////////////////////////////////////// */

#header	{
width: 800px;
height: 100px;
border-bottom: 1px solid black;
margin: 0;
padding: 0;
background-color: white;
background-image:url(/images/layout/main/banner/heading.png);
}
								
#main #header #headerlinks	{
text-align: center;
position: relative;
left: 615px;
top: 4px;
font-size: 12px;
color: #FFFFFF;
width: 166px;
}
						
#main #header #headerlinks a	{
text-decoration: none;
color: #FFFFFF;
}
						
#main #header #headerlinks a:hover	{
text-decoration: underline;
}	
		
/* ///////////////////////// Footer ///////////////////////// */	
/* //////////////////////////////////////////////////////////////////// */

#footer	{
width: 800px;
border-top: 1px solid #dcdce9;
margin: 0;
margin-top: 10px;
padding: 10px 0;
font-size: 8pt;
}
								
#footerleft	{
float: left;
width: 580px; /* 75% */
margin: 0 10px;
}
								
#footerright {
float: right;
width: 180px; /* 25% */
margin: 0 10px;
}
								
#footercenter {
float: left;
width: 550px;
border: 1px solid green;
}
	
	
/* ///////////////////////// Navigation Bars ///////////////////////// */	
/* /////////////////////////////////////////////////////////////////// */
#topnavbar ul form.search	{
/* visibility: hidden; */
}


/* -------------- Top Navigation Bar -------------- */
			
#topnavbar	{
width: 800px;
height: 22px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
border-bottom: 3px double #ABABAB;
border-top: 1px solid #ABABAB;
font-size: 10.5pt;
background-image: url(/images/layout/main/topnavbkg.gif);
background-repeat: no-repeat;
background-position: top center;
overflow: hidden;
}

#topnavbar ul{
list-style: none;
padding: 0;
margin: 0;
}
						
#topnavbar ul li, #topnavbar ul form.search	{
float: right;
height: 22px;
margin: 0;
line-height: 22px;
text-align: center;
border-right: 1px dotted #ABABAB;
color: #0d2474;
}
								
#topnavbar ul li a, #topnavbar2 ul li a	{
/* display: block; removed 8/31/09 to enforce compliance with IE6 */
color: #0d2474;
text-decoration: none;
text-align: center;
padding: 0 20px;
/* padding-left: 32px;
padding-right: 20px; */
}
								
#topnavbar ul li a:hover	{
background-color: #2E4977;
color: #FFFFFF;
}
								
/* --- font size selector --- */
						
#topnavbar ul li.fontsize p{
font-size:14px;
position: relative;
left: -2px;
}
						
#topnavbar ul li.smalltext, #topnavbar ul li.mediumtext, #topnavbar ul li.largetext, #topnavbar ul li.fontsize{
border: none;
padding: 0;
margin: 0;
position: relative;
left: -5px;
}
								
#topnavbar ul li.smalltext a, #topnavbar ul li.mediumtext a, #topnavbar ul li.largetext a{
width: 28px;
padding: 0;
margin: 0;
position: relative;
left:-20px;
}

#topnavbar ul li a img{
border: none;
position: relative;
left: -2px;
}
						
/* --- Setting the Icons for the buttons --- */			
								
#topnavbar ul li.home a{
/* background-image: url(/images/layout/main/home.gif); */
background-repeat: no-repeat;
background-position: left center;
border-left: 1px dotted #ABABAB;
}
								
#topnavbar ul li.departments a	{
/* background-image: url(/images/layout/main/departments.gif); */
background-repeat: no-repeat;
background-position: left center;
}
								
#topnavbar ul li.visitors a	{
/* background-image: url(/images/layout/main/visitors.gif); */
background-repeat: no-repeat;
background-position: left center;
}
								
#topnavbar ul li.residents a	{
/* background-image: url(/images/layout/main/residents.gif); */
background-repeat: no-repeat;
background-position: left center;
}
								
/* --- Setting the style for the Search Field Form --- */
				
#topnavbar ul form.search	{

background-image: url(/images/layout/main/search.gif);
background-repeat: no-repeat;
background-position: left center;
width: 250px;
height: 22px;
border: 0;
padding-left: 30px;
padding-right: 10px;
float: right;
}
								
#topnavbar ul form.search a, #topnavbar ul form.search a:visited	{
text-decoration: none;
float: right;
padding: 0 2px;
display: inline;
color: #0d2474;
}
								
#topnavbar ul form.search #searchboxset	{
margin: 0;
padding: 0; 
width: 201px; 
border: none;
float: right;
}

#topnavbar ul form.search #searchboxset .searchinput	{
background: #FFFFFF; 
font-family: helvetica, arial, sans-serif;
float: right; 
width: 155px; 
height: 14px; 
margin-top: 1px; 
font-size: 13px;
}

#topnavbar ul form.search #searchboxset .searchgo	{
margin: 0; 
float: right; 
border: none;
}

/* -------------- Side Navigation Bar -------------- */

.navbar	{/* Container for the entire Nav Bar */
margin: 0;
width: 189px;
/* overflow: hidden; */
background-color: #FFFFFF;
border-top: 1px solid #ABABAB;
border-right: 2px groove #ABABAB;
border-bottom: 2px groove #ABABAB;
border-left: 1px solid #ABABAB;
text-align: left;
font-size: 12pt;
}

.navbar h3	{/* Title Bar for the Nav Bar Menu */
font-size: 12pt;
text-align: center;
border-bottom: 1px solid #ABABAB;
padding: 5px 0;
margin: 0;
}

.navbar ul li {/* List items within unordered lists within the navbar */
/* this sets the appearance of the list items or individual lines within the navbar */
display: block;
line-height: 25px;
letter-spacing: 0px;
word-spacing: -1px;
list-style-type: none;
color: #091c5a;
/* border: 1px solid red; */
}

/* ------ First Level (root) -------- */	

.navbar ul {
/* unordered lists style (base level; effects all levels below it as a parent) */
width: 189px;
padding-left: 0;
margin: 0;
background-color: #FFFFFF;
background-image: url(/images/layout/main/navback.gif);
background-repeat: repeat-y;
/* overflow: hidden; */
/* border: 1px solid red; */
}

.navbar ul li a:link, .navbar ul li a:visited {
/* Link Style( font color, left block color (un highlighted), etc)*/
text-decoration: none;
border-left: 10px solid #FFFFFF;
padding-left: 2px;
color: #091c5a;
}

/* ------ Second Level (first subset/indent) -------- */

.navbar ul li ul{
/* Unordered Lists within List Items (first indent; effects all levels below it as a parent) */
/* this specifies the uniform indent and font scale throughout submenus */
padding-left: 15px;
margin-left: 0;
font-size: 90%;
width: 174px;
/* background-color: #BABDD8; */
background-image: url(/images/layout/main/navback2.gif);
background-repeat: repeat-y;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
overflow: hidden;
}

.navbar ul li ul li a:link, .navbar ul li ul li a:visited	{
/* second level of links(font color, left block color (un highlighted), etc) */
border-left: 10px solid #FFFFFF /* #BABDD8 */;
color: #091c5a;
padding-left: 2px;
background-image: none;
}

/* ------ Thrid Level (Second subset/indent) -------- */

.navbar ul li ul li ul {
/* this selects the second indent and gives styling different than what is inhereted from its parent objects */
/* background-color: #C7D5E1; */
margin-left: -15px;
padding-left: 40px;
width: 189px;
background-image: url(/images/layout/main/navback3.gif);
background-repeat: repeat-y;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
overflow: hidden;
}

.navbar ul li ul li ul li a:link, .navbar ul li ul li ul li a:visited 	{
/* third level of links (font color, left block color (un highlighted), etc) */
border-left: 10px solid #FFFFFF/* #C7D5E1 */;
color: #091c5a;
padding-left: 2px;
background-image: none;
}

/* ------ Fourth Level (Thrid subset/indent) -------- */					

.navbar ul li ul li ul li ul 	{
/* this selects the third indent and gives styling different than what is inhereted from its parent objects */
/* background-color: #F4EEE1; */
margin-left: -40px;
padding-left: 55px;
width: 149px;
background-image: url(/images/layout/main/navback4.gif);
background-repeat: repeat-y;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
overflow: hidden;
}

.navbar ul li ul li ul li ul li a:link, .navbar ul li ul li ul li ul li a:visited	{
/* fourth level of links (font color, left block color (un highlighted), etc) */
border-left: 10px solid #FFFFFF/* #F4EEE1*/;
color: #091c5a;
padding-left: 2px;
background-image: none;
}

/* ----------- Setting the Hover style and Location Indication Styles -------------- */

.navbar ul li a:hover, .navbar ul li.current a:hover, .navbar ul li ul li a:hover, .navbar ul li ul li.current a:hover, .navbar ul li ul li ul li a:hover, .navbar ul li ul li ul li.current a:hover, .navbar  ul li ul li ul li ul li a:hover, .navbar  ul li ul li ul li ul li.current a:hover, .navbar ul li.select a:hover, .navbar ul li ul li.select a:hover, .navbar ul li ul li ul li.select a:hover {
/*  sets the style of the hover for all sublevels
border-left: 10px #202040 solid;
color: #4545FF;  */
background-image:url(/images/layout/main/navselect.gif);
background-repeat: no-repeat;
background-position: left center;
border: 0;
padding-left: 12px;
}

.navbar ul li a:link.youarehere, .navbar ul li a:visited.youarehere, .navbar ul li.select a:link.youarehere, .navbar ul li.select a:visited.youarehere {
/* sets the style for the left indicator for the current position link (navbar section header) */
color: #4545FF;
background-image:url(/images/layout/main/navselect.gif);
background-repeat: no-repeat;
background-position: left center;
border: 0;
padding-left: 12px;
}

.navbar ul li.select a:hover, .navbar ul li.select ul li a:hover, .navbar ul li a:hover	{
/* Sets the highlight for the rollover */
color: #4545FF;
}

.navbar ul li.select a, .navbar ul li ul li.select a, .navbar ul li ul li ul li.select a{
/* sets the style for the navbar path (parent level) headings */
background-image: url(/images/layout/main/nav_group_select.gif);
background-repeat: no-repeat;
background-position: left center;
border-left: 0;
padding-left: 12px;
}

/* /////////////////////////// Quick Links /////////////////////////// */
/* /////////////////////////////////////////////////////////////////// */
#quicklinks ul {
  list-style:none;
  padding:0;
  margin:0;
}
#quicklinks ul li {
  padding:5px 0;
  padding-bottom:10px;
  border-bottom:1px dotted #C8C8C8;
}
#quicklinks ul li p {
  font-size:.8em;
}

#quicklinks #links	{
/* float: right;
margin: 2.12% 0 0 0; /* 81.5%*/
width: 98.2%;
/* height: 200px; */
background-color: #FFFFFF;
border-top: 1px solid #ABABAB;
border-right: 2px groove #ABABAB;
border-bottom: 2px groove #ABABAB;
border-left: 1px solid #ABABAB;
text-align: left;
margin-top: 8px;
text-size: 12pt;
}

#quicklinks #links h3	{
font-size: 1em;
text-align: center;
border-bottom: 1px solid #ABABAB;
padding: .3em 0;
margin: 0;
}

#quicklinks #links ul {
padding: 10px 0;
margin: 0;
}
#quicklinks ul {
  list-style:none;
  padding:0;
}
#quicklinks ul li {
  padding:5px 0;
  padding-bottom:10px;
  border-bottom:1px dotted #C8C8C8;
}
#quicklinks ul li p {
  font-size:.8em;
}

#quicklinks #links	{
/* float: right;
margin: 2.12% 0 0 0; /* 81.5%*/
width: 98.2%;
/* height: 200px; */
background-color: #FFFFFF;
border-top: 1px solid #ABABAB;
border-right: 2px groove #ABABAB;
border-bottom: 2px groove #ABABAB;
border-left: 1px solid #ABABAB;
text-align: left;
margin-top: 8px;
text-size: 12pt;
}

#quicklinks #links h3	{
font-size: 1em;
text-align: center;
border-bottom: 1px solid #ABABAB;
padding: .3em 0;
margin: 0;
}

#quicklinks #links ul {
padding: 10px 0;
margin: 0;
}
								
#quicklinks #links ul li	{
font-size: .85em;
list-style-type: none;
margin-top: 4px;
margin-bottom: 4px;
color: #fb5701; 
}

#quicklinks #links ul li a:link, #quicklinks #links ul li a:visited {
text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #091c5a; 
}

#main #rightcolumn #quicklinks a img	{
margin-top: 10px
}		
		
/* ///////////////////////// Page Layout ////////////////////////// */	
/* /////////////////////////////////////////////////////////////////// */

/* -------------- Universal Column Layout Elements -------------- */

#main	{ /* Full page (contains header, footer, side nav bar and content section) */
width: 800px;
margin: 0 auto;
padding: 0;
border-left: 1px solid #ABABAB;
border-right: 3px double #ABABAB;
border-bottom: 3px double #ABABAB;
background-color: #FFFFFF;
/* background-color: #F6F2ED; */
/* border: 1px solid red; */
border: 1px solid black;
}

#content	{ /* Content Section  */
width: 593px;
float: left;
margin: 0;
padding: 0;
background-color: #FFFFFF;
/* border-right: 1px dashed #dcdce9; */
/* border: 1px solid green; */
}

#rightcolumn	{ /* Navigation bars, Links and Utilities (everything found on the right) */
width: 192px;
float: right;
margin: 5px 4px 10px 5px;
padding: 0;
text-align: center;
/* border: 1px solid red; */
}

/* -------------- Single Column Specific Layout Elements -------------- */

#singlecontentbody { /* the section that holds the content (lines coming down from the #bodytop) */
width: 596px;
margin: 0;
padding: 0;
/*border: 1px solid red;*/
}

#singlecol	{ /* section within #singlecontentbody. This defines where the text is */
width: 592px; 
margin: 0 0 0 5px;
padding: 0;
}	

#content #singlecontentbody h2, p.sectionheader	{ /* Top to the sections within Single Column Layout */
font-size: 12pt;
padding: 5px 0;
margin: 5px 0 0 0;
over-flow: hidden;
width: 590px;
text-align: center;
border-top: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-left: 1px solid #ABABAB;
}

#singlecontentbody #singlecol table.editable {
width: 592px;
height: auto;
border: 0;
padding: 0;
margin: 0 0 5px 0;
background-color: #FFFFFF;
border-right: 2px groove #ABABAB;
border-bottom: 2px groove #ABABAB;
border-left: 1px solid #ABABAB;
}

/* -------------- double layout -------------- */

#doublecontentbody	{ /* the section that holds the content (lines coming down from the #bodytop) */
width: 593px;
margin: 0;
padding: 0;
/* border: 1px solid blue; */
}

#doublecol1	{
float: left;
position: relative;
left: 6px;
width: 155px;
margin: 0;
padding: 0;
background-color: transparent;
text-align: left;
/* border: 1px solid red; */
}

#doublecol2	{
font-size: larger;
float: left;
position: relative;
left: 12px;
width: 428px; /* 289px */
margin:0;
margin-bottom: 10px;
padding: 0;
background-color: transparent;
/* border: 1px solid green; */
}

#content #doublecontentbody #doublecol1 h2	{
font-size: 12pt;
padding: 5px 2px 5px 1px;
margin: 5px 0 0 0;
width: 97%; /* 286px */
text-align: center;
border-top: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-left: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
}

#content #doublecontentbody #doublecol2 h2 {
font-size: 12pt;
padding: 5px 1px;
margin: 5px 0 0 0;
width: 97%px;
text-align: center;
border-top: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-left: 1px solid #ABABAB;
border-right: 1px solid #ABABAB;
}

#content #doublecontentbody table.editable	{
/* width: 285px; */
width: 100%;
height: auto;
padding: 0;
margin: 0;
background-color: transparent;
border-right: 2px double #ABABAB;
border-bottom: 2px double #ABABAB;
border-left: 1px solid #ABABAB;
}

/* ///////////////////////// Double Layout ///////////////////////// */	
/* ///////////////////////////////////////////////////////////////// */

#content #doublecontentbody #doublecol1 p, #content #doublecontentbody #doublecol2 p	{
padding: 0 1em;
margin: 3px 0 0 0;
text-align: left;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.editable	{
margin: 20px 0 0 0;
}	
								
/* ///////////////////////// General Prefs ///////////////////////// */	
/* ///////////////////////////////////////////////////////////////// */

img			{
/* width: expression(document.body.currentStyle > 490? "490px": "auto" );
max-width: 490px;*/
padding: 2px 6px;
}

.pinleft	{
float: left;
}

.pinright	{
float: right;
}

.clear	{
clear: both;
}

.2header	{
background-color: white;
color: black;
}

.color1	{
background-color:#2E4977;
/* background-image:url(/images/layout/main/header.gif); */
color:#FFFFFF;
}