/*** PAGE BACKGROUND ***/

body { 
	behavior: url(/scripts/csshover.htc);  /* allows IE to recognize hovering properly */
	
	background: #808080;
	margin: 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* IE fix */
}

body.white { background: #ffffff; }


/*** HEADER ***/

#header {
	background: url(images/header/background.gif) top left no-repeat;
	position: absolute; /* done just for the sake of Opera, would be relative */
	top: 11px;
	width: 750px;
	height: 300px;
	margin: 0 0 0 14px; /* adjusts the absolute positioning */
	padding: 0;
	text-align: left;
	z-index: 100;
}

#sitemap_link {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	height: 19px;
	overflow: hidden;
	padding: 3px 10px;
	margin: 0;
	z-index: 100;
}
html>body #sitemap_link { height: 13px; } /* IE hack */

#sitemap_link a { color: white; }

#header img {
	position: relative;
	top: -2px;
	left: 19px;
	clear: both;
	margin: 0;
	padding: 0;
	z-index: 100;
}
html>body #header img { top: 3px; } /* IE hack */

#header h1 {
	position: relative;
	top: -238px;
	left: 112px;
	height: 120px;
	width: 636px;
	overflow: hidden;  /* prevents the header text from growing out of the box */
	margin: 0;
	padding: 0;
	z-index: 100;
	
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}


#banner_container {
	position: relative;
	top: -129px;
	background: black;
	width: 750px;
	height: 120px;
	margin: 0;
	padding: 0;
	border-top: 4px solid black;
	border-bottom: 4px solid black;
}
html>body #banner_container { top: -125px;} /* IE hack */

#banner_image {
	position: relative;
	left: 100px;
	background: no-repeat;
	width: 650px;
	height: 120px;
	margin: 0;
	padding: 0;
}

#navbar {
	position: relative;
	top: -239px;
	text-align: right;
	z-index: 500;
}
html>body #navbar { top: -233px; }  /* IE hack */

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

#navbar ul li { display: inline; }

#navbar ul li a {
	min-height: 16px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: white;
	padding: 8px 8px 4px 8px;
	margin: 0;
}

#navbar li:hover a { background: url(images/header/highlight.gif) bottom left repeat-x; }
#navbar li:hover ul li a { background: none; }

#navbar li#home.selected a  { color: #a52a2a; background: white url(images/header/selected_home.gif) no-repeat center top; }
#navbar li#about.selected a  { color: #a52a2a; background: white url(images/header/selected_about.gif) no-repeat center top; }
#navbar li#depts.selected a  { color: #a52a2a; background: white url(images/header/selected_depts.gif) no-repeat center top; }
#navbar li#programs.selected a  { color: #a52a2a; background: white url(images/header/selected_programs.gif) no-repeat center top; }
#navbar li#calendar.selected a  { color: #a52a2a; background: white url(images/header/selected_calendar.gif) no-repeat center top; }
#navbar li#links.selected a  { color: #a52a2a; background: white url(images/header/selected_links.gif) no-repeat center top; }
#navbar li#partners.selected a  { color: #a52a2a; background: white url(images/header/selected_partners.gif) no-repeat center top; }
#navbar li#contact.selected a  { color: #a52a2a; background: white url(images/header/selected_contact.gif) no-repeat center top; }

#navbar li#about.selected ul li a, #navbar li#depts.selected ul li a, #navbar li#programs.selected ul li a,
#navbar li#events.selected ul li a, #navbar li#links.selected ul li a  { color: white; background: none; }  /* ensures that child links of selected tabs are not highlighted */
#navbar li#about { background: none; } /* fixes a CSS conflict with WebCalendar */ 

#navbar ul ul {
	display: none;
	position: absolute;
	top: 3px;
	background: #A52A2A;
	padding: 0;
	margin: 0;
	border-top: 1px solid #D9A5A5;
	border-left: 1px solid #641919;
	border-right: 1px solid #641919;
	border-bottom: 2px solid #290B0B;
	z-index: 800; /* ensures that menus appear above the selected item background */
}
html>body #navbar ul ul { top: -3px; }  /* IE hack */
* + html body #navbar ul ul { top: 3px; } /* IE 7 hack */

