/* CSS Document - National Building Museum */

body {
	background:#ffffff url(/assets/images/wrpr/sitebg.gif) top repeat-x;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 0px 40px 0px;
}

p, li, ol, ul, table, tr, th, td, .Explicit {
	font-family:Arial, Helvetica, sans-serif;
}

/*---------- TYPOGRAPHY ----------*/


/*---------- IMPORTANT!!! No default bottom/top margin, except on <p> tags */

/* Because regular users will be adding much content, all margins removed above and below <h>* tags...
   To add space below a heading, user will instead need to enter hard returns and breaks to achieve 
   desired appearance...*/


h1, h2, h3, h4 {
	margin-top:0px;
	margin-bottom:0px;
}

p {
	margin-top:0px;
}

h1 {
	font-size:26px;
	line-height:29px;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	color:#107195;
	font-weight:normal;
}

h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:19px;
	color:#107195;
}

h3 {
	font-size:14px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#107195;
}

h4 {
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:black;
}

p {
	font-size:12px;
	line-height:16px;
}

p.small {
	font-size:11px;
	line-height:14px;
}

/* removed any margin settings on links...they are inline by default and should appear after a <br /> tag
   inside main <p> text....alternately nest in <p></p> tags...all <p> has margin settings above */ 
   
a, a:link {
	color:#E19600;
	text-decoration:underline;
	font-weight:bold;
}

td {
	font-size:12px;
	line-height:16px;
}

#mainbody {
	padding:0px 0px 0px 35px;
}

#mainbody p {
	font-size:12px;
	line-height:16px;
}

#mainbody ul {
	list-style-type:none;
	margin-left:30px;
	margin-right:30px;
	padding-left:0px;
}

#mainbody li {
	list-style-type:none;
	padding-bottom:10px;
}

#mainbody ol {
	margin-left:48px;
	margin-right:30px;
	padding-left:0px;
}

#mainbody .sponsor {
	font-size:11px;
	line-height:14px;
	margin:10px 30px 0 30px;
}

#mainbody .footer {
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}

/*---------- MISC. ----------*/

a img,:link img,:visited img { border:none }

/* (float items left) */
.left {
	float:left;
	margin:0px 10px 5px 0px;
}

/* (float items right) */
.right {
	float:right;
	margin:0px 0px 5px 10px;
}

.rule {
	border-bottom:1px solid #e3decb;
	margin:10px 0px 10px 0px;
	padding:0px;
	clear: both;
}

/* (images with captions, large and small, vert and horiz.) */

.imgVertRt {
	width:182px;
	float:right;
	margin:0px 0px 15px 20px;
}

.imgVertLt {
	width:182px;
	float:left;
	margin:0px 20px 15px 0px;
}

.imgHorRt {
	width:252px;
	float:right;
	margin:0px 0px 15px 20px;
}

.imgHorLt {
	width:252px;
	float:left;
	margin:0px 20px 15px 0px;
}

.caption {
	font-size:9px;
	font-style:none;
	margin:0px;
	padding:5px 0px 0px 0px;
	line-height:12px;
}

.credit {
	font-size:9px;
	font-style:none;
	margin:0px;
	padding:5px 0px 0px 0px;
	line-height:12px;
}

/*---------- MAIN WRAPPER STYLES ----------*/

textarea, input, select, option {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:3px;
color:black;
}

#loginBox td {
color:#000000;
font-size:8pt;
}

#loginBox td a {
color:#000000;
text-decoration:none;
}

#loginBox td a:hover {
text-decoration:underline;
}

#mainNavContainer {
background:url(/assets/images/wrpr/shadownavbtm.gif) left bottom repeat-x; 
padding-bottom:4px;
}

#mainNav {
background:url(/assets/images/wrpr/navbg.gif) repeat-x;
}

#searchBox {
padding:2px 0px 0px 0px;
}

#searchBox input.textboxes {
font-size:10px;
padding-left:3px;
}

#breadCrumb {
font-size:10px;
padding-left:227px;
width:460px;
}

#leftNav {
margin:0 0 20px 0;
padding:0;
list-style:none;
}

#leftNav li {
border-bottom:1px solid #e2dfce;
font-size:11px;
}

#leftNav li.sectionHeader {
padding:10px;
color:#107195;
font-weight: bold;
}

#leftNav a {
display:block;
color:#000000;
text-decoration:none;
padding:7px;
font-size:11px;
font-weight:normal;
}

#contentDiv {
	padding:0px 0px 20px 0px;
	width:670px;
}

/* Convio Section nav styles*/

.navigationMenu {
margin:0;
margin-bottom:20px;
padding:0;
list-style:none;
}

.navigationItem {
border-bottom:1px solid #e2dfce;
font-size:14px;
}

.navigationItemLabel {
padding:7px;
color:#107195;
font-weight: bold;
}

.navigatonItem a {
display:block;
color:#000000;
text-decoration:none;
padding:7px;
font-size:11px;
}

.navigationSubMenu {
TEXT-INDENT: 15px;
}



/*------- Content Right Feature Box -------*/


.featBox {
	width:204px;
	float:right;
	margin:0px 0px 20px 25px;
	border:1px solid #e2dfce;
}

