/************************************************
* HTML tags
************************************************/

body {
	color: #eee;
	background:#636363 url(../images/body_bg.jpg) repeat-x scroll left top;
	margin:0;
	padding:0;
	font-family:verdana,helvetica,arial,sans-serif;
	text-align:center;
}

img {
	border:0;
}

h1 {
	color:rgb(255,128,0);
	font-family:helvetica;
	font-size:1.4em;
	font-weight:normal;
	text-transform: uppercase;
	text-shadow:#000 1px 1px 6px;
	height:1.3em;
	padding-top:0px;
	margin-bottom:0em;
	
	/* IE hacks for drop shadow*/
	zoom:1;/*force hasLayout*/
	position:relative;/*for absolute position of child element*/
}


/* More IE hacks for drop shadow */
h1 span {
		position:absolute;
		color:black;
		left:-3px;top:-3px; /* strength + pixelradius */
		z-index:-1;/* force under the normal text */
		filter:
			progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1)
			progid:DXImageTransform.Microsoft.blur(pixelradius=2, enabled='true')
		;
		zoom:1;/*force hasLayout*/
}

h2 {
	font-size:1.2em;
	font-weight:normal;
	padding:20px 0 3px 0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#eee;
}

h3 {
	font-size:1.1em;
	font-weight:normal;
	display:inline;
	padding-bottom:3px;
	border-bottom:1px dotted #eee;
}

hr {
	height:0px;
	border-bottom:0;
	border-top:1px solid white;
}

p {
	font-size:1em;
	margin-top:0.8em;
}

sup {
	font-size:0.5em;
}

/************************************************
* Site-wide styles
************************************************/
#sessioninfo {
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:29px;
	background-image:url(../images/session_bg.png);
	text-align:right;
	overflow:hidden;
	z-index:3;
}

#sessioninfo label {
	margin-left:10px;
	font-size:8pt;
	text-transform: uppercase;
	color:gray;
}

#sessioninfo .textinput {
	margin-top:4px;
	height:15px;
	padding:2px;
	width:100px;
	border: 1px solid gray;
}

#loginbuttonheader {
	margin-right:10px;
}

#pagecontainer {
	top:0px; /* This can be used to shift the whole page down */
	margin-left:-450px;
	margin-right:auto;
	left:50%;
	height:145px;
	width:900px;
	text-align:left;
	position:absolute;
	background-position:0 -220px;*/
}

#header {
	padding:15px 0 0 0;
	margin:0;
	height:50px;
	display:block;
	width:100%;
}

#ossianlogo {
	float:left; 
	height:95px; 
	margin-top:0px;
}

#ossianhome span { 
	position:absolute; 
	left:-10000px; 
	top:-10000px; 
	z-index:-1000; 
}

#address {padding-top:10px;color:#ccc; font-size:0.7em; text-align:right; height:95px;}
#address a:link {text-decoration:none;color:#ccc;}
#address a:visited {text-decoration:none;color:#ccc;}
#address a:hover {color:white;}

#body {
	position:absolute;
	line-height:1.6em;
	font-size:0.8em;
	border-top:1px solid rgb(255,128,0);
		min-height:200px;
	background-color:#2a2a2a; /* #2a2a2a */
	margin:25px 0 0 0;
	/*padding:18px 35px 18px 35px;*/
	display:block;
	width:900px;
	box-shadow: 0px 2px 7px #000;
	-moz-box-shadow: 0px 2px 7px #000;
	-webkit-box-shadow: 0px 2px 7px #000;
}

/************************************************
* Links
************************************************/
/*.pagecontent a:link { text-decoration:none; color:rgb(255,128,0); }
.pagecontent a:visited { text-decoration:none; color:rgb(255,128,0); }
.pagecontent a:hover { color:white; }*/

