﻿*{ padding:0px; margin:0px; text-align:left; }
img{ border:0px;}
a{ outline:none;}
body{ font-size:110%; color:#ffffff; margin:0px; font-family: "Arial", sans-serif; background:#fff;}
#SiteDims{ width:1003px; height:598px; background:url(../images/pageBorder.gif) no-repeat top left; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; position:relative;}
.flashDims{ text-align:center; width:1003px; height:598px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; position:relative;}

#flashContent{ width:1003px; height:598px;}

.team-name p { font-size: 20px; font-weight: light; color: #b4c6bc; padding-left: 5px; }
.director-name p { font-size: 20px; font-weight: light; color: #b4c6bc; padding-left: 5px; width: 295px; }

#imageBackground{ position:absolute; top:10px; left:10px; width:983px; height:569px; background:#b4c6bc;}
#pageContent{ position:relative; top:192px; left:10px; height:337px;}
#pageTitle{position:relative; top:178px; left:63px; width:600px; height:49px;}
#PNav{ width:913px; text-align:center; background:#B4C6BC; height:25px; padding: 0 5px 0 70px;}
#PNav li{ font-family:Arial; font-size:11px; padding: 6px 0 0 0; list-style-type:none; float:left; }
#PNav li a, a{ padding:0 5px 0 5px; font-weight:bold;  text-decoration:none; color:#fff;}
#PNav li a:hover, #PNav li a:active, #PNav #PNavOn a, a:hover, a:active{ padding:0 5px 0 5px;  text-decoration:none; color:#12256F;}

#SNav{ width:983px; text-align:center; background:#ffffff; height:19px;}
#SNav li{ font-family:Arial; font-size:0.6em; padding: 3px 0 0 0; list-style-type:none; float:left; }
#SNav li a, #pageText a{ padding:0 5px 0 5px;  text-decoration:none; color:#65706a;}
#pageText a{ color:#B4C6BC; padding: 0 0 0 0;}
#SNav li a:hover, #SNav li a:active, #SNav #SNavOn a { padding:0 5px 0 5px;  text-decoration:none; color:#12256F;}
#pageText a:active, #pageText a:hover{  text-decoration:none; color:#ffffff;}
#pageText li{ margin-left:20px; list-style-image:url(../images/arrow.gif);}

#greyAlpha{ position:relative; top:0px; left:0px; width:983px; height:294px; background-color:#666666; opacity: .85; filter: alpha(opacity=85); }
#magazine-cover{ float: left; clear: none; width: 108px; height: 140px; background: url(../images/images/concept-coverpage_.jpg) no-repeat; position:relative; top:-272px; left:100px; }
#magazine-cover:hover{ float: left; clear: none; width: 108px; height: 140px; background: url(../images/images/concept-coverpage.jpg) no-repeat; position:relative; top:-272px; left:100px; }

#pageText{ float:left; clear:none; font-size:0.7em; position:relative; top:-272px; left:64px; color:#fff; width:625px; height:294px;}

.smallPrint{font-size:0.9em;}
#pageTextLeft{float:left; display:block; clear:left; width:159px; height:200px;}
#pageTextMid{float:left; display:block; clear:none; width:205px; height:200px;}
#pageTextRight{float:left; display:block; clear:none; width:286px; height:200px;}
#pageTextOuter{float:left; display:block; clear:none; width:230px; height:200px;}
#accountsRight{margin-left:60px; float:left; display:block; clear:none; width:400px; height:200px;}
#logo{position:relative; float:right; cursor:pointer; right:20px; top:-80px; clear:none; background:url(../images/logo.gif) no-repeat 0 0; width: 210px; height:81px; }
#nologo{position:relative; float:right; cursor:pointer; right:20px; top:-80px; clear:none; width: 210px; height:81px; }
#logoPrint{display:none;}
#leftText{position:absolute; font-size:0.6em; padding-top:2px;  left:0px; float:left; width:200px; text-align:left;}
#rightText{position:absolute; font-size:0.6em; padding-top:2px; right:20px; float:right; width:300px; text-align:right; }

#personnelPicture{height:294px; width:125px; float:left; background:#ffffff;}

#personnelContent{position:relative; left: 25px; float:left; width:500px; top:25px;}
	#personnelNameImg{position:relative; height:23px; width:178px; clear:right;}
	#personnelDetails{margin-left:5px; margin-top: 5px; position:relative; clear:left;}
.pageHighlight{color:#b4c6bc;}
h3{font-size:2em; color:#b4c6bc;}
#highlightMatrix{position:absolute; width:308px; left:685px; top:10px;}
.highlightBoxA{margin:0 0 6px 0; float:left; clear:left; border:solid 10px #ffffff; opacity: .1; filter: alpha(opacity=10); }
.highlightBoxB{margin:0 0 6px 0; float:right; clear:right; border:solid 10px #ffffff; opacity: .1; filter: alpha(opacity=10); }


#container {float:left;	width: 550px; height: 210px; overflow: hidden;	margin: auto; margin-top:5px; }
 
#inside {  width: 550px; line-height:22px; }
#inside p{padding-bottom:20px;}
#slideBar {float:right; height: 210px; width: 8px; background: #000000; margin-right:10px;}
#slideButton { height: 8px;width: 8px; cursor:pointer; background: #b4c6bc;}

#movieArea{width:880px; float:left; clear:none; position:relative; top:-272px; left:64px; }
.webcamMovie{float:left; clear:none;}
.webcamStills li{float:left; clear:none; padding-left:26px; list-style-type:none!important; background:none; list-style-image:none!important; width:160px; height:120px;}
.webcamList{width:170px; float:left; clear:none; display:block; margin:none; padding:none; }
.webcamList li{width:150px; float:left; clear:none; list-style-type:none; list-style-image:none!important; padding-bottom:20px; }