.featBoxExh {
	width:204px;
	float:right;
	margin:0px 0px 20px 25px;
	border:0px;
}

.featBoxExhInside {
	width:204px;
	margin:0px 0px 10px 0px;
	border:1px solid #e2dfce;
}

.featBoxHead {
	background-color:#f0eee5;
}

.indent {
	padding:0px 0px 0px 7px;
}



/*------ Content Banner Area ------*/

.contentBanner {
	padding:0px 0px 20px 0px;
}

.contentVertBanner {
	padding:0px 15px 0px 0px;
	float:left;
	width:235px;
}


/*------ Content Landing pages ------*/
 
/*-- (HORIZONTAL) --*/ 
 
/*--parent landing page container cells--*/
.landing td {
 padding:15px 0px 20px 0px;
 border-bottom:1px solid #e2dfce;
}
 
.landing td.last {
 border-bottom:none;
 padding-bottom:0px;
}
 
/*--second row table--*/
.landing .level2 {
 background-image:url(/assets/images/display-template-images/landing_linebkgr2.gif);
 background-position:386px top;
 background-repeat:repeat-y;
}
 
/*--second row table--*/
.landing .level3 {
 background-image:url(/assets/images/display-template-images/landing_linebkgr3.gif);
 background-position:left top;
 background-repeat:repeat-y;
}
 
/*--cancel out styles set on parent table td's--*/
.landing .level2 td, .landing .level3 td {
 border-bottom:none;
 padding:0px;
}

/*-- (VERTICAL) --*/ 

.landingV {
	padding: 10px 0px 0px 0px;
}

.landingV .top {
 background-image:url(/assets/images/display-template-images/landing_linebkgr2.gif );
 background-position:275px top;
 background-repeat:repeat-y;
}

.landingV td.lineBkgr {
 background-image:url(/assets/images/display-template-images/landing_linebkgr4.gif);
 background-position:left center;
 background-repeat:repeat-x;
 background-color:#FFFFFF;
}

.landingV .bot {
 background-image:url(/assets/images/display-template-images/landing_linebkgr3.gif );
 background-position:left top;
 background-repeat:repeat-y;
}

/*------ Content mini-calendar ------*/

.calendar table {padding: 0; margin:0; margin-bottom:20px;}
.calendar td.monthTitle {text-align:left; width:auto; font: 11pt/11pt Arial; font-weight:bold; background: #107096; color: #fff; vertical-align:center; padding: 5px; height:20px; border-left:1px solid white; border-right:1px solid white; border-bottom:3px solid white;}
.calendar td.monthTitle a:link, .calendar td.monthTitle a:visited {color: #fff;}
.calendar th {width:15px; font: 7pt/7pt Arial; font-weight:bold; background: #107096; color: #fff; margin: 3px; padding: 2px 5px; border-bottom:1px solid white;}
.calendar th.leftCal {border-left:1px solid white;}
.calendar th.rightCal {border-right:1px solid white;}
.calendar td {font: 8pt/8pt Arial; background: #ece9da; color: #66655f;  padding: 6px 6px 6px 5px; margin:0; text-align:center; vertical-align:center; border:1px solid #fff;}
.calendar td.notInMonth {background: #d6d3c3;}
.calendar td a, .calendar td a:hover, .calendar td a:visited {display:block; color:#e19600; text-decoration:none;}

/* (school calendar styles) */

.schoolcalendar {
	font-size:12px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:670px;
	border: none;
}

.schoolcalendar td {
	border: 1px solid #E2DFCE;
	padding: 0;
	vertical-align:top;
	border-collapse:collapse;
}

#mainbody table.schoolcalendar ul {
	margin:0px 10px 15px 10px;	
	padding:0;
	list-style-type:none;
}

#mainbody table.schoolcalendar li {
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

#mainbody .schoolcalendar .monthname {
	padding: 20px 0 5px 0;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:19px;
	color:#107195;
	border:none;
}

.schoolcalendar .weekday {
	padding: 2px 0 2px 0;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:black;
	text-align:center;
	vertical-align:middle;
}

.schoolcalendar .full, a.full {
	/* background-color:#CCCCCC; */
	text-decoration:line-through;
}

#mainbody .schoolcalendar p.date {
	margin: 0;
	padding: 5px;
	
	font-size:18px;
	color:#D6D3C3;
	text-align:right;
	display:block;
}

.schoolcalendar .empty {
	background-color:white ;
	border:1px solid #E2DFCE;
}

.schoolcalendar .holiday .content{
	text-align:center;
	
}

.schoolcalendar .content {
	padding: 5px;
	font-size:11px;
}

#mainbody .schoolcalendar p.time {
	margin:0;
	font-size:10px;
	font-size:11px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:black;
}

.schoolnav {
	float:right;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	margin-left: 10px;
}

.schoolnav a {
	
	display:block;
	text-decoration:none;
	color:#0099FF;
	padding:5px 3px 5px 3px;
}

.schoolnav a:hover {
	background-color:#0099FF;
	color:#000000;
}


/*---------- FOOTER ----------*/

#footerText {
font-size:10px;
margin:0px;
}

#footerLinks {
color:#a29f8f;
font-size:10px;
margin:0px;
}

#footerLinks a {
color:#a29f8f;
margin:0px;
}