#navbar ul.about { left: 53px; }  /* controls the position of each submenu */
html>body #navbar ul.about { left: 253px; }  /*IE hack */
#navbar ul.depts { left: 127px; }
html>body #navbar ul.depts { left: 327px; }  /*IE hack */
#navbar ul.programs { left: 221px; }
html>body #navbar ul.programs { left: 421px; }  /*IE hack */
#navbar ul.events { left: 297px; }
html>body #navbar ul.events { left: 507px; }  /*IE hack */
#navbar ul.links { left: 368px; }
html>body #navbar ul.links { left: 568px; }  /*IE hack */

#navbar ul li:hover ul {
	display: block;
	padding: 0;
	margin: 24px 0 0 0;
}

#navbar ul li ul li {
	display: block;
}

#navbar ul li ul li a {
	font-size: 12px;
	color: white;
	padding: 4px 8px 4px 8px;
	margin: 0;
}

#navbar ul li ul li:hover { background: #CD8989; }
#navbar ul li ul li:hover a { background: none; }


/*** MAIN PAGE AREA ***/

#main_page { /* wrapper with bottom right rounded corner */
	position: relative;
	left: 0;
	background: url(images/rounded_corner_bottom.gif) bottom right no-repeat;
	min-height: 208px; /* ensures that Opera displays short pages properly */
	width: 750px;
	margin: 0;
	padding: 0;
	text-align: left; /* IE fix */
	z-index: 200; /* keeps links clickable even though the header overlaps part of the page */
}
html>body #main_page { left: 14px; } /* IE hack */
* + html body div#main_page { left: 0; } /* IE 7 hack */

#single_column {
	width: 630px;
	margin: 0;
	padding: 40px 60px 20px 60px;
	text-align: left;
}
html>body #single_column{ padding-top: 50px; }  /* IE hack */

#main_column {
	width: 434px;
	float: left;
	margin: 0;
	padding: 40px 30px 20px 60px;
	text-align: left;
	overflow: hidden; /* IE fix */
}
html>body #main_column { width: 435px; padding-top: 50px; }  /* IE hack */

#sidebar {
	width: 137px;
	float: left;
	margin: 0;
	padding: 40px 60px 20px 28px;
	text-align: left;
}
html>body #sidebar { padding-top: 50px; }  /* IE hack */

#left_column {
	width: 285px;
	float: left;
	margin: 0;
	padding: 40px 30px 20px 60px;
	text-align: left;
}
html>body #left_column{ width: 285px; padding-top: 50px; }  /* IE hack */

#right_column {
	width: 285px;
	float: right;
	margin: 0;
	padding: 40px 60px 20px 30px;
	text-align: left;
}
html>body #right_column { width: 285px; padding-top: 50px; }  /* IE hack */

#left_column p, #right_column p { text-align: justify; }
#right_column ul { padding: 0 40px 10px 40px; }

.clear { clear: both; }
.clear_left { clear: left; }


/*** BASIC PARAGRAPH & IMAGE STYLES ***/

h1 {
	font-size: 22px;
	text-align: left;
	color: #0095DE;
	padding: 0 0 20px 0;
	margin: 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #0095DE;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
}

p {
	font-size: 14px;
	text-align: left;
	color: #A52A2A;
	line-height: 150%;
	padding: 0;
	margin: 0 0 20px 0;
}

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

ul {
	list-style-image: url(images/bullet.gif);
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
}

ul ul { list-style: circle; }

ol {
	padding: 0 0 0 46px;
	margin: 0 0 20px 8px;
}

li {
	font-size: 14px;
	text-align: left;
	color: #A52A2A;
	line-height: 150%;
}

ul.right { float: right; }
ul.pdf_list { list-style-image: url(images/pdficon_small.gif); }
ul.pdf_list li {
	margin-left: 0;
	padding-left: 10px;
	line-height: 190%;
	vertical-align: middle;
}
html>body ul.pdf_list li { margin-left: 10px; padding-left: 0; line-height: 150%; } /* IE hack */

.small { font-size: 10px;}

