Body
{ 
	text-align: center;
	background-repeat: no-repeat;
	background: url(images/body_bg.png)
}

span
{
    display: -moz-inline-box; /* Firefox */
    display: inline-block;
    vertical-align:middle;	
}

.pagecontainer
{ 
	
	scrollbar-face-color:#ADB6ED; 
	scrollbar-arrow-color:#212CA9; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFE3; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#ADB6ED; 
	scrollbar-darkshadow-Color:#ADB6ED;

	text-align: left;
	font-family: arial;
	margin: 0 auto;
	width: 800px;	
	overflow: hidden; 
}

.photobox
{

	text-align: center;
	font-family: arial;
	margin: 57px 0px 0px 0px;
	width: 800px;	
	height: 510px;	
	overflow: hidden; 
        position:absolute;

}

.transparancy
{
	background-color: #FFFFFF;
	text-align: center;
	font-family: arial;
	margin: 0px 0px 0px 0px;
	width: 800px;	
	height: 568px;	
	overflow: hidden; 
        position:absolute;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	-moz-opacity:0.8;
}


.content
{
	 position:relative;
}


.topbox 
{ 
	width: 800px;	
	height: 60px;
	overflow: hidden;
	font-size: 8pt;
	background-image: url(images/top_bg.png);
	background-color: transparant;
	background-repeat: no-repeat;
}

.navbox
{ 
	width: 147px;	
	height: 500px;
	overflow: hidden;
	background-image: url(images/nav_bg.png);
	background-color: transparant;
	background-repeat: no-repeat
}

.navbox-content
{
	margin: 45px 32px;
	font-size: 11pt;
	width: 100px;	
	height: 400px;
}

div.navbox-content a.hyplnk
{
	text-decoration: none;
	color: #FFFFFF
}

div.navbox-content a.hyplnk:hover
{
	text-decoration: none;	
	text-decoration: underline;
	color: #F4FFA1
}

.mainbox
{
	width: 498px;	
	height: 500px;
	scrolling: yes;
	overflow: auto;
}

.mainchatbox
{
	width: 500px;	
	height: 500px;
	scrolling: no;
	overflow: hidden;
}


.mainbox-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 400px;
}


.mapcanvas
{
	margin: 10px 35px 10px 35px;
	font-size: 10pt;
	height: 460px;
	width: 425px;
}


.chatbox-login
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
}

.chatbox-content
{
	overflow: auto; 
	scrolling: yes;
	vertical-align: baseline;
	height: 320px;
	margin: 45px 35px 45px 35px;
	font-size: 10pt;
}

.chatbox-form
{
	height: 30px;
	margin: 0px 35px;
	font-size: 10pt
}


.hintbox
{
	width: 146px;	
	height: 500px;
	overflow: hidden;
	background-image: url(images/hint_bg.png);
	background-color: transparant;
	background-repeat: no-repeat;
	color: blue
}

.hintbox-content
{	
	font-weight: bold;	
	margin: 25px 15px 35px 15px;
	width: 126px;	
	height: 400px;
	font-size: 8pt
}

div.hintbox-content a.hyplnk
{
	text-decoration: none;
	color: #C60400
}

div.hintbox-content a.hyplnk:hover
{
	text-decoration: none;
	color: #FA0606
}

.newsbox
{
	width: 498px;	
	height: 500px;
	scrolling: yes;
	overflow: auto;
}

.newsbox-content
{
	margin: 15px 10px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 425px;
}

div.newsbox-content a.hyplnk
{
	text-decoration: none;
	font-weight: bold;
	color: blue;
}

div.newsbox-content a.hyplnk:hover
{
	text-decoration: none;
	font-weight: bold;
	color: red;
}

.sessionbox
{
	width: 150px;
	height: 500px;	
	overflow: hidden;
	background-image: url(images/hint_bg.png);
	background-color: transparant;
	background-repeat: no-repeat;
	color: blue
}

.session-content
{	
	font-weight: bold;	
	height: 315px;
	margin: 45px 25px 35px 25px;
	font-size: 10pt
}

.session-control
{
	text-align: center;
	margin: 45px 25px 35px 25px;
	color: black;
	font-weight: normal;
	font-size: 14pt
}

div.session-control a.fontctrl
{	
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-size: 14pt
}

div.session-control a.fontctrl:hover
{
	color: red;
	font-weight: normal;
	text-decoration: none;
	font-size: 14pt
}

div.session-control a.hyplnk
{	
	text-decoration: underline;
	color: blue
}

div.session-control a.hyplnk:hover
{	
	text-decoration: underline;
	color: red
}

.agenda-header
{
	text-align: right;
}

.agenda-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 400px
}

.gbook-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 400px
}

div.gbook-content a.hyplnk
{
	text-decoration: underline;
	color: blue
}

div.gbook-content a.hyplnk:hover
{
	text-decoration: underline;
	color: red
}

.compsn-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt
}

.compsn-header
{
	font-size: 14pt;
	font-weight: bold
}

.compsn-footer
{
	text-align = center;
	font-size: 10pt
}


div.compsn-content a.hyplnk
{
	text-decoration: underline;
	font-weight: bold;
	color: blue
}

div.compsn-content a.hyplnk:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: red
}

div.compsn-content a.samples
{
	text-decoration: underline;
	font-weight: normal;
	color: blue
}

div.compsn-content a.samples:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: red
}

.foto-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 400px;
}

.foto-header
{
	font-size: 12pt;
	font-weight: bold
}

.foto-footer
{
	text-align = center;
	font-size: 10pt
}


div.foto-content a.hyplnk
{
	text-decoration: underline;
	font-weight: bold;
	color: blue
}

div.foto-content a.hyplnk:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: red
}

.recrds-content
{
	margin: 15px 35px 45px 35px;
	font-size: 10pt;
	height: 400px;
	width: 400px;
}

.recrds-header
{
	font-size: 14pt;
	font-weight: bold
}

.recrds-footer
{
	text-align = center;
	font-size: 10pt
}


div.recrds-content a.hyplnk
{
	text-decoration: underline;
	font-weight: bold;
	color: blue
}

div.recrds-content a.hyplnk:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: red
}

div.recrds-content a.samples
{
	text-decoration: underline;
	font-weight: normal;
	color: blue
}

div.recrds-content a.samples:hover
{
	text-decoration: underline;
	font-weight: normal;
	color: red
}

.lnks-content
{
	margin: 15px 15px 25px 15px;
	font-weight: normal;
	height: 400px;
	width: 400px;
}

div.lnks-content a.hyplnk
{
	text-decoration: none;
	font-size: 9pt; 
	font-weight: normal;
	color: blue
}

div.lnks-content a.hyplnk:hover
{
	text-decoration: none;
	font-size: 9pt; 
	font-weight: normal;
	color: red
}

.isrvbox-content
{
	margin: 45px 35px 45px 35px;
	font-size: 10pt
}

.blacksmallCLF	
{ 
	color: #000000; 
	font-size: 10px; 
	line-height: 12px; 
	font-weight: normal;	
	font-style: normal; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}
.blacksmallCLF a:link	        { color: #000000; text-decoration: none;}
.blacksmallCLF a:visited      { color: #000000; text-decoration: none;}
.blacksmallCLF a:active	      { color: #000000; text-decoration: none;}
.blacksmallCLF a:hover	      { color: #000000; text-decoration: underline;}

.blueboldCLF	
{
	color: #000066; 
	font-size: 11px; 
	line-height: 15px; 
	font-weight: bold;
	font-style: normal; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}
.blueboldCLF a:link		{ color: #000066; text-decoration: none;}
.blueboldCLF a:visited	        { color: #000066; text-decoration: none;}
.blueboldCLF a:active	        { color: #000066; text-decoration: none;}
.blueboldCLF a:hover	        { color: #000066; text-decoration: underline;}

.yellowboldCLF	
{ 
	color: #FFCC33; 
	font-size: 11px; 
	line-height: 15px; 
	font-weight: bold;	
	font-style: normal; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}
.yellowboldCLF a:link	        { color: #FFCC33; text-decoration: none;}
.yellowboldCLF a:visited        { color: #FFCC33; text-decoration: none;}
.yellowboldCLF a:active	        { color: #FFCC33; text-decoration: none;}
.yellowboldCLF a:hover	        { color: #FFCC33; text-decoration: underline;}

.inputSmall	
{ 
	width: 20; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}

.inputMedium	
{ 
	width: 40; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}

.inputLarge	
{ 
	width:133; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Arial, Geneva, Verdana, sans-serif;
}