/*
* Home page scroll area
*
*/
#browsable {
	position:relative;
	overflow:hidden;
	display:block;
	width:100%;
    top: 22px;
    left: 3px;
}

#VideoArea {
	background: url(../images/transparentPixel.png) 0px 0px repeat;
	width: 690px;
	height: 265px;
	margin: 0 0 0 0;
	border:5px solid #fff;
}

#VideoAreaModify {
	background: url(../images/transparentPixel.png) 0px 0px repeat;
	width: 640px;
	height: 355px;
	margin: 0 0 0 0;
	border:5px solid #fff;
}

.video-js-box {  }

#videoPlayer { display: none; }
video {float: left; /*position: absolute; top:0; left:0;*/}

.items {
	position:absolute;
	height: 270px;
	width: 2105px;
}

.items div {
	float: left;
	width: 940px;
	height: 355px;
	cursor: pointer;
	/*border: 5px solid #fff; */
}

/*.items div #VideoArea { border: 0px; }*/


.itemsModify {
	position:absolute;
	width:2500px;
	height: 365px;
	clear:both;
	margin-top: 35px;
}

.itemsModify div {
	float: left;
	width: 940px;
	height: 355px;
	cursor: pointer;
	/*border: 5px solid #fff; */
}

/*.items div #VideoAreaModify { border: 0px; }*/



#videos {
	float:inherit 
	
}



li.video {
	display: block;
	height: 150px;
	float: left;
	background: url(../images/vLine.png) 100% 0px repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

li.video2 {
	display: block;
	height: 150px;
	float: left;
	background: url(../images/vLine.png) 100% 0px repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}


li.videoModify {
	display: block;
	width:90px;
	height: 174px;
	float: left;
	background: url(../images/vLine.png) 100% 0px repeat-y;
}

li.video .inside 
{
    width: 190px;
    
}

li.video img {
	border: 5px solid #fff;
	margin:0;
	float: left;
}

li.video a { color: #333; text-decoration: none; }



li.videoModify {
	display: block;
	width:307px;
	height: 205px;
	float: left;
	background: url(../images/vLine.png) 100% 0px repeat-y;
}

li.videoModify .inside {padding: 0 22px;
    width: 200px;
}

li.videoModify img {
	border: 5px solid #fff;
	margin:0;
	float: left;
}

li.videoModify a { color: #333; text-decoration: none; }



li.current img {
	border: 5px solid #000;
}

.shadow { clear:left; margin:0; display:block; width:268px; height:16px; background: url(../images/videoLinkShadow.jpg) 0px 0px no-repeat; }

.shadowModify { clear:left; margin:0; display:block; width:180px; height:8px; background: url(../images/videoLinkShadowSmall.jpg) 0px 0px no-repeat; }

#mainTitle {clear:both; width: 100%;height: 58px;background: url(../images/titleBckgrnd.jpg) 0px 0px repeat-x;}
#mainTitle .titleArea { width: 952px; margin:0 auto; text-align:center;}
#mainTitle h2 { font-weight: normal; line-height: 58px; font-size:1.6em;}

#homeWrapper {width:100%; margin:15px 0;}
#home {width: 952px; margin: 0 auto; padding-bottom:15px; background: url(../images/vLine.png) 710px 0px repeat-y;}



#homeContent { float: left;}

#homeContent #publications {float:left; width: 343px;}
#homeContent #publicationsA {float:left; width: 343px;}



#homeContent #publications .inside {padding-right:40px; }
#homeContent #publicationsA .inside {padding-left: 40px;}

#home p { margin-top: 1em; line-height:1.6em; }
#home h3 { line-height: 33px; font-size: 1.3em; }
#home h4 { font-size: 1.3em;  text-shadow: 0px 1px 1px #000;}
.newfield { font-weight: normal; color:#19798a; }

#publications ul { list-style-type: none; margin: 1em 0 0 0; float: left; width:139px; }
#publications li {color:#666; margin-bottom: 0.8em; }

#publicationsA ul { list-style-type: none; margin: 1em 0 0 0; float: left; width:300px; }
#publicationsA li {color:#666; margin-bottom: 0.8em; }



.specialTitle { background: #19798a url(../images/tNewfield.png) 0px 0px no-repeat; width:100%; height:33px; line-height: 33px; color:#fff; font-family: "Times New Roman",Georgia,Serif; text-align:center; font-weight: normal; }

.specialTitleLarge 
{
    background: #19798a url(../images/tNewfield45px.png) 0px 0px no-repeat;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: white;
    font-family: "Times New Roman",Georgia,Serif;
    text-align: center;
    font-weight: normal;
    font-size: large;
}

.specialTitleLarger { background-color: #DE9243; width:100%; height:50px; line-height: 50px; color:#fff; font-family: "Times New Roman",Georgia,Serif; text-align:center;  font-weight: normal;}

.more {display:block; width:100%; height: 31px; line-height: 31px; background: url(../images/doubleDots.png) 0px 0px repeat-x; margin-bottom:0.8em; }

#OrangeLine {display:block; width:100%; height: 31px; line-height: 31px; background: url(../images/singleDotsOrange.png) 0px 0px repeat-x; margin-bottom:0.8em; }



#recentnews {
	position:relative;
	overflow:hidden;
	display:block;
	width:17%;
	float:left;
	
}

#logonationaltop {
	position:relative;
	overflow:hidden;
	display:block;
	width:17%;
	float:right;
	height: 100px;
	border: 5px solid #000;
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}