.red { color: #A52A2A; }

.nobreak { white-space: nowrap; }

img { border: 0; }

img.at {
	width: 14px;
	height: 13px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
}

img.left {
	float: left;
	padding: 0 20px 10px 0;
	margin: 0;
}

img.right {
	float: right;
	padding: 0 0 10px 20px;
	margin: 0;
}

.caption_left_tall {
	float: left;
	background: #DBA556 url(images/caption_tall_top.gif) top left no-repeat;
	width: 192px;
	padding: 0;
	margin: 0 20px 10px 0;
	overflow: hidden; /* IE fix */
}

.caption_right_tall {
	float: right;
	background: #DBA556 url(images/caption_tall_top.gif) top left no-repeat;
	width: 192px;
	margin: 0 0 10px 20px;
	padding: 0;
	overflow: hidden; /* IE fix */
}

.caption_left_wide {
	float: left;
	background: #DBA556 url(images/caption_wide_top.gif) top left no-repeat;
	width: 252px;
	padding: 0;
	margin: 0 20px 10px 0;
	overflow: hidden; /* IE fix */
}

.caption_right_wide {
	float: right;
	background: #DBA556 url(images/caption_wide_top.gif) top left no-repeat;
	width: 252px;
	margin: 0 0 10px 20px;
	padding: 0;
	overflow: hidden; /* IE fix */
}

.caption_left_tall img, .caption_right_tall img {
	height: 240px;
	width: 180px;
	border: 0;
	margin: 5px 6px 0px 6px;
	padding: 0;
}

.caption_left_wide img, .caption_right_wide img {
	height: 180px;
	width: 240px;
	border: 0;
	margin: 5px 6px 0px 6px;
	padding: 0;
}

.caption_left_tall h1, .caption_right_tall h1 {
	color: white;
	background: #DBA556 url(images/caption_tall_bottom.gif) bottom left no-repeat;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 2px 6px 7px 6px;
	overflow: hidden;
}

.caption_left_wide h1, .caption_right_wide h1 {
	color: white;
	background: #DBA556 url(images/caption_wide_bottom.gif) bottom left no-repeat;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 2px 6px 7px 6px;
	overflow: hidden;
}

.caption_left_tall a, .caption_right_tall a,
.caption_left_wide a, .caption_right_wide a {
	color: white;
	text-decoration: underline;
}


/*** MAIN PAGE CONTENTS ***/

#main_title {
	text-align: center;
	margin-bottom: 10px;
}

#breadcrumbs {
	position: relative;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0 0 0 100px;
}
html>body #breadcrumbs { position: absolute; } /* IE hack */

#breadcrumbs p {
	color: #DBA556;
	text-align: right;
	font-size: 11px;
	margin: 0;
	padding: 0 60px;
}

#breadcrumbs a { color: #DBA556; }

.news_box {
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	border: 0px solid #DBA556;
}

.news_box h1 {
	display: block;
	position: relative;
	top: -22px;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #DBA556;
	
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	color: #DBA556;
	padding: 4px 0 4px 0;
	margin: 0;
}

.news_box ul, ol {
	padding: 0 0 0 40px;
	margin-bottom: 30px;
}

.news_box p { padding: 0 0 0 20px; }
#left_column .news_box p { text-align: left; }

.news_box img.left {
	padding-left: 20px;
}

.news_box table td { text-align: center; }

.blog {
	padding: 0;
	margin: 0 0 20px 0;
}

.small_box {
	background: url(images/image_box.gif) no-repeat;
	float: left;
	height: 54px;
	width: 54px;
	margin: 0 10px 0 10px;
	padding: 9px 9px 10px 9px;
	clear: both;
}
html>body .small_box { height: 54px; width: 54px; margin-left: 20px; }  /* IE hack */

.small_box img {
	height: 54px;
	width: 54px;
	border: 0;
	margin: 0;
	padding: 0;
}

.blog h2 {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	
	color: #DBA556;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	
}

.blog .date {
	font-size: 11px;
	font-weight: normal;
}

.blog p {
	min-height: 54px;
	padding: 0 0 0 102px;
	margin: 0 0 10px 0;
	
	font-size: 13px;
}

#feedback { padding-top: 0; }
#feedback h1 { top: -2px; }
#feedback strong { font-size: 18px; }

#feedback p {
	font-style: italic;
	text-align: justify;
	z-index: 100;
}

#feedback p.quote_by {
	text-align: right;
	font-style: normal;
	margin-bottom: 0;
}

#feedback .quote_left {
	position: relative;
	left: -28px;
	padding: 2px 0 2px 0;
	z-index: 0;
}

#feedback .quote_right {
	float: right;
	position: relative;
	top: -60px;
	right: -28px;
	z-index: 0;
}

#list_column_left {
	width: 265px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 20px 0 40px;
}

#list_column_right {
	width: 265px;
	float: right;
	margin: 0 0 20px 0;
	padding: 0 20px 0 20px;
}

