/* CSS Document */
/*property;value, contained within curly bracketts, and above it is the thing you're modifying*/

html
{background-color:white; color:#333333; font-family:Arial, Helvetica, sans-serif; }

body
{width:788px; margin: 60px auto 60px auto; margin: 0 auto 0 auto; width: 900px;}

body.innerpage
{margin: 0 auto 0 auto; width: 900px;}

.titleHeader, .enter
{margin: 20px auto 20px auto; width:100%; border:0px solid red; text-align:center}

.splashContentBlock
{background:url(images/SplashImage.jpg); width:793px; height:261px; border:1px solid #333333; background-repeat:no-repeat; margin-left: 52px}

.mainContentBlock
{ width:580px; min-height:400px; border:0px solid #333333; float: left; margin:0px 0px 25px 15px; font-size: 85%;} 

p
{
	margin: 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

p.first
{margin-top: 0; padding-top: 0;}


.innerHeader
{background: url('images/glob_nav_Eng.jpg'); width:900px; height:158px; border:0px; background-repeat:no-repeat; padding: 0px; margin: 0px}

.innerHeader#spanish
{background: url('images/glob_nav_span.jpg');}

.langToggle {
	background-color: #fff;
	color: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font: arial, helvetica, sans-serif;
	font-size:.8em;
	font-weight: bold;
	text-align: center;
	float: right;
	padding: 3px 5px 3px 5px
}

.langToggle a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.langToggle a:hover {
	font-weight: bold;
}

p.quote, p.author
{border:0px solid red; margin: 40px 20px 20px 450px; font-size:.8em; line-height: 150%; font-weight:bold;}

#languageSelector ul
{
text-align: center;
}

ul#navlist
{
background-color: fff;
border:0px solid #999;
padding: 0;
margin: 0 auto;
/*margin-left: 290px;
margin-right: 290px;*/
/*text-align: center;*/
white-space: nowrap;
font-size:.7em;
font-weight:bold;
}

/*==========================================================================*/
#navcontainer ul
{
padding: .5em 0;
margin: 0;
list-style-type: none;
background-color: #d2d3d5;
color: #000;
width: 100%;
font: bold 80% arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background-color: #d2d3d5;
color: #000;
padding: .1em 2em;
border-right: 1px solid #fff;
}

#navcontainer li a#last
{border-right: 0px solid #fff;
}

#navcontainer li a:hover
{
background-color: #4eafff;
color: #fff;
}

#navcontainer li a.active
{
background-color: #4eafff;
color: #fff;
}

/*===================================*/

/*==========================================================================*/
#subnavcontainer ul
{
padding: .5em 0;
margin: 0;
list-style-type: none;
background-color: #fff;
color: #000;
width: 100%;
font: normal 80% arial, helvetica, sans-serif;
border:0px solid red;
}

#subnavcontainer.prize{
margin-left: 100px;}

#subnavcontainer.about{
margin-left: 350px;}

#subnavcontainer.events{
margin-left: 275px;}



#subnavcontainer li { display: inline; }

#subnavcontainer li a
{
text-decoration: none;
background-color: #fff;
color: #000;
padding: .1em 2em;
border-right: 1px solid #000;
}

#subnavcontainer li a.last
{border-right: 0px solid #fff;
}

#subnavcontainer li a:hover
{
background-color: transparent;
color: #0;
font-weight: bold;
}

#subnavcontainer li a.active
{
background-color: #fff;
color: #000;
font-weight: bold;
}


/*==========================================================================*/
#navlist li
{
display: inline;
list-style-type: none;
}


#navlist a { padding: 0px 10px 0px 5px; }

#navlist a:link, #navlist a:visited
{
color: #999;
background-color: #fff;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{font-weight: bold; color: #000;}

#navlist a:hover
{
color: #016703;
background-color: #fff;
text-decoration: none;
}

/*============this is the box in the rt column===============*/
#rt_column {
float: right; padding-top: 20px; margin-right: 20px; margin-bottom: 25px;
}

div.box
{border: 1px solid #4eafff;
width: 200px;
padding: 0px 0px;
}

div.box h2
{background-color: #4eafff;
margin:0; padding:0;
text-align: center;
color:#FFFFFF; font-size: 80%;
}

div.box h2 a:link, div.box h2 a:visited
{color: #FFFFFF;
}


div.box h2 a:hover
{color: #333333;
}

div.box p
{padding: 10px;
color: #333333; font-size: 80%;}

div.box a:link, div.box a:visited
{background-color: transparent;
text-decoration: none;
color: #333333;
}

div.box a:hover
{background-color: transparent;
text-decoration: none;
color: #000000; 
}

/*----------links in the rt column boxes---------------
a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #666666;
}
--------end links in the rt column boxes*/

/*===============end box in the rt column====================================*/


/*========== residency images =============*/

div#residencies p {
clear: right;
}

div#residencies p img {
float: right;
margin: 0px 0px 20px 10px;
}

/*========== end residency images =============*/

/*==================== footer ====================*/

div#footer {
	padding: 6px;
	margin: 25px 0px 25px 0px;
	background-color: #d2d3d5;
	color: #000;
	font: normal 80% arial, helvetica, sans-serif;
	clear: both;
	text-align: right;
}

div#footer p {
	margin: 0px;
	padding: 0px;
	float: left;
}
/*== end footer ==*/

/*== gallery ==*/
ul.gallery {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 850px;
}

ul.gallery li {
	float: left;
	margin: 4px;
}

ul.gallery li a img {
	border: 0px;
}

#modal_overlay {
	background-color: #000;
}
#modal_container {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #000;
}
/*== end gallery ==*/