/*--------CCS File for World Culture Link

plese do not steal me --------*/

/*--------Designed and Built by Neil Milliken----*/

/*-------IE6 and Under FIX ------------*/

* html #modernbricksmenu a{
margin-right: 0px; /*Margin between each menu item*/
margin-bottom: 6px;
padding: 9px 10px;
text-decoration: none;
letter-spacing: 1px;
}

* html #culture {
float:right;
}

/*---END---*/

/*---- LINKS----*/

a, a:link, a:visited {
color: #0033FF;
text-decoration:none;
}

a:hover {
color: #F00;
text-decoration:underline;
}

a:active {
color: #FF00FF;
}

h1 {
font-size:18px;
color: #000;
}

h2 {
font-size:14px;
color: #000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0px;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 0 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin-right: 1px; /*Margin between each menu item*/
margin-bottom: 6px;
padding: 9px 9px;
text-decoration: none;
letter-spacing: 1px;
background-color: #253551; /*Default menu color*/
}

#modernbricksmenu a:hover{
background-color: #5274af; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #fff;
color: #253551;

}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 0px;
line-height: 0px;
background: transparent; /*Brown color theme*/ 
}

/*---END----*/

body {
font-family: "verdana";
font-size:10px;
color:#000;
background-image:url(../images/back.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#fff;  
margin: 0px;
padding: 0px;
text-align:justify;
}

#globeback {
background-image:url(../images/surround.jpg);
background-repeat:no-repeat;
background-position:top;  
width: 835px;
height:auto;
margin-left: auto;
margin-right: auto;
}

#surround {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 617px;
background-color: #fff;
}

#banner {
background-image:url(../images/title.jpg);
background-repeat:no-repeat;
width: 617px;
height: 99px;
}

#container {
width: 617px;
text-align:justify;
}


#flash {
width: 606px;
height: 175px;
margin: auto;
background-color:#000033; 
}

#sitemaplink {
width: 606px;
height: 15px;
background-color:#253551; 
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding-bottom:3px;
text-decoration:none;
}

#footer {
width: 617px;
border-top: 1px solid #cccccc;
margin-top:15px;
padding-top: 2px;
padding-bottom: 3px;
color: #666666;
}

/*---Css Popup---*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ececec;
padding: 5px;
left: -1000px;
width: 430px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: -460px; /*position where enlarged image should offset horizontally */

}