/* 
Stylizing by Kristine Cummins

Branding Colors:
Purple: #352563;
Light Purple: #b0a6ca
Dark Brown: #461d25;
Link: #016c9f;
Hover: #0a3a6b;
 */

body {
background: #461d25 url(images-arts11/arts11-bg.png) repeat-x;
color: black;
font-family: verdana, helvetica, sans-serif;
margin: 0 0;
}



/* TOP MENU */
#bookmark-container {
background: url(images/bookmark-bg.png) repeat-x;
clear:left;
display: block;
height:50px;
margin: 0 auto 20px auto;
overflow:hidden;

padding:2px 0 2px 10px;
width:100%;
z-index:100;
}

#views {
color: white;
font: .8em sans-serif;
float: left;
overflow: hidden;
text-align:left;
width: 500px;
} 

#bookmark {
display: block;
text-align:right;
float: right;
opacity: .7;
width:125px;
} 
/* END TOP MENU */







/* MAIN STRUCTURE */
#outer-container {
border: 0px solid black;
background-color: transparent;
color: black;
margin: 25px auto 0 auto;
overflow: hidden;
width: 800px;
}

#uber-container {
background-color: #352563;
color: black;
margin: 0 auto 0 auto;
overflow: hidden;
padding-bottom: 50px;
}

#container {
border: 1px solid red;
background-color: #352563;
color: black;
margin: 0 auto 0 auto;
overflow: auto;
width: 800px;
}
/* END MAIN STRUCTURE */















/* HEADER */
#header {
background: #352563 url(images/color_tabs_left.png) no-repeat left top;
color: black;
margin: 0 0 0px 0;
overflow: auto;
width: 100%;
}

#header-left { /* logo and tag */
background-color: transparent;
color: black;
float: left;
overflow: hidden;
width: 541px;
}


#header-right {
background-color: transparent;
color: black;
float: right;
overflow: hidden;
width: 230px;
}

.header-right-left { /* E-News button 151px wide */
background-color: transparent;
color: black;
float: left;
overflow: hidden;
padding-top: 35px;
width: 151px;
}

.header-right-right { /* social networking */
border: 0px solid red;
background-color: transparent;
color: black;
float: right;
opacity: .7;
overflow: hidden;
padding-top: 35px;
width: 55px;
}
/* END HEADER */





/* HOME #f6efe5 */
.container-home {
background-color: transparent;
color: black;
margin: 5px 10px 5px 10px;
overflow: hidden; 
padding: 0;
}

.feature-box {
background : white url(images/left-purple-corner.png) no-repeat;
width: auto;
height: auto;
margin: 0 0 5px 0;
overflow: hidden;
position : relative;
padding: 10px; 
}

.top-rt, .bottom-lt, .bottom-rt {
position: absolute;
width: 8px;
height: 9px;
display: block;
margin-bottom: -1px;
}

.top-rt {
background : transparent url(images/right-purple-corner.png) no-repeat;
top: 0;
right: 0;
}

.bottom-lt {
background : transparent url(images/bottom-left-purple-corner.png) no-repeat;
bottom: 0;
left: 0;
}

.bottom-rt {
background : transparent url(images/bottom-right-purple-corner.png) no-repeat;
right: 0;
bottom: 0;
}

.left-quadrant {
background-color: inherit;
color: black;
float: left;
margin: 0 0 0 0;
overflow: hidden;
padding: 0 12px 0 0; 
width: 350px;
}

.right-quadrant { 
border-left: 1px solid #ccc;
background-color: transparent;
color: black;
float: right;
margin: 0;
overflow: hidden;
padding-left: 10px; /* 30px */
width: 350px;
}

/* start of bottom half */

#cal-content {
background-color: inherit;
color: black;
float: left;
margin: 20px 0px 20px 20px;
overflow: hidden;
width: 500px;
}

#sidebar-home {
background-color: inherit;
color: black;
float: right;
margin: 10px 10px 25px 25px;
overflow: hidden;
padding: 0; 
width: 160px;
}

.sm-print {
background-color: inherit;
color: black;
font: normal 9px/11px geneva, verdana, helvetica, sans-serif;
margin: 0 0 0 0;
overflow: hidden;
text-align:right;
}
/* END HOME */














/* SUB PAGE WITH MARGINS */
#content {
background-color: transparent;
color: black;
margin: 25px 50px 50px 50px;
overflow: hidden;
}