.pagecontent a:link { text-decoration:none; border-bottom:1px solid #ccc; color:#ccc; }
.pagecontent a:visited { text-decoration:none; border-bottom:1px dotted white; padding-bottom:1px; color:white; }
.pagecontent a:hover { text-decoration:none; border-bottom:1px solid white; color:white; }

.footer {
	position:absolute;
	clear:both;
	min-height:100px;
	height:0px;
	margin:0px 0 10px 0;
	padding:6px 6px 6px 6px;
	width:888px;
	text-align:center;
	color:#b8b8b8;
	font-size:0.85em;
	line-height:1.35em;
}

.footer a:link {text-decoration:none; color:#ddd; }
.footer a:visited {text-decoration:none;color:#ddd; }
.footer a:hover {text-decoration:none;color:white; }

.phoneHUD {
	display:none;
	color:white;
	position:fixed;
	z-index:2;
	text-align:center;
	width:950px;
	min-height:135px;
	left:50%;
	top:50%;
	margin-top:-55px;
	margin-left:-475px;
	margin-right:auto;
	padding:16px 5px 5px 5px;
	background-image:url(../images/20.png);
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	text-shadow:2px 2px 5px #111;
}

.phonenumber {
	vertical-align:middle;
	line-height:78pt;
	font-size:78pt;
	margin-bottom:0;
	padding-bottom:5px;
}

.phoneHUD a {font-size:10pt;}
.phoneHUD a:link {text-decoration:none; color:#ddd; }
.phoneHUD a:visited {text-decoration:none;color:#ddd; }
.phoneHUD a:hover {text-decoration:none;color:white; }

.loginHUD {
	position:fixed;
	left:0px;
	top:0px;
	opacity:0.9;
	display:none;
	background-color:black;
	width:100%;
	height:100%;
	z-index:20000;
}

.loginPanel {
	margin-top:-60px;
	margin-left:-160px;
	margin-right:auto;
	margin-bottom:auto;
	top:50%;
	left:50%;
	height:80px;
	width:300px;
	text-align:left;
	position:fixed;
	padding:0px 20px 35px 20px;
	border:1px solid gray;
	background-color:#111;
	z-index:20001;
	display:none;
}

.loginPanel label {
	font-size:8pt;
	text-transform: uppercase;
	color:gray;
	font-family:verdana,helvetica,arial,sans-serif;
}

.loginPanel .textinput {
	height:15px;
	padding:2px;
	width:96%;
	border: 1px solid gray;
}

#usernameindialog {
	width:96%;
}

#userpasswordindialog {
	width:96%;
}

#closephone,#closemobile {
	position:absolute;
	right:3px;
	top:3px;
	cursor:pointer;
}

.pagecontent {
	padding:15px 25px 15px 25px;
	min-height:200px;
}

ul.pagesubmenu {
	border-right: 1px solid #555;
	position:absolute;
	left:0px;
	top:0px
	bottom:0px;
	margin:0 15px 0 0;
	padding:0;
	height:100%;
}

/************************************************
* Navigation styles
************************************************/

.nav {
	width: 610px;
	height: 60px;
	padding:0;
	margin:0;
	background: url(../images/menusprite.png) no-repeat;
	position: absolute;
	top: 12px;
	left: 305px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 60px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.nav .services a:link, .nav .services a:visited {
	left: 0px;
	width: 119px;
}
.nav .services a:hover, .nav .services a:focus {
	background: url(../images/menusprite.png) no-repeat 0px -59px;
}
.nav .services a:active {
	background: url(../images/menusprite.png) no-repeat 0px -120px;
}
.current-services .services a:link, .current-services .services a:visited {
	background: url(../images/menusprite.png) no-repeat 0px -180px;
	cursor: default;
}
.nav-services, .nav-services-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 119px;
	height: 60px;
	background: url(../images/menusprite.png) no-repeat 0px -59px;
}
.nav-services-click {
	background: url(../images/menusprite.png) no-repeat 0px -120px;
}



.nav .publications a:link, .nav .publications a:visited {
	left: 119px;
	width: 141px;
}
.nav .publications a:hover, .nav .publications a:focus {
	background: url(../images/menusprite.png) no-repeat -119px -59px;
}
.nav .publications a:active {
	background: url(../images/menusprite.png) no-repeat -119px -120px;
}
.current-publications .publications a:link, .current-publications .publications a:visited {
	background: url(../images/menusprite.png) no-repeat -119px -180px;
	cursor: default;
}
.nav-publications, .nav-publications-click {
	position: absolute;
	top: 0;
	left: 119px;
	width: 141px;
	height: 60px;
	background: url(../images/menusprite.png) no-repeat -119px -59px;
}
.nav-publications-click {
	background: url(../images/menusprite.png) no-repeat -119px -120px;
}



.nav .collaborations a:link, .nav .collaborations a:visited {
	left: 260px;
	width: 162px;
}
.nav .collaborations a:hover, .nav .collaborations a:focus {
	background: url(../images/menusprite.png) no-repeat -260px -59px;
}
.nav .collaborations a:active {
	background: url(../images/menusprite.png) no-repeat -260px -120px;
}
.current-collaborations .collaborations a:link, .current-collaborations .collaborations a:visited {
	background: url(../images/menusprite.png) no-repeat -260px -180px;
	cursor: default;
}
.nav-collaborations, .nav-collaborations-click {
	position: absolute;
	top: 0;
	left: 260px;
	width: 162px;
	height: 60px;
	background: url(../images/menusprite.png) no-repeat -260px -59px;
}
.nav-collaborations-click {
	background: url(../images/menusprite.png) no-repeat -260px -120px;
}



.nav .contact a:link, .nav .contact a:visited {
	left: 422px;
	width: 103px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(../images/menusprite.png) no-repeat -422px -59px;
}
.nav .contact a:active {
	background: url(../images/menusprite.png) no-repeat -422px -120px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../images/menusprite.png) no-repeat -422px -180px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 422px;
	width: 103px;
	height: 60px;
	background: url(../images/menusprite.png) no-repeat -422px -59px;
}
.nav-contact-click {
	background: url(../images/menusprite.png) no-repeat -422px -120px;
}



.nav .login a:link, .nav .login a:visited {
	left: 525px;
	width: 85px;
}
.nav .login a:hover, .nav .login a:focus {
	background: url(../images/menusprite.png) no-repeat -525px -59px;
}
.nav .login a:active {
	background: url(../images/menusprite.png) no-repeat -525px -120px;
}
.current-login .login a:link, .current-login .login a:visited {
	background: url(../images/menusprite.png) no-repeat -525px -180px;
	cursor: default;
}
.nav-login, .nav-login-click {
	position: absolute;
	top: 0;
	left: 525px;
	width: 85px;
	height: 60px;
	background: url(../images/menusprite.png) no-repeat -525px -59px;
}
.nav-login-click {
	background: url(../images/menusprite.png) no-repeat -525px -120px;
}


/************************************************
* Page-specific styles
************************************************/


#blurbdiv {
	background-image:url(../images/40.png);	width:865px;
	padding:10px 10px 10px 25px;
	position:absolute;
	bottom:0px;
	height:9.5em;
	/*behavior:url(scripts/iepngfix.htc);*/
}

.pagesubmenu li { 
	display:block;
	position:relative;
	background-repeat:repeat-x;
	border-bottom:1px solid #555;
}

.pagesubmenu .submenu {
	background-image:url(../images/submenuBG11.png);
}

.pagesubmenu .submenu:hover {
	background-color:#111;
	background-image:none;
}

.pagesubmenu .selectedsubmenu {
	background-image:url(../images/submenuBGflippedbig2.png);
	background-color:rgb(255,128,0);
	background-position:0px 50%;
}

.pagesubmenu li a {
	color:white;
	padding:8px 10px 8px 21px;
	margin:0;
	display:block;
	text-decoration:none;
}

.pagesubmenu li a:link {
	color:white;
}

.pagesubmenu li a:visited {
	color:white;
}

.journalname {
	font-style:italic;
}

.author-valentine {
	color:rgb(255,128,0);
}

.author-pollock {
	color:rgb(255,128,0);
}

.author-smith-palmer {
	color:rgb(255,128,0);
}

.pubpagecontent {
	min-height:280px;
}

.journalcover {
	border:1px solid white;
	margin:20px 14px 20px 0;
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
}

.journalcoverright {
	border:1px solid white;
	margin:40px 0 0 0;
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
}

#lochossian {
	background-image:url(../images/loch900short.jpg);
	margin:0;
	padding:0;
	height:212px;
	width:900px;
	border-bottom:1px solid rgb(255,128,0);
}

.homepageimage {
	background-image:url(../images/loch900.jpg);
			background-position:0 -100px;	background-repeat:no-repeat;
}

.homepageimage .pagecontent {
	height:450px;	padding:0;
}

.overviewsection {
	padding:1px 15px 10px 15px;
	margin-bottom:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:15px;
	background-color:#222;
}

.overviewsection h1 {
	text-align:center;
	cursor:pointer;
}

.overviewsection div {
	display:none;
	text-align:left;
}

.overviewarrow {
	background-image:url(../images/downarrow.png);
	background-position:50% 0px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}