@charset "UTF-8";
/* CSS Document */

#custom-doc {
/*width:60em;*/ /* 780/13 */
width: 780px;
/* *width:58.500em; */ /* 780/13.3333 */
*width: 780px;
/*margin-left:0px;*/
margin: 0 auto;
}
#hd {
	height: 150px;
	background-color: #084675;
}
#subNav {
	background-color: #5D5F52;
	height: 20px;
	width: 622px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(../images/subNavBkgd.gif);
	text-align: left;
	padding-left: 158px;
}
.subNavLinksBrdr {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#nav {
	margin: 0px;
	font-size: 90%;
	text-align: right;
	color: #333333;
	float: left;
}
#main {
	width: 386px;
	margin-left: 160px;
	margin-bottom: 10px;
}
#calendar {
	background-color: #FFFFFF;
	width: 618px;
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #87B800;
	border-right-color: #87B800;
	border-bottom-color: #87B800;
	border-left-color: #87B800;
	float: right;
	clear: right;
	text-align: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images/calendarBkgd.gif);
	background-position: left -21px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#calendar a {
        color: #FFFFFF;
	text-decoration: none;
}
#calendar a:hover {
	text-decoration: underline;
}

#ft {
	font-size: 77%;
	color: #666666;
	text-align: left;
	padding: 0px;
	clear: both;
	margin-bottom: 10px;
}
#ft a {
	color: #666666;
	text-decoration: none;
}
#ft a:hover {
	text-decoration: underline;
}
.calendarDate {
	float: left;
	width: 113px;
	font-size: 85%;
	color: #5D6057;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.calendarBar {
	color: #FFFFFF;
	background-color: #87B800;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	font-size: 93%;
	margin-top: 8px;
	clear: both;
	border: 1px solid #87B800;
}
.solidOrange {
	background-color: #F98400;
	margin: 0px;
	text-align: left;
	padding-top: 10px;
        padding-right: 10px;
	padding-bottom: 0px;
 	padding-left: 10px;
	color: #FFFFFF;
	border: 1px solid #F98400;
        margin-bottom: 6px;
}
.solidOrange a {
	color: #FFFFFF;
}
.solidOrange p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
.solidOrange h1 {
	color: #F98400;
	background-color: #FFFFFF;
	padding-left: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 138.5%;
	line-height: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}
.solidOrange h2 {
	margin-top: 2px;
	padding-left: 6px;
	margin-bottom: 8px;
	font-size: 153.9%;
	font-weight: normal;
	line-height: 120%;
}
.solidOrange h3 {
	margin-top: 2px;
	padding-left: 6px;
	margin-bottom: 0px;
	font-size: 116%;
}
.solidOrange h4 {
	margin-top: 0px;
	padding-left: 6px;
	margin-bottom: 0px;
	font-size: 116%;
	font-weight: normal;
}
.orangeBox {
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F98400;
	border-right-color: #F98400;
	border-bottom-color: #F98400;
	border-left-color: #F98400;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	font-size: 93%;
	background-color: #FFFFFF;
	color: #F98400;
	margin-bottom: 6px;
}
.orangeBox a {
	color: #F98400;
}

.orangeBox h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.orangeBox  h2  a {
	color: #FFFFFF;
	background-color: #F98400;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-decoration: none;
}
.orangeBox h2 a:hover {
	background-color: #0081C6;
}
#sideBar {
	float: right;
	width: 220px;
}
.yui-t1 {
	width: 780px;
}
#nav ul {
	margin: 0px;
}
#nav li {
	list-style-type: none;
	display: block;
	margin-bottom: 2px;
}
#nav a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0081C6;
	display: block;
	height: 18px;
	line-height: 18px;
	padding-right: 6px;
	border: 1px solid #0081C6;
}
#nav a:hover {
	background-color: #F98400;
	border: 1px solid #F98400;
}
#missionStatement {
	text-align: left;
	font-size: 90%;
	margin-top: 15px;
	margin-left: 14px;
}
.dkBlue {
	color: #0A4675;
}
#missionStatement a {
	text-decoration: underline;
	color: #333333;
	background-color: #FFFFFF;
}
#missionStatement a:hover {
	background-color: #FFFFFF;
}
.blueBox {
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0081C6;
	border-right-color: #0081C6;
	border-bottom-color: #0081C6;
	border-left-color: #0081C6;
	text-align: left;
	font-size: 93%;
	background-color: #FFFFFF;
	color: #5D6057;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 6px;
}
.blueBox a {
	color: #0081C6;
}
.blueBox a:hover {
	color: #F98400;
}
.blueBox h1 {
	font-size: 167%;
}

.blueBox  h1  a {
	color: #FFFFFF;
	background-color: #0081C6;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-decoration: underline;
}
.blueBox h1 a:hover {
	color: #FFFFFF;
	background-color: #F98400;
}

.blueBox h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #5D6057;
	font-size: 131%;
}

.blueBox h3 {
	margin: 0px;
}
.greyBox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5D6057;
	border-right-color: #5D6057;
	border-bottom-color: #5D6057;
	border-left-color: #5D6057;
	text-align: left;
	font-size: 93%;
	background-color: #FFFFFF;
	color: #5D6057;
	margin-bottom: 6px;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/subNavBkgd.gif);
	background-repeat: no-repeat;
	background-position: left -10px;
}
.greyBox h2 {
	color: #5D6057;
	margin: 0px;
}
.greyBox a {
	color: #0081C6;
}
.greyBox a:hover {
	color: #F98400;
}
#calendar  h2 {
	color: #5D6057;
	font-size: 131%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.green {
	color: #87B800;
}
.blue {
	color: #0081C6;
}
.text14px {
	font-size: 108%;
}
.text16px {
	font-size: 123.1%;
}
.text18px {
	font-size: 138.5%;
}
.leftshift {
	margin-left: 20px;
}
#subNav ul {
	margin: 0px;
}
#subNav li {
	list-style-type: none;
	display: inline;
}
#subNav a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5D5F52;
	height: 20px;
	line-height: 20px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 3px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#subNav a:hover {
	background-color: #0A4675;
}

#subNav a.subSelected {
	background-color: #195184;
}

.navSelected {
	background-color: #F98400;
	border: 1px solid #F98400;
}




/*
================================================================
NON-ART CENTER STUFF
*/

.textHeavyBox {
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F98400;
	border-right-color: #F98400;
	border-bottom-color: #F98400;
	border-left-color: #F98400;
	text-align: left;
	font-size: 93%;
	background-color: #FFFFFF;
	color: #5D6057;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 6px;
}
.textHeavyBox a {
	color: #0081C6;
}
.textHeavyBox a:hover {
	color: #F98400;
}
.textHeavyBox h1 {
	color: #5D6057;
	font-size: 167%;
}

.textHeavyBox h2, .textHeavyBox a h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #5D6057;
	font-size: 131%;
}

.textHeavyBox h2 a {
	color: #FFFFFF;
	background-color: #0081C6;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-decoration: underline;
}
.textHeavyBox h2 a:hover {
	color: #FFFFFF;
	background-color: #F98400;
}

.textHeavyBox h3 {
	margin: 0px;
}

/* THIS CLASS IS USED ON THE /REGISTER PAGE, BUT IT USES CODE LEFT OVER FROM
** THE "COUNTDOWN" CLASS, SO IT'S CALLED COUNTDOWN RIGHT NOW,
** BUT IT WILL DEFINITELY BE RE-NAMED...
*/
h2.countdown {
	background-color: #0081C6;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-right: 1em;
}
a h2.countdown {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 116%;
	font-weight: bold;
}
a:hover h2.countdown {
	color: #FFFFFF;
	background-color: #F98400;
}



/*
================================================================
CORE OBJECT STUFF
*/

.object {
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 12px;
}

.object .caption {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 8.5pt;
	line-height: normal;
	padding-top: 0.5em;
}

.object .caption a {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 8.5pt;
	line-height: normal;
}

.object .caption .zoomlink {
        float: right;
        border: solid 1px #eeeeee;
        /*
        background-color: #f8f8f8;
        */
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
        /*
        padding: 2px;
        */
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 4px;
        padding-left: 2px;

        /* left: 4px; */
        width: 46px;
        text-align: right;
}

.object .caption .zoomlink:before {
                content: url("/core/public/Roots/zoom.png");
}

.object .caption .esplink {
        float: right;
        border: solid 1px #eeeeee;
        margin-right: 0px;
        margin-left: 0px;
        position: relative;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        width: 110px;
        text-align: left;
}

.object .caption .esplink:before {
                content: url("/core/public/Roots/zoom.png");
}

.object .source {
        font-family: Verdana, Arial, Geneva, sans-serif;
        font-size: 7pt;
        line-height: normal;
}

.object .source a {
        font-family: Verdana, Arial, Geneva, sans-serif;
        font-size: 7pt;
        line-height: normal;
}

.object .zoomlink a {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 7pt;
	line-height: normal;
}

.object .esplink a {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 7pt;
	line-height: normal;
}