/* CSS Document */
body{
 
background-image:url(../images/background.jpg) ;
background-repeat: repeat-x;
background-color:#6B96EE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
 }
 
 html {height:100% ;margin-bottom: 1px;}  /* force scollbar */
a:link { text-decoration: none; color: #0000FF; font-size:12px }
a:visited { text-decoration: none; font-size:12px   }
a:active { text-decoration: none; color: #0000FF; font-size:12px }
a:hover { text-decoration: underline;color: #0000FF ;font-size:12px  }  
 
/* for menu     */ 
div#menu { position:absolute; top:100px; left:100px;
}
.secondary, td.secondary, .secondary_thin {
	background: #FFF url(../images/yellow_bg.jpg) repeat-y ;
	font-weight:bold;
	font-size:11px;
	} 
.secondary_thin {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 3px;
	margin-top:8px;
	 
}
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:14px;
	line-height:150%;
	width:680px;
	margin-left:  auto;
	margin-right: auto;
	margin-top:0;
	text-align:left;
	padding:15px;
	background-color:#FFFFFF;
	border:thin solid #aaa;
	}
#top-menu {
	margin-left:  auto;
	margin-right: auto;
	 
	}
 
#load {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	height:20px;
	color:white; 
	display:none;
}
 
div.side{
position: absolute;
top: 5px;
left:10px;
background-color:#ffffff;
}
.header {
color:#692a32;
font-size:18px;
font-weight:400;
font-style:italic;
font-family:Georgia,sans-serif, "Times New Roman", Times ;
line-height:140%;
 
 
}
h1{
color:#692a32;
font-size:18px;
width: 80%;
text-align:center;
border-bottom:1px solid #000;
margin:10px 10% 20px 10%;
padding: 0 0 5px 0;
}
h2{
color:#692a32;
font-size:16px;
}
.h_3, .h_3_sm {
font-size:16px;
color:#006699;
}
.h_3_sm {
 font-size:14px;
 color:#669966;
 }
 
div.footer {
	 
	margin-top:10px;
	margin-left:   auto;
	margin-right:auto;
 	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	font-style:italic;
	letter-spacing:1px;
}
/* for slideshow */
#Container{
margin:20px auto 1px auto;
padding: 0;
position:relative;
border: 1px solid #080000;
width:90%;
height:310px;
background-color:#fff;
overflow:hidden
}
 
#LoadContainer{
height:25%;
width:50%;
position:absolute;
top:40%;
left:25%;
text-align:center;
z-index:1
}

#artContainer{
visibility:hidden
}
#CaptionBlock{
height:28px;
width:582px;
text-align:center;
margin-top:5px;
margin-bottom:35px;
margin-left:auto;
margin-right:auto;
}
#Caption{
color:#333
}
 

#License{
margin:0 auto;
padding-top:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
border-top:1px solid #CECEB5;
width:740px;
text-align:left;
line-height:1.4em;
}

#LinkContainer{
display:none;
position:absolute;
top:0;left:0;
height:20px;
width:20px;
z-index:90;
background:url(./photos/start.gif) 50% 50% no-repeat
}
 
#PrevLink{
z-index:20;
position:absolute;
top:0%;
left:0%;
width:50%;
display:block;
text-decoration:none;
font-size:12px;
color:#222;
}

#NextLink{
z-index:20;
position:absolute;
top:0%;
left:50%;
width:50%;
display:block;
text-decoration:none;
font-size:12px;
color:#222;
}
/*
#PrevLink:hover,#NextLink:hover{
text-decoration:none
}

#PrevLink:hover{
background:transparent url(images/slideshow/prev_rounded_sidebar2.gif) left 50% no-repeat
}

#NextLink:hover{
background:transparent url(images/slideshow/next_rounded_sidebar2.gif) right 50% no-repeat
}

#PrevLink span,#NextLink span{
display:none
}

img{
border:none
}*/

/*p{
font-size:12px;
padding:1em 0
}*/

#Wrapper{
margin:0 auto;
height:500px;
width:100%;
overflow:hidden;
position:relative
}

#Wrapper[id]{
display:table;
position:static
}

#InnerWrapper{
position:absolute;
top:50%;
left:0;
}

#InnerWrapper[id]{
display:table-cell;
vertical-align:middle;
position:static
}

#OuterContainer{
position:relative;
top:-50%
}