/* Created by http://freehtml5templates.com */

/* reset */
* {
margin: 0;
padding: 0;
}
html,body
{
margin: 0;
padding: 0;	
}
/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
background: #efefef;
font-family:  Arial, Helvetica, sans-serif;
color: #333;
font-size:  100%;

}
	
/* layout */

#wrapper {
width: 100%;
margin: 0 auto;
/*
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
*/
}

nav > div {
width: 991px;
margin: 0 auto;
padding: 0;
background: #efefef;

}

header {
width: 100%;
height: 154px;
background: #efefef;

}

#main {
margin: 0 auto;
padding: 27px;
background: #efefef;
overflow: hidden;
font-size: .82em;
line-height: 18px;
}

#content {
float: left;
width: 610px;
margin-right: 10px;
text-align:justify;

}

#sidebar {
float: right;
margin-left: 20px;
width: 320px;
}

footer {
width: 991px;
margin: 0 auto;
clear: both;
padding: 5px 0;
}



/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: bold;
/*clear: both;*/
color: #4f4f4f;
}

/*
a:link, a:visited {
color:#004C9A;
}

a:hover, a:active {
color: #333;
}
*/
p {
margin-bottom: 18px;
}

li {
/*padding-left: 5px;*/
}

/* nav */
nav  #museum
{
float: right; 
width: 331px;
height: 73px;	
}

nav .menu {
font-size: 12px;
margin: 50px auto 0;
}

#top_search_box
{
width: 102px; 
border: 1px #aaa solid; 
font-size: 1em; 
height: 17px;
}

/** HEADER */
header #header_content{
width: 100%;
height: 154px;
margin: 0 auto;
background:#1a66a7 url('../images/dss_banner.jpg') no-repeat top center;	
}


header h1 { 	
padding: 50px 0 0 175px; 
font-size: 36px;
font-weight: normal;
color: #fff;
}

header h1 a:link, header h1 a:visited {
text-decoration: none;
color: #EC9B1D;
}

header h1 a:hover { 
text-decoration: underline; 
}

header h2 {
padding: 20px 0 0 30px;
font-style: italic;
font-size: 18px;
color: #333;
}

/** ARTICLES **/
article img {
border: none;
/*
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
*/
}

#home_scrolls
{
width: 991px;
margin: 0 auto;
text-align: left;	
}

.sc_box_l, .sc_box_r
{
background: #fff; 
float: left; 
width:450px; 
border: 2px solid #ddd; 
padding: 5px 5px 10px 15px ; 
color: #4f4f4f;
height: 81px;
font-size: 13px;	
}

.sc_box_l
{

margin: 0 10px 20px 0;	
}

.sc_box_r
{

margin: 0  0 20px 10px;	
}

.sc_box_l > h3, .sc_box_r > h3
{
margin: 0;
padding:0 0 8px 0;
font-weight:100;
font-size: 18px;
color: #4f4f4f;	
}

.sc_box_l > div, .sc_box_r > div
{
float: right;
margin: 3px 3px 3px 10px;
	
}

#proj_sec
{
background: #efefef; 
float: left ; 
width:325px; 
border: 0px solid #fff; 
/*height: 83px; */
padding: 0 5px 0 10px; 
color: #4f4f4f; 
margin: 0 5px 0; font-size: 11px;	
}

#vid_sec
{
float: left; 
width: 131px; 
margin: 0;
}

#main_content{
width: 991px; 
margin: 0 auto; 
text-align: left;
}

#content{
color: #4f4f4f;	
}

#content ol, #content ul.plain
{
margin: 0 5px 0 25px;	
}

#content ul.plain
{
list-style-type: disc;	
}

#content p, ul,  hr {
margin-bottom: 18px;
}

/*#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}*/

#content  ol ol {
margin: 10px 0 5px 10px;
}


#content h1, h2, h3, h4, h5, h6 {
color: #4f4f4f;
margin: 10px 0 10px 0;

}

#pics_row
{ 
width: 610px;
}

#pics_row > #left
{
float: left; 
width: 290px;
font-size: .95em;
font-style:italic;
}

#pics_row > #right
{
float: right; 
width: 290px;
font-size: .95em;
font-style:italic; 
}

#add_this
{
	/*
	float:left; 
	margin: -20px 0 0 0;
	*/
	width: 70px;
	float: right;
}

img {
border: 0;	
}

#viewer {
width: 610px; 
background: #fff; 
padding: 5px; 
border: 1px solid #ccc;
}

#viewer > #image {
text-align: center;
}

#viewer > #label
{
text-align: left;
padding: 0  0 0 14px;	
}

#viewer > #label a, #label > #description a.trans, #label > #description_vid a.trans
{
font-size: 1em;
color: #835c00;
font-weight: bold;	
}


#description_vid, #description
{
margin: 5px 0 20px 0;
color: #999; 
font-size: .85em;
line-height: 1.2em; 
}
	

#description {width: 594px;}
#description_vid {width: 560px;}

#label > #description a, #label > #description_vid a
{
font-size: 1em;
color: #777;
font-weight: normal;	
}

#video_thumb
{
width: 280px; 
background: #fff; 
border: 1px solid #ccc; 
padding: 8px 5px 5px; 
text-align:center;	
}

#video_thumb > p
{
text-align: left; 
margin: 0 5px; 
padding: 0;	
}

.other_scrolls
{
width: 280px; 
height: 60px; 
background: #fff; 
border: 1px solid #ccc; 
padding: 8px 5px 5px; 
margin: 10px 0;
text-align: left;	
}

.other_scrolls a
{
float: left;	
}

.other_scrolls img
{
text-align: center;
padding: 0 5px;	
}

.other_scrolls > div
{
margin:0;
padding: 0 0 0 5px;	
}

.other_scrolls > div a
{

font-size: .92em;
margin: 0;
padding: 0;	
}



/*********other stuff************/
.clearfloat
{
 clear: both;   
}

.version article
{
width: 920px;
margin: 0 auto;	
}

.version ul, .version ol
{
margin:10px 10px 10px 20px;	
}

 .version ol  ol
{
margin-left:30px;	
}

.version li, .version p
{
margin: 10px 0;
}

.version h2
{
font-size: 1.5em;
text-align:center;	
}

.version h3
{
font-size: 1.2em;
text-align:center	
}

.version h4
{
text-align: center;	
font-size: 1.1em;	
}

.version h6
{
font-size: .96em;
font-weight: normal;	
}

.version  .left
{
float: left; 
width: 450px;	
}

.version  .right
{
float: right; 
width: 450px;	
}

.version #back
{
margin: 10px 0;
border-top: 1px solid #ccc;
text-align: right;	
}
/*******link tags************/

a
{
 	color: #835c00;
	text-decoration:none;
	font-weight:normal;   
}

a:hover,
a:hover.menu_link
{
color: #999;
	text-decoration:none;
}

a.more 
{
color: #C33;	
}

footer div > a
{
	font-size: .68em;
	color: #777;
	text-decoration:none;	
}

footer div > a:hover, footer div  a:hover
{
	font-size: .68em;
	color: #999;
	text-decoration:none;	
}

a.menu_link, a:link.menu_link, a:visited.menu_link, a:hover.menu_link
{
	color: #333;
	text-decoration:none;
	margin-top: 5px;
}
a.extlink {color:#C97000;}
a:hover.extlink{color:#835c00;}