/* The Finnisher stylesheet for screen */
html, body {
	overflow : visible;
	background : #000000;
	font : 13px Verdana, Arial, sans-serif;
	
	/* scrollbars */
	scrollbar-3dlight-color : #ccc;
	scrollbar-arrow-color : #ff9900;
	scrollbar-base-color : #666;
	scrollbar-darkshadow-color : #333;
	scrollbar-face-color : #000;
	scrollbar-highlight-color : #666;
	scrollbar-shadow-color : #666;
	scrollbar-track-color : #cccccc;
}

/* page styles */
p {font-size: 13px; font-weight: normal; font-family: Verdana, Arial, sans-serif; color: #000000;}
.instructions {font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #000000; }
.smalltext {font-size: 11px; }
a {font-size: 13px; color: #003399; font-weight: bold; font-style: normal; text-decoration: none; }
a:hover {font-size: 13px; color: #ff3300; font-weight: bold; font-style: normal; text-decoration: none;}
.heading1 {font-size: 18px; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: white; }
h1 {font-size: 20px;}
h2 {font-size: 17px;}

/* menu styles */
.menunolink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff9900; font-weight: bold; text-decoration: none;}
a.menu:link        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; display: block;}
a.menu:visited     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; display: block;}
a.menu:hover       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; background: #ff9900; display: block;}
a.menu:active        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none; display: block;}

/* Career Portfolio Specific */
.heading2 {font-size: 16px; font-weight: bold; font-variant: small-caps; font-family: Verdana, Arial, sans-serif; color: black; }
.heading3 {font-size: 13px; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: black; }
P.career{font-size: 13px; line-height: 1.2; font-weight: normal; font-family: Verdana, Arial, sans-serif; color: black; }
B.career, strong.career{font-size: 13px; line-height: 1.2; text-indent: 15px; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: black; }
li.career{font-size: 13px; line-height: 1.2; font-weight: normal; font-family: Verdana, Arial, sans-serif; color: black; }

/* layout */
#canvas {
position:absolute; 
left:0px; 
top:0px; 
width:700px; 
height:400px; 
overflow: hidden; 
visibility : visible; 
left: 50%; 
top: 50%; 
margin-left: -350px; 
margin-top: -200px; 
background: #000000 url(../images/bg_layer.jpg) no-repeat top left;
}
#header {
position:absolute; 
left:0px; 
top:0px; 
width:700px; 
height:30px; 
overflow: hidden; 
visibility : visible; 
}
#content {
position:absolute; 
left:190px; 
top:44px; 
width:456px;
border: 1px solid black; 
height:295px; 
overflow: auto; 
visibility : visible;
margin: 0 -15px 0 0;} 
/* hide from IE mac \*/
#content {right: 0;	margin: 0;} 
/* IE Mac can see the rest of the style sheet */

#menu {
position:absolute; 
left:63px; 
top:44px; 
width:124px; 
height:295px;
border: 1px solid black;
overflow: hidden; 
visibility : visible; background: #000000;
}

#footer {
position:absolute; 
left:0px; 
top:345px; 
width:700px; 
height:50px; 
overflow: hidden; 
visibility : visible; 
}
#news {
position:absolute; 
left: 63px; 
top:241px; 
width:122px; 
height:96px; 
overflow: hidden; 
visibility : visible; 
background:red;
border: 1px solid black;
}

tr.menurow { height: 10px;}
td.menurow { height: 10px; border-bottom: 1px solid black;}
table.bottombar {height: 16px; border-top: 1px solid black; background: #000099 url(../images/bottombar_bg.jpg);}
table.topbar {height: 31px; border-bottom: 1px solid black;}
table.bordersidesTB {border-top: 1px solid black; border-bottom: 1px solid black;}
td.topbarleft {width:120px; height: 30px; background: #000099 url(../images/topbar_left.jpg);} 
td.topbarright {width:120px; height: 30px; background: #000099 url(../images/topbar_right.jpg);}
td.topbarcenter {height: 30px; background: #000099 url(../images/topbar_bg.jpg);}