/*
-----------------------------------------------
FlashCards StyleSheet
version:  September 30 2010
----------------------------------------------- */
/* ****** STYLES *******
----------------------------------------------- */

body {
/* margin: 0 auto; */
margin: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
text-align: center;
background: #ffffff url(images/topback.png) top left repeat-x;
color: #000000;
padding:0;
}

div {
color: #000000;
}

div.clear {
clear: both;
font-size: 0px;
line-height: 0;
height: 0px;
}

sup {
font-size: 60%;
color: #000000;
}


#content_header sup {
color: #ffffff;
background: none;
}

#page_header sup {
color: #ffffff;
background: none;
}



.accent {
font-weight: bold;
}

#page_header, #content_header, #footer {
margin: auto;
position: relative;
text-align: left;
}

#page_header {
background: #0c5780 url(images/head_top.png);
height: 100px;
width: 728px;
color: #ffffff;
}

#page_header h1 {
font-size: 2.0em;
margin: 0; 
padding: 0;
color: #ffffff;
}



#page_header .left {
padding: 40px 0 0 5px;
color: #ffffff;
float: left;
}

#page_header .right {
float: right;
background: transparent url(images/logowhite.png) top right no-repeat;
height: 50px;
width: 200px;
margin: 40px 30px 0 0;
color: #ffffff;
}


#content_header {
height: 67px;
padding-top: 10px;
width: 728px;
font-size: .85em;
display: block;
color: #ffffff;
background: #05728d url(images/contenthead.png) top left repeat-x;

}




.left {
float: left;
left: 40px;
overflow: auto;
position: absolute;
text-align: justify;
/* top: 10px; */
width: 490px;
color: #ffffff;
}

.right {
float: right;
width: 100px;
padding: 20px 40px 0 0;
color: #ffffff;

}




/******* HEADER *******
----------------------------------------------- */

h1, h2, h3 h4, h5, h6 {
color: #000000;
margin: 0; 
padding: 0;
}


h2 {
font-size: 1.75em;
margin: 0;
padding: 5px 0 0 0;

}

h3 {
font-size: 1.50em;
margin: 0;
padding: 0;
color: #005c90;
padding: 10px 0 5px 0;

}

#content_wrapper {
width: 728px;
padding: 0;
font-size: .85em;
height: 100%;
/* min-height: 525px; */
text-align: left;
/* margin: 0 auto; */
margin: auto;
border: 0;
background-color: #ffffff;
}

.content {
text-align: left;
width: 728px;
background: #ffffff url(images/content.png) top left repeat;
height: 100%;
float: left;
margin: 0;
padding: 0 0 20px 0;
}

.subcontentleft {
float: left;
width: 400px;
padding-left: 45px;
}

.content_right {
float: left;
width: 215px;
padding: 5px 5px 5px 40px;
}

#footer {
background: #ffffff url(images/footer.png);
clear: both;
color: #ffffff;
height: 82px;
width: 728px;
}

#footer p {
font-size: .80em;
margin: 0;
padding: 10px 30px 5px;
text-align: center;
color: #ffffff;
}

/******* CSS3 BUTTONS *******
----------------------------------------------- */
.buttons {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-size: .80em;
	/* font-family: Verdana,Arial,Helvetica,sans-serif; */
	font-weight: bold;
	overflow: visible;
	margin-bottom: 5px;
	color: #000000;

}
.buttons:hover {
	text-decoration: none;
	color: #000000;

}

.buttons:active {
	position: relative;
	top: 1px;
	color: #000000;

}

.orange {
	color: #ffffff;
	border: solid 1px #7c4319;
	background: #e8c462 url(images/buttonorange.png) top left repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#e8c462), to(#9f5a1f));
	background: -moz-linear-gradient(top, #e8c462, #9f5a1f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c462', endColorstr='#9f5a1f');
}
.orange:hover {
	color: #ffffff;
	background: #9f5a1f url(images/buttonorange_hover.png) top left repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#B97728), to(#7c4319));
	background: -moz-linear-gradient(top, #B97728, #7c4319);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B97728', endColorstr='#7c4319');
}
.orange:active {
	color: #B97728;
	background: #9f5a1f url(images/buttonorange_active.png) top left repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#9f5a1f), to(#e8c462));
	background: -moz-linear-gradient(top, #9f5a1f, #e8c462);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f5a1f', endColorstr='#e8c462');
}


.decpic {
width: 200px;
}














ul {
padding: 0px 0 10px 0;
margin: 0 0 0 15px;
}

li {
padding: 2px;
}

ul li ul {
margin: 0 0 0 15px;
}
















/* lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}