/* CSS Document */
body 							{ background-image: url(../images/top-nav-bg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; }

/* Headers */
h1 								{} 
h2  							{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #506976; margin: 5px 0 5px 0; }
html>body h2  					{ font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #506976; margin: 5px 0 5px 0; }
h3								{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #666; margin: 5px 0 5px 0; }
html>body h3					{ font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #666; margin: 15px 0 5px 0; }
h4								{ font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #5B7786; margin: 5px 0 5px 0; }
h4								{ font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #5B7786; margin: 5px 0 5px 0; }
h5						{}
h6								{ font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #663300; margin: 5px 0 5px 0; }

/* Linkage */
a:link							{}
a:visited						{}
a:hover							{}
a:focus							{}
a:active						{} 

/* Misc. */
img								{ text-decoration: none; background-color: transparent; border: 0; }
acronym 						{ cursor: help; }
::-moz-selection				{ background: #EFEBC6; color: #ae490d; }
::selection						{ background: #EFEBC6; color: #ae490d; }

/* Main Styles */
#container						{ width: 800px; }
#main							{ width: 555px; float: right; color: #6F6F6F; font-size: 12px; }
.highlightLinks a:link, #main a:link		{ color: #506976; text-decoration: none; border-bottom: solid #78b4d3 1px; }
.highlightLinks a:visited, #main a:visited { color: #506976; text-decoration: none; border-bottom: solid #78b4d3 1px; }
.highlightLinks a:hover, #main a:hover	{ color: #506976; text-decoration: none; border-bottom: solid #506976 1px; }
.highlightLinks a:focus, #main a:focus	{ color: #506976; text-decoration: none; border-bottom: solid #506976 1px; }
.highlightLinks a:active, #main a:active	 { color: #506976; text-decoration: none; border-bottom: solid #506976 1px; }
#logo							{ width: 204px; position: absolute; top: 0; left: 0; }
.highlightLinks					{ margin-left: 2em; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #663300; }

/* Navigation */
#nav							{ width: 555px; float: right; padding: 10px 0 3px 0; font-family: "Times New Roman", Times, serif; }
html>body #nav					{ width: 555px; float: right; padding: 17px 0 2px 45px; }

#nav ul							{ margin: 0; padding: 0 0 0 10px; }
#nav li							{ display: block; list-style-type: none; float: left; margin: 0 22px 0 0; }

#nav a:link						{ color: #303030; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 19px; font-weight: normal; }
#nav a:visited					{ color: #303030; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 19px; font-weight: normal; }
#nav a:hover					{ color: #506976; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; font-size: 19px; font-weight: normal; }
#nav a:focus					{ color: #506976; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; font-size: 19px; font-weight: normal; }
#nav a:active					{ color: #506976; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; font-size: 19px; font-weight: normal; }

li#currentpage					{ display: block; list-style-type: none; float: left; color: #506976; text-decoration: underline; font-size: 19px; }
#nav #currentpage a				{ display: block; list-style-type: none; float: left; color: #506976; text-decoration: underline; font-size: 19px; }

/* Page Styles */
#brown-content					{ width: 555px; background-image: url(../images/content-brown-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 25px 0 27px 0; border-left: solid #5f5f5f 1px; }
html>body #brown-content		{ width: 555px; background-image: url(../images/content-brown-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 25px 0 40px 0; border-left: solid #5f5f5f 1px; }

#brown-content2					{ width: 555px; background-image: url(../images/content-brown-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 25px 0 27px 0; border-left: solid #5f5f5f 1px; }
html>body #brown-content2		{ width: 555px; background-image: url(../images/content-brown-bg.jpg); background-repeat: no-repeat; margin: 0; padding: 25px 0 40px 0; border-left: solid #5f5f5f 1px; }
#container-content				{ width: 555px; background-image: url(../images/container-content-bg.jpg); background-repeat: repeat-y; }
/* left side styles */
#homeleft						{ width: 350px; padding: 0 0 10px 10px; }
#homeleft2						{ width: 350px; padding: 0; }

/* right side styles */
#homeright						{ color: #000; font-size: 10px; width: 132px; float: right; margin: 80px 11px 0 0; padding: 20px 3px 15px 5px; border: solid #fff 3px; background-color: #EFEFEF; }
html>body #homeright			{ color: #000; font-size: 10px; width: 132px; float: right; margin: 45px 23px 0 0; padding: 20px 3px 15px 5px; background-color: #EFEFEF; border: solid #fff 3px; }
#homeright h3					{ color: #506976; }

/* Filmstrip */
#homeright-film					{ color: #000; font-size: 10px; width: 132px; float: right; margin: 80px 11px 0 0; padding: 20px 3px 20px 5px; border: solid #fff 3px; background-color: #EFEFEF; }
html>body #homeright-film		{ color: #000; font-size: 10px; width: 132px; float: right; margin: 45px 23px 0 0; padding: 20px 3px 20px 5px; background-color: #EFEFEF; border: solid #fff 3px; }
#homeright-film	 h3				{ color: #506976; }

.film							{ width: 86px; height: 372px; background-image: url(../images/film.jpg); background-repeat: no-repeat; margin: 0 0 20px 10px; padding: 68px 0 0 34px; }
html>body .film					{ width: 86px; height: 372px; background-image: url(../images/film.jpg); background-repeat: no-repeat; margin: 0 0 90px 10px; padding: 68px 0 0 34px; }

.film ul						{ margin: 0; padding: 0; width: 90px; height: 372px; }
html>body .film ul				{ margin: 0; padding: 0; width: 120px; height: 372px; }
.film li						{ list-style-type: none; width: 48px; height: 43px; overflow: hidden; margin: 0 0 11px 0; padding: 0; border: solid #efefef 1px; }

/* Profile and Picture Backgrounds */
#profile						{ background-image: url(../images/pic-bg3.jpg); width: 358px; background-repeat: no-repeat; padding: 20px 2px 50px 20px; height: 360px; margin: 20px 0 20px 0; }
html>body #profile				{ background-image: url(../images/pic-bg3.jpg); width: 388px; background-repeat: no-repeat; padding: 25px 5px 80px 25px; height: 390px; margin: 20px 0 20px 0; }
#profile-content				{ overflow: auto; color: #fff; font-size: 11px; height: 295px; width: 285px; padding: 0 38px 0 0; }
#profile-content h3				{ color: #E8E8E8; margin: 10px 0 30px 0; }
#profile-content a:link			{ color: #fff; border-bottom: solid #fff 1px; text-decoration: none; }
#profile-content a:visited		{ color: #fff; border-bottom: solid #fff 1px; text-decoration: none; }
#profile-content a:hover		{ color: #fff; border-bottom: dashed #fff 1px; text-decoration: none; }
#profile-content a:focus		{ color: #fff; border-bottom: dashed #fff 1px; text-decoration: none; }
#profile-content a:active		{ color: #fff; border-bottom: solid #fff 1px; text-decoration: none; }

#pic-bg							{ background-image: url(http://www.sdcyb.org/assets/images/pic-bg1.jpg); width: 220px; background-repeat: no-repeat; padding: 50px 0 115px 160px; height: 330px; margin: 20px 0 20px 0; }
#pic-bg-content                 { overflow: auto; color: #fff; height: 333px; width: 210px; padding: 0 10px 0 0; }
html>body #pic-bg-content       { overflow: auto; color: #fff; height: 300px; width: 210px; }
#pic-bg-content h3              { color: #E8E8E8; }

#pic-bg2                        { background-image: url(../images/pic-bg2.jpg); width: 220px; background-repeat: no-repeat; padding: 50px 5px 50px 35px; height: 330px; margin: 20px 0 20px 0; }
html>body #pic-bg2              { background-image: url(../images/pic-bg2.jpg); width: 380px; background-repeat: no-repeat; padding: 50px 5px 50px 35px; height: 330px; margin: 20px 0 20px 0; }
#pic-bg2-content                { color: #fff; height: 325px; width: 220px; }
#pic-bg2-content h3             { color: #E8E8E8; }

#pic-bg4                        { background-image: url(../images/pic-bg4.jpg); width: 200px; background-repeat: no-repeat; padding: 25px 5px 50px 150px; height: 285px; margin: 20px 0 20px 0; }
html>body #pic-bg4              { background-image: url(../images/pic-bg4.jpg); width: 380px; background-repeat: no-repeat; padding: 25px 5px 50px 150px; height: 285px; margin: 20px 0 20px 0; }
#pic-bg4-content                { overflow: auto; color: #fff; font-size: 11px; height: 290px; width: 195px; padding: 0 28px 0 0; }
html>body #pic-bg4-content      { overflow: auto; color: #fff; font-size: 11px; height: 280px; width: 195px; padding: 0 29px 0 0; }
#pic-bg4-content a:link         { color: #fff; font-size: 11px; border-bottom: solid #fff 1px; text-decoration: none; }
#pic-bg4-content a:visited      { color: #fff; font-size: 11px; border-bottom: solid #fff 1px; text-decoration: none; }
#pic-bg4-content a:hover        { color: #fff; font-size: 11px; border-bottom: dashed #fff 1px; text-decoration: none; background-color: transparent; }
#pic-bg4-content a:focus        { color: #fff; font-size: 11px; border-bottom: dashed #fff 1px; text-decoration: none; background-color: transparent; }
#pic-bg4-content a:active       { color: #fff; font-size: 11px; border-bottom: solid #fff 1px; text-decoration: none; background-color: transparent; }
#pic-bg4-content h3             { color: #E8E8E8; margin: 10px 0 20px 2px; } 

/* Gallery */
#ballet-gallery-main			{ width: 370px; border-top: solid #5f5f5f 1px; background-image: url(../images/grid-bg.jpg); background-repeat: repeat; padding: 4px 0 15px 10px; border-bottom: solid #5f5f5f 1px; margin: 30px 0 15px 0; }
#ballet-gallery-main h2			{ margin: 0 0 10px 0; }

#ballet-gallery-main ul			{ margin: 0; padding: 0; height: 500px; }
#ballet-gallery-main li			{ width: 60px; height: 60px; display: block; overflow: hidden; list-style-type: none; float: left; margin: 0 0 30px 20px; }

.ballet-classes					{ width: 180px; }

.ballet-classes a:link			{ display: block; width: 180px; overflow: hidden; }
.ballet-classes a:visited		{ display: block; width: 180px; overflow: hidden; }
.ballet-classes a:hover			{ display: block; text-indent: -180px; }
.ballet-classes a:focus			{ display: block; text-indent: -180px; }
.ballet-classes a:active		{ display: block; width:180px; overflow: hidden; }

.ballet-performances			{ width: 180px; float: right; margin: 0 2px 0 0; }
html>body .ballet-performances	{ width: 180px; float: right; margin: 0 5px 0 0; }

.ballet-performances a:link		{ display: block; width: 180px; overflow: hidden; }
.ballet-performances a:visited	{ display: block; width: 180px; overflow: hidden; }
.ballet-performances a:hover	{ display: block; text-indent: -180px; }
.ballet-performances a:focus	{ display: block; text-indent: -180px; }
.ballet-performances a:active	{ display: block; width: 180px; overflow: hidden; }

/* Shaded Boxes */
.shaded-box						{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 15px 0 0 15px; margin: 35px 0 0 0; }
html>body .shaded-box			{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 10px 0 0 15px; margin: 20px 0 0 0; }

.shaded-box ul					{ margin: 0; padding: 0; height: 175px; }
.shaded-box li					{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; padding: 0; width: 300px; }
html>body .shaded-box li 		{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; float: left; padding: 0; width: 300px; }

.shaded-box h3					{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
html>body .shaded-box h3		{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }

.shaded-box2					{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 15px 0 0 15px; margin: 35px 0 0 0; }
html>body .shaded-box2			{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 10px 0 0 15px; margin: 20px 0 0 0; }

.shaded-box2 ul					{ margin: 0; padding: 0; height: 330px; }
.shaded-box2 li					{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; padding: 0; width: 300px; }
html>body .shaded-box2 li 		{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; float: left; padding: 0; width: 300px; }

.shaded-box2 h3					{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
html>body .shaded-box2 h3		{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }

.shaded-box3					{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 15px 0 0 15px; margin: 35px 0 0 0; }
html>body .shaded-box3			{ width: 335px; border-top: dashed #a6a6a6 1px; border-bottom: dashed #a6a6a6 1px; background-color: #F3F3F3; color: #5A7483; padding: 10px 0 0 15px; margin: 20px 0 0 0; }

.shaded-box3 ul					{ margin: 0; padding: 0; height: 450px; }
.shaded-box3 li					{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; padding: 0; width: 300px; }
html>body .shaded-box3 li 		{ font-family: "Courier New", Courier, monospace; list-style-image: url(../images/4square-li.gif); margin: 0 0 15px 20px; float: left; padding: 0; width: 300px; }

.shaded-box3 h3					{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
html>body .shaded-box3 h3		{ margin: 5px 0 15px 0; color: #88A0AE; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }

/* Text Styles */
.highlighted					{ font-family: "Times New Roman", Times, serif; font-size: 20px; color: #784510; display: block; width: 300px; background-repeat: no-repeat; padding: 5px 0 0 17px;  margin: 40px 0 40px 0; }
p.lettercap:first-letter		{ font-size: 24px; color: #88A0AE; font-family: "Times New Roman", Times, serif; }
.regularprint					{ font-size: 12px; }
.largeprint					{ font-size: 17px; }
.picbg-textbelow				{ padding: 0 0 10px 10px; }
.colorchange				{ color: #663300; }

ul#faculty						{ margin: 0; padding: 20px 0 0 0; }
ul#faculty li					{ margin: 0 0 10px 0; padding: 0; list-style-type: none; font-size: 11px; }

/* Slideshow */
#imageContainer 				{ position: relative; margin: 0; width: 555px; text-align: center; height: 240px; background-color: #fff; }
#imageContainer img 			{ display: none; position: absolute; top:0; left: 0; border: 0; }

a.no-hov						{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }
a.highlight						{ color: #78450E !important; text-decoration: none; border-bottom: solid #78b4d3 1px; }

/* Footer */
#footer							{ background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; width: 546px; height: 90px; margin: 0 0 0 244px; padding: 10px 0 0 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; }
html>body #footer				{ background-image: url(../images/footer-bg.jpg); background-repeat: no-repeat; width: 546px; height: 90px; margin: 0 0 0 245px; padding: 0 0 0 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; }

#footer p						{ margin: 0 0 3px 0; padding: 0; }

#footer img						{ margin: 0; border: none; }

#footer a:link					{ color: #506976; font-size: 9px; text-decoration: none; border-bottom: solid #78b4d3 1px; }
#footer a:visited				{ color: #506976; font-size: 9px; text-decoration: none; border-bottom: solid #78b4d3 1px; }
#footer a:hover					{ color: #506976; font-size: 9px; text-decoration: none; border-bottom: solid #506976 1px; }
#footer a:focus					{ color: #506976; font-size: 9px; text-decoration: none; border-bottom: solid #506976 1px; }
#footer a:active				{ color: #506976; font-size: 9px; text-decoration: none; border-bottom: solid #506976 1px; }

.line							{ width: 340px; height: 1px; background-color: #999; display: block; overflow: hidden; }

/* Form Styles */
#form1							{ width: 340px; display: block; }  
#form1 label					{ float: left; width: 130px; display: block; margin: 2px 0 0 0; font-size: 12px; padding: 0 0 0 10px; }  
#form1 span						{ width: 122px; display: block; float: left; }  
.level							{ display: block; width: 100%; height: 28.px; height: 30px; }  
.level2							{ display: block; width: 100%; height: 24px; margin: 2px 0; padding: 2px 0; }  
.fieldbox						{ font-size: 16px; margin: 0; padding: 0; background-image: url(../images/form-box-bg.jpg); background-repeat: repeat-x; width: 150px; border: solid #B1B1B1 1px; font-weight: bold; }