/*  Thanks to Asilomar Institute for Information Architecture (www.aifia.org) 
for inspiring me to use css instead of tables.  Most of this stylesheet is theirs, with some tweaks
here and there */



/* 
SET UP FONTS AND SIZES 
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 85%;
	color: #000;
}

#Header, #Title, #Content, #ContentFull, #Popup, td, dt, dd {
	font-family: Verdana, Helvetica, sans-serif, Geneva;
	font-size: .9em;
}

#GlobalNav, #NavSidebar, #Footer {
	font-family: Arial;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 140%;
}


/* headings */
h1, h2, h3 {
	color: #003366;
}

h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.5em;
	font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

/* lists */
ul {
	list-style-type: disc;
}

li {
	padding-bottom: .5em;
}

/* text -- based on 1em = 12pt */

.t10 { font-size: .95em; }
.t14 { font-size: 1.15em; }
.t16 { font-size: 1.35em; }
.t18 { font-size: 1.5em; }
.t20 { font-size: 1.675em; }


/* links */
a, a:link {
	color: #990033;
	text-decoration: none;
}

a:visited {
	color: #990033;
	text-decoration: none;
}

a:hover {
	color: ##C52A5E;
	text-decoration: underline;
}


/* ID's */

#Footer {
	color: #ffffff;
}

#GlobalNav a, #NavSidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #990033;
}

#Footer a {
	text-decoration: none;
	color: #990033;
}

#GlobalNav a.selected, #Footer a.selected {
	color: #C52A5E;
	font-weight: bold;
	background:#cccccc;
	height: 22px; 
}

#GlobalNav a:hover, #GlobalNav a.selected:hover, #NavSidebar a:hover, #NavSidebar a.selected:hover, #Footer a:hover, #Footer a.selected:hover {
	color: #C52A5E; 
}

#Popup p {
	text-align: center;
}

/*#NavSidebar a {
	font-weight: bold;
	color: #990033;
}

#NavSidebar a:hover, #NavSidebar .selected a:hover {
	color: #C52A5E; 
} */

#NavSidebar a.selected {
	color: #C52A5E;
}

/* 
BOX PROPERTIES AND LAYOUT
*/

/* box margins and padding */

blockquote {
	margin: .667em 0 .667em 1.8em;
}

img, a.imgLink {
     border: 0;
}

img.imgRight {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

img.imgLeft {
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

img.imgCenter {
	float: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

#Logo {
	padding: 8px 0 0 15px;
}

#GlobalNav a {
	display:inline; 
 	float:left; 
	list-style-type: none;
	margin: 0;
	padding: .4em 1em 0 1em; 
}

#NavSidebar .NavSidebar, #NavSidebar .NavSidebarselected { 
	padding-left: 0; 
	padding-bottom: .5em;
	display: block;
	padding-left: 15px; 
	padding-bottom: .5em;

}

#NavSidebar div.hilite h1, #NavSidebar div.hilite h2, #NavSidebar div.hilite h3, #NavSidebar div.hilite b {
	padding: 0 0 0 15px;
	margin: 0;
}


/* layout / box positioning */
#Header {
	background-color: #3f6c96;
	margin: 0;
	padding: 0;
	height: 85px;
}

#Search {
	position: absolute;
	top: 0;
	left: 75%;
	width: 20%;
	margin: 15px 15px 0 0;
	padding-left: 17px;
	z-index: 1;
	white-space: nowrap;
}

#GlobalNav {
	position: relative;
	width: 100%;
	background-color: #a0b8c8;
	border-bottom: 4px solid #cccccc;
	margin: 0;
	height: 30px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 26px;
}
html>body #GlobalNav {
	height: 26px;
}

#GlobalNav div.padder {
	height: 26px;
	margin: 0 0 0 160px;
	padding: 0;
	background-color:  #a0b8c8;
	white-space: nowrap;
}

#Title {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: inherits h1 */
	/* left: px from #NavSidebar */
	margin: 15px 27% 0 175px;
	z-index: 1;
}

#Content {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: px to #Footer */
	/* left: px from #NavSidebar */
	margin: 0 10% 15px 175px;
	z-index: 1;
}

#ContentFull {
	/* top: px from last rel pos, #Header */
	/* right: px from last rel pos -- #Header */
	/* bottom: px to #Footer */
	/* left: px from #NavSidebar */
	margin: 0 0 15px 175px;
	z-index: 1;
}

#Content .col, #ContentFull .col {
        float: left;
        padding: 0;
        margin: 0 3em 0 0;
        text-align: left
        }

#ContentPadder100 {
	height: 100px;
}

#ContentPadder200 {
	height: 200px;
}

#NavSidebar {
	position: absolute;
	left: 0px;
	top: 93px;
	width: 160px;
	z-index: 1;
	height: 160px;
}

#NavSidebar div.secnav {
	width: 160px;
	padding: 15px 0px 15px 0px;
	background-color: #cccccc;
}       

#NavSidebar div.persnav {
	width: 160px;
	padding: 15px 0 15px 0;
	background-color: #000000;
}

#NavSidebar div.hilite {
	width: 160px;
	padding: 15px 0 15px 0;
}

#FooterPadder {
	height: 75px;
}

#Footer {
	height: 1.5em;
	position: relative;
	background-color: #a0b8c8;
	border-top: 4px solid #cccccc;
	border-bottom: 4px solid #3f6c96;
	width: 100%;
}

#Footer ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#Footer li {
	display:inline;
	padding:0 1.5em;
}

#Footer li.first {
	margin: 0 0 0 160px;
	}

#Footer ul>li {
	display:inline-block;
	width:130px;
	padding:0;
} /*IE5 Mac*/
	
@media all {
	#Footer ul>li {display:inline;  padding:0 2em; width:auto}
} /*for mozilla, Opera*/