#list_column_left li, #list_column_right li { text-align: justify; }

#blockquote {
	float: right;
	width: 280px;
	padding: 0 20px 0 20px;
	margin: 0 0 0 20px;
}

#blockquote p {
	font-weight: bold;
	font-style: italic;
	text-align: justify;
	color: #DBA556;
	z-index: 100;
}

#blockquote strong { font-size: 18px; }

#blockquote p.quote_by {
	text-align: right;
	font-style: normal;
	color: #DBA556;
	margin-bottom: 0;
}

#blockquote .quote_left {
	position: relative;
	left: -28px;
	padding: 2px 0 2px 0;
	z-index: 0;
}

#blockquote .quote_right {
	float: right;
	position: relative;
	top: -60px;
	right: -28px;
	z-index: 0;
}

#partner_list img {
	background: url(images/image_box.gif) no-repeat;
	float: left;
	height: 54px;
	width: 54px;
	margin: 0 20px 10px 0;
	padding: 9px 9px 10px 9px;
	clear: both;
}

#partner_list h1 {
	clear: none;
	margin: 0 0 5px 0;
	padding: 0 20px;
	
	font-size: 16px;
	
}

#partner_list p {
	min-height: 64px;
	padding: 0 20px 0 92px;
	margin: 0 0 10px 0;
	
	color: #DBA556;
	font-size: 12px;
	font-style: italic;
}

#partner_list a { color: inherit; }

#left_column.site_map, #right_column.site_map {
	width: 285px;
	padding-top: 0;
	margin-top: 0;
}

ul.site_map, #right_column ul.site_map {
	list-style: none;
	padding: 0 0 0 40px;
	margin: 0 0 20px 0;
}

ul.site_map li {
	text-align: left;
	padding: 0 0 20px 0;
	margin: 0;
}

ul.site_map li a {
	font-size: 16px;
	font-weight: bold;
	color: #0095DE;
}

ul.site_map li ul, #right_column ul.site_map li ul { 
	list-style: none;
	margin: 0;
	padding: 6px 0 0 15px;
}

ul.site_map li ul li {
	text-align: left;
	line-height: 150%;
	padding: 0 0 2px 0;
	margin: 0;
}

ul.site_map li ul li a {
	font-weight: normal;
	font-size: 14px;
	color: #A52A2A;
}

ul.site_map li ul li ul, #right_column ul.site_map li ul li ul {
	list-style: disc url(images/bullet.gif);
	padding: 3px 0 0 20px;
	margin: 0;
}

ul.site_map li ul li ul li {
	text-align: left;
	line-height: 150%;
	padding: 0 0 2px 0;
	margin: 0;
}

ul.site_map li ul li ul li a {
	font-weight: normal;
	font-size: 12px;
	color: #A52A2A;
	line-height: 100%;
}

li.link_header { cursor: pointer; }
ul.link_list, #right_column ul.link_list { margin: 0; padding: 0 0 0 15px; }
ul.link_list li, #right_column ul.link_list li {
	font-size: 12px;
	list-style: circle;
	list-style-image: none;
}

#calendar_tabs {
	background: #DBA556;
	border: 1px solid #DBA556;
	height: 1.2em;
	margin: 0 0 20px 0;
	padding: 0;
	
	list-style: none;
	text-align: center;
	vertical-align: middle;
}

#calendar_tabs li {
	display: inline;
	margin: 0 20px;
	padding: 4px 10px;
	
	color: white;
	font-size: 13px;
	
	border-top: 2px solid #DBA556;
	border-bottom: 2px solid #DBA556;
	border-left: 1px solid #DBA556;
	border-right: 1px solid #DBA556;
	cursor: pointer;
}

#calendar_tabs li:hover, #calendar_tabs li.selected {
	background: white;
	color: #DBA556;
}

ul.event_list li {
	list-style: none;
	list-style-image: none;
	margin-bottom: 6px;
}

#contact_form {
	border: 0;
	width: 320px;
	height: 330px;
	overflow: auto;
	margin: 0 0 17px 0;
	padding: 0;
}

#partner_form {
	float: right;
	border: 0;
	width: 305px;
	height: 540px;
	overflow: auto;
	margin: 0 0 0 20px;
	padding: 0;
}

table.form {
	background: #ffffff;
	border: 2px solid #DBA556;
	margin: 0;
	padding: 10px;
}

table.form th {
	color: #0095DE;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

table.form td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	color: #A52A2A;
	line-height: 150%;
	padding: 0;
	margin: 0;
}

table.form input, table.form textarea, table.form select {
	border-color: #A52A2A;
	border-width: 1px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.form textarea.wide { width: 275px; }
table.form select { width: auto; }
table.form select.country { width: 202px;}

table.form input.button { 
	background: #ffffff;
	border-width: 2px;
	border-color: #DBA556;
	width: auto;
	color: #DBA556;
	padding: 2px 4px;
	margin: 0 6px 0 0;
}

.pdf_box {
	background: url(images/pdf_box.gif) top left no-repeat;
	width: 185px;
	height: 76px;
	overflow: hidden;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.img_box {
	background: url(images/img_box.gif) top left no-repeat;
	width: 185px;
	height: 76px;
	overflow: hidden;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.doc_box {
	background: url(images/doc_box.gif) top left no-repeat;
	width: 185px;
	height: 76px;
	overflow: hidden;
	margin: 10px 0 10px 20px;
	padding: 0;
}

.pdf_box h1, .img_box h1, .doc_box h1 {
	position: relative;
	top: 12px;
	left: 62px;
	width: 103px;
	font-size: 11px;
	color: #A52A2A;
	margin: 0 0 3px 0;
	padding: 0;
}

.pdf_box a, .img_box a, .doc_box a { color: inherit; text-decoration: none;}

.pdf_box h2, .img_box h2, .doc_box h2 {
	position: relative;
	top: 12px;
	left: 62px;
	width: 100px;
	font-size: 10px;
	color: #0095DE;
	margin: 0;
	padding: 0;
}

.pdf_box p, .img_box p, .doc_box p {
	position: relative;
	top: 12px;
	left: 62px;
	width: 100px;
	font-size: 10px;
	color: #0095DE;
	margin: 0;
	padding: 0;
}


/*** INFOBOXES ***/

.infobox_top {
	background: white url(images/infobox_top.gif) top left no-repeat;
	height: 33px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.infobox {
	background: white url(images/infobox_middle.gif) top left repeat-y;
	padding: 6px 18px 9px 18px;
	margin: 0;
}

.infobox_bottom {
	background: white url(images/infobox_bottom.gif) top left no-repeat;
	height: 9px;
	overflow: hidden; /* IE fix */
	padding: 0;
	margin: 0 0 20px 0;
}

.infobox_top h1 {
	position: relative;
	top: 13px;
	margin: 0;
	padding: 0;
	
	font-size: 13px;
	text-align: center;
}

.infobox p {
	margin: 0;
	padding: 0;
	
	font-size: 11px;
}

.infobox ul, .infobox ol {
	margin: 4px 0 4px 16px;
	padding: 0;
}

.infobox li {
	font-size: 11px;
	text-indent: 0;
}

.infobox .small {
	font-size: 9px;
	font-style: italic;
}

#tagline {
	margin: 0;
	padding: 0;
}

#tagline .quote_left {
	position: relative;
	left: -25px;
	padding: 0 0 5px 0;
	z-index: 0;
}

#tagline p {
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	text-align: justify;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#tagline .quote_by {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

#tagline .quote_right {
	position: relative;
	top: -26px;
	left: 110px;
	z-index: 0;
}

iframe#upcoming_events {
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


/*** FOOTER ***/

#footer {
	clear: both;
	position: relative;
	left: 14px;
	width: 750px;
	height: 20px;
	background: #A52A2A;
	margin: 0;
	padding: 0;
	z-index: 0;
}

#footer p {
	height: 20px;
	overflow: hidden;
	background: #A52A2A;
	font-size: 11px;
	text-align: center;
	color: white;
	padding: 1px 0 0 0;
	margin: 0;
}

#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

img.at_footer {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
}


/*** PAGE SHADOWS ***/

#header_shadow {
	background: url(images/shadow_top.gif) no-repeat;
	width: 778px;
	height: 188px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left; /* IE fix */
}

#main_shadow {
	background: url(images/shadow.gif) center center repeat-y;
	width: 778px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#footer_shadow {
	background: url(images/shadow_bottom.gif) bottom no-repeat;
	width: 778px;
	height: 37px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left; /* IE fix */
}



/*** WEBCALENDAR ***/

table.ThemeMenubar { margin-bottom: 20px; }
table#month_main { margin-top: 20px; }