/* SUBMIT PG WHITE */
#content {
background-color: white;
color: black;
margin: 25px 50px 50px 50px;
overflow: hidden;
}





















/* FOOTER */
#footer {
background-color: #1f143e;
bottom: 0;
color:#60557d;
clear: left;
display: block;
font: .7em/1.5em verdana, helvetica, sans-serif;
left: 0;
overflow: hidden;
padding: 40px auto 10px auto;
text-align: center;
width: 100%;
} 

a.type1:link  {color:#60557d; text-decoration:none;}
a.type1:visited {color: #60557d; text-decoration:none;}
a.type1:active  {color:#60557d; text-decoration:none;}
a.type1:hover   {color:#60557d; text-decoration:none;}

.footerdark {
background-color: inherit;
color:#44356e;
} 

a.type2:link  {color:#44356e; text-decoration:none;}
a.type2:visited {color: #44356e; text-decoration:none;}
a.type2:active  {color:#44356e; text-decoration:none;}
a.type2:hover   {color:#44356e; text-decoration:none;}

/* END FOOTER */







/* FONT STYLES */
h1 { 
background-color: inherit;
color: #0095a2;
font: 1.4em/1.5em geneva, verdana, helvetica, sans-serif;
margin: 0 auto 50px auto;
text-align: center;
}

h2 {  
background-color: inherit;
color: #352563;
font: normal 1em geneva, verdana, helvetica, sans-serif;
margin-top: 25px;
}

h3 {  
background-color: inherit;
color: #352563; 
font: bold .8em/1.8em geneva, verdana, helvetica, sans-serif;
margin: 0 0 5px 0;
text-align: left;
}

p {
background-color: inherit;
color: black;
font: .8em/1.8em geneva, verdana, helvetica, sans-serif;
}





















/* LISTS */
ul.iconlist {
color: #000;
font: .8em/1.4em geneva, verdana, helvetica, sans-serif;
list-style: none;
margin-left: 20px;
padding: 0;
}

li.bullet { 
background-color: inherit;
list-style-type: circle;
padding: 3px 0 3px 0px;
margin: .4em 0;
}

li.acrobat { 
background: url(images/acrobat.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.web { 
background: url(images/web.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .8em 0;
}

li.audio { 
background: url(images/audio.gif) no-repeat 0 50%;
padding: 3px 0 3px 20px;
margin: .8em 0;
}



































a:link {color:#352563; text-decoration:underline;}
a:visited {color: #7e583e; text-decoration:underline;}
a:active  {color:#78a2c8; text-decoration:underline;}
a:hover   {color:#5e2e2a; text-decoration:underline;}














/* MAIN MENU */
.menu {
border: 0px solid white;
background: transparent;
margin: 0px auto;
overflow:hidden;
padding: 0;
width: 800px;
}

.menu ul {
font: normal 11px Arial, Verdana, sans-serif;
float: right;
margin: 0;
padding: 0;
list-style: none;
}

.menu li {
display:inline;
margin:0;
padding:0 0 100% 0;
text-transform: uppercase;
text-align: center;
height:100px;
}

.menu a {
color: #afa6c0;
float: left;
background: #352563 url(images/color_tabs_left.png) no-repeat left top;
letter-spacing: 1px;
margin: 0 0 0 2px;
padding: 0 0 2px 6px;
text-decoration: none;
}

.menu a span {
float: left;
display: block;
background: transparent url(images/color_tabs_right.png) no-repeat right top;
padding: 4px 11px 5px 7px;
}

.menu a span {
float:none;
}

.menu a:hover{
background: #4f397b url(images/color_tabs_left.png) no-repeat left top;
color: white;
margin: 0 0 0 2px;
padding: 0 0 2px 6px;
}

.menu a:hover span{
background: #4f397b url(images/color_tabs_right.png) no-repeat right top;
color:  white;
}

/* DropDown */

.dropmenu_a {
background-color: white;
border: 1px solid #f6efe5;
border-top-width: 8px;
border-bottom-width: 0;
font:normal 11px Arial;
line-height: 20px;
opacity: .9;
position: absolute;
top: 0;
visibility: hidden;
width: 123px;
z-index:100;
}


.dropmenu_a a {
border-top: 0 solid #d67143;
border-bottom: 1px solid #cccccc; 
color: black;
display: block;
padding: 2px 0;
text-decoration: none;
text-indent: 5px;
width: auto;
}

* html .dropmenu_a a { 
width: 100%;
}

.dropmenu_a a:hover { 
background-color: #6d9ec6;
color: white;
}