/*This style sheet is used for the ACL project
Layers:
  In the header of every page:
    #AppletLayer containing the Menu Applet
	#BottomBorderOfMenu between the applet and the text
  In main body of every page
    
  Only in the Home Page
     #HomePhoto on the left below the page header.
	 #HomeMessageTitle  it is placed to the right of the photo.	
	 #WelcomeMessage
	 #HomeBodyTextFrame
	 #Coordinates below the picture
	 
  Specific text styles:
     .WhiteTextHeader
*/

#TitleLayer {	position:absolute;
	visibility:visible;
	width:100%;
	height:92px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:7;
	left: 0;
	top: 1px;
}
#AppletLayer {
	position:absolute;
	visibility:visible;
	width:100%;
	height:63px;
	background-color:#081c92;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:4;
	left: 0;
	top: 102px;
}
#BottomBorderOfMenu {
	position:absolute;
	visibility:visible;
	width:100%;
	height:19px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:0px none #000000;
	z-index:8;
	left: 0;
	top: 183px;
}
#HomePhoto {
	position:absolute;
	visibility:visible;
	width:300px;
	height:447px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:5;
	left: -2px;
	top: 183px;
	overflow: hidden;
}
#HomeMessageTitle {
	position:absolute;
	visibility:visible;
	width:75.5%;
	height:40px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:9;
	left: 301px;
	top: 203px;
}
#HomeMessageTitle {
	position:absolute;
	visibility:visible;
	width:100%;
	height:40px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:9;
	left: 0px;
	top: 203px;
}
#BodyText {
	position:absolute;
	visibility:visible;
	width:70%;
	height:370px;
	background-color:#FFFFCC;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:10;
	left: 317px;
	top: 247px;
}
#HomeBodyTextFrame {
	position:absolute;
	width:76%;
	height:370px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:6;
	left: 293px;
	top: 232px;
	visibility: visible;
}
#WelcomeMessage {
	position:absolute;
	visibility:visible;
	width:75.8%;
	height:40px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:10;
	left: 293px;
	top: 202px;
}
#Coordinates {
	position:absolute;
	visibility:visible;
	width:299px;
	height:115px;
	background-color:#26354A;
	layer-background-color:#99FFCC;
	border:1px none #000000;
	z-index:9;
	left: 2px;
	top: 595px;
}

BODY {
	background-color : White;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font : 10pt Arial;
	font-size : 10pt;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #555555;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #EEEEEE;
	scrollbar-arrow-color: #BBBBBB;
}

A {
	text-decoration: underline;
}

TH {
	background-color : Black;
	color : White;
	font-family : Arial, Helvetica, sans-serif;
	font : bold 10pt Arial;
	font-size : 10pt;
	text-align : left;
}

TD {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font : 10pt Arial;
	font-size : 10pt;
	font-weight: bold;
}

P {
	font-family : Arial, Helvetica, sans-serif;
	font : 10pt Arial;
	font-size : 10pt;
	text-align : justify;
}

B {
	font : bold 10pt Arial;
}

HR {
	color : Black;
}

H2 {
	font : bold 16pt Arial;
}

H3 {
	font : bold 13pt Arial;
}

H4 {
	font : bold 12pt Arial;
}

H5 {
	font : bold 11pt Arial;
}
.WhiteTextHeader {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.TextOrange12 {
	color: #FF9900;
	font-weight: bold;
	font-size: 12pt;
}
.DocumentTitle {
	font-size: 28px;
	font-weight: bold;
	color: #ffba00;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}

.sidetext {
	font-family : Arial, Helvetica, sans-serif;
	font : 9pt Arial;
	font-size : 9pt;
	text-align : left;
}

.heading {
	font : bold italic 15pt Arial;
	text-align : left;
}

.left {
	text-align : left;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.small{
	font : 8pt Arial;
}
.link {
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
}