body { 
background-color: #cccccc;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-weight:normal;
font-size:small;
margin:0px;
}

body.mceContentBody
{
background:#FFFFFF;
text-align:left;
position:absolute;
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-weight:normal; 
font-size:small;
color:#19A3CE; 
margin:0px;
}

a { text-decoration: none; }
a:link { color: #0097BD;}
a:visited { color: #0097BD;}
a:hover { color: #08216B; }

img {
margin:0px;
padding:0px;
border:0px;
}

h1 { 
font-family:Tahoma, Geneva, sans-serif; 
font-size:140%; 
font-weight:bolder; 
color:#003A76; 
margin:0px 0px 8px 0px;
letter-spacing:+1px;
}

h2 { 
font-family:Tahoma, Geneva, sans-serif; 
font-size:110%; 
font-weight:bolder; 
color:#004798; 
margin:0px 0px 8px 0px;
letter-spacing:+1px;
}

pre, code { font-family:arial, Trebuchet MS, Helvetica, sans-serif; color:#19A3CE;  font-size:small;}  

#textonly
{
display: none;
}

.moreinfo
{
text-align: right;
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:x-small; 
font-weight:normal; 
font-style:italic;  
}

/* -------- PAGE CONTAINERS ---------- */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
top: 2px;
}
 
#innerheader {
max-width: 79em;
width:expression(document.body.clientWidth > 1020? '76.5em': 'auto' );
background:white;
background-image: url(/images/topbanner.gif);
background-position: top-left;
background-repeat: no-repeat;
position:relative;
height: 200px;
text-align: center;
margin-left:auto;
margin-right:auto;
}

#innercontent {
max-width: 79em;
min-height:568px;/* for good browsers*/
width:expression(document.body.clientWidth > 1020? '76.5em': 'auto' );
background:white;
position:relative;
text-align: center;
margin-left:auto;
margin-right:auto;
}

#inner {
max-width: 79em;
width:expression(document.body.clientWidth > 1020? '76.5em': 'auto' );
background:white;
height: 54.1em;
text-align: left;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
}

#innerfooter {
max-width: 79em;
min-width: 100%;
width:expression(document.body.clientWidth > 1020? '76.5em': 'auto' );
background:white;
background-image: url(/images/footer.gif);
background-position: bottom;
background-repeat: no-repeat;
position:absolute;
height: 100px;
bottom: 0px; 
left:0px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:0px;
}

/* ----------- END OF MAIN CONTAINERS ------------ */

/* ----------- MENUS (Left hand side) ------------ */
#menu {
background:white;
text-align:right;
position:absolute;
left:4px;
top:69px;
width:14.0em;
}

#menu p { 
font-family:arial black; 
font-weight:normal; 
color:#777777; 
line-height:180%; 
margin:0px;
}

#menu a { text-decoration: none; }
#menu a:link { color: #777777; }
#menu a:visited { color: #777777; }
#menu a:hover { color: #003A76; }

/* ----------- Page Content / Layout ------------- */

#pagetitle {
background:white;
background-image: url(/images/title_underline.gif);
background-position: top-left;
background-repeat: no-repeat;
text-align:left;
position:absolute;
top:28px;
left:15.5em;
width: 360px;
height:40px;
margin:0px;
}

#pagetitle h1 {
font-family:Tahoma, Geneva, sans-serif; 
font-size:160%; 
font-weight:bolder; 
color:#003A76; 
margin:0px;
letter-spacing:+1px;
}

/* combined left and right content into one box pages */
#pagefull {
background:white;
text-align:left;
position:absolute;
top:0px;
left:15.5em;
width: 58.0em;
}

#pagefull p { 
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:100%; 
font-weight:normal; 
color:#19A3CE; 
margin:0px;
}

/* combined left and right content with space for page title */

#pagefulltitle {
background:white;
text-align:left;
position:absolute;
top:80px;
left:15.5em;
width: 58.0em;
}

#pagefulltitle p { 
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:100%; 
font-weight:normal; 
color:#19A3CE; 
margin:0px;
}

/* left hand content */
#pagecontent {
background:white;
text-align:left;
position:absolute;
top:74px;
left:15.5em;
width: 27.0em;
}

#pagecontent p { 
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:90%; 
font-weight:normal; 
color:#19A3CE; 
margin:0px;
}

/* right hand content */
#pageright {
background:#FFFFFF;
text-align:left;
position:absolute;
top:45px;
left:45.0em;
width: 27.0em;
}

#pageright p { 
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:90%; 
font-weight:normal; 
color:#000000; 
margin:0px;
}

/* ------------------------------------- Right Hand side of page items/divs ------------------------------ */

#theatre_right_frame {
text-align:left;
position:absolute;
top:2em;
left:34em;
width: 22em;
height: 32em;
background:white;
}

#theatre_left_text {
text-align:left;
position:absolute;
top:31em;
left:1em;
width: 22em;
height: 4em;
background:white;
}

#supportopportunities_right_frame {
position:absolute;
left:2em;
top:0px;
width: 27.0em;
height:29em;
border:1px groove #888888;
background:white;
}

#supportopportunities_right_content {
position:absolute;
left:8px;
top:8px;
padding:8px;
width:24.6em;
height:26.5em;
background:#EAF6ED;
}

#fullheight_right_frame {
position:absolute;
left:57px;
top:0px;
width:360px;
height:386px;
border:1px groove #888888;
background:white;
}

#fullheight_right_content {
position:absolute;
left:8px;
top:8px;
padding:4px;
width:30.0em;
height:30.0em;
background:#E3E6F0;
}

#home_right {
position:absolute;
left:3.0em;
top:0px;
width:322px;
height:212px;
padding:4px;
border:1px groove #888888;
background:white;
}

#infoboxes {
position:absolute;
left:3.9em;
top:240px;
width:30.7em;
height:20.3em;
border:1px groove #888888;
background:white;
font-size:80%;

}

#infoboxes h1 {
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-size:110%; 
font-weight:normal; 
font-style:italic;  
margin:0px 0px 8px 0px;
}

#latestnews {
background:#E3E6F0;
background-image: url(/images/subbox_line.gif);
background-position: top-left;
background-repeat: no-repeat;
position:absolute;
left:0.7em;
top:0.7em;
padding:4px;
width:13.8em;
height:18.2em;
}

#todaysevents {
background:#B7DEEA;
background-image: url(/images/subbox_line.gif);
background-position: top-left;
background-repeat: no-repeat;
position:absolute;
left:15.7em;
top:0.7em;
padding:4px;
width:13.8em;
height:18.2em;
}

/* ------------------------------------- Calendar -------------------------------------------------------- */

#calendar_right_frame {
position:absolute;
left:17px;
top:0px;
width:400px;
height:164px;
border:0px;
background:white;
background-image: url(/images/calendar.gif);
background-position: top-left;
background-repeat: no-repeat; 
}

#at_a_glance {
position:absolute;
left:17px;
top:164px;
width:400px;
height:170px;
border:0px;
background:white;
}

/* ------------------------------------- End of Right Hand side of page items/divs ----------------------- */

/* Front Page while site is made */

#topgraphics
{
 position:relative;
 top:65px;
 text-align:right;
 right:30px;
}

#bottomleftlinks
{
 text-align:left;
 position:relative;
 left:30px;
 top:76px;
}

#comingsoon
{
 text-align:right;
 position:relative;
 right:30px;
 top:-134px;
}

#oldsites
{
 text-align:left;
 color: #0097BD;
 margin:14px;
 font-family:arial;
 font-size:small-medium;
}

#oldsites a:link { color: #0097BD; }
#oldsites a:visited { color: #0097BD; }
#oldsites a:hover { color: #08216B; }

#supportopportunities
{
 top:20px;
 left:14px;
 position:relative;
 text-align:left;
 color: #666666;
 font-family:arial;
 font-size:small-medium;
}

#supportopportunities a:link { 
 color: #999999;
 font-style:italic;  
}
#supportopportunities a:visited { 
 color: #999999;
 font-style:italic;  
}
#supportopportunities a:hover { 
 color: #BBBBBB;
 font-style:italic;  
}

/*---------------------- LOGGED IN INFO PANE ---------------------------------*/

/* right hand directory listing */
#admindir {
background:white;
text-align:left;
font-family:arial, Trebuchet MS, Helvetica, sans-serif; 
font-weight:normal; 
font-size:70%;
}

/* info pane */

#admininfo 
{
	position:relative;
	top:122px;
	left:840px;

	width:180px;
	height:76px;

	color:black;
	background:#EEEEEE;
	float:left;
  font-family:Tahoma, Geneva, sans-serif; 
  font-size:x-small; 
	text-align:left;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
	}

.indented
   {
   padding-left: 20px;
   padding-right: 25px;
   color:#00A7BA;
   }

/*---------------------- CHAT RELATED CSS ------------------------------------*/

#chatpane 
{
	position:absolute;
	top:30px;
	left:0px;

	height:270px;
	/*width:80%*/
	width:600px;
	float:left;
	
	color:Black;
	overflow:auto;
	border:solid 3px #eef;
	background:white;
	padding:4px;
	margin-bottom:4px;
	margin-right:10px;
	text-align: left;
}

#statuspane
{
	position:absolute;
	top:0px;
	left:0px;
	height:15px;
	/*width:80%*/
	width:600px;
	border:solid 3px #eef;
	background:white;
	padding:4px;
	text-align: center;
	font-weight:bolder; 
}

#chatbuffer
{
 	width:560px;
}

#userpane
{
	position:absolute;
	top:0px;
	left:620px;
	height:298px;
	width:117px;
	
	color:Black;
	
	overflow:auto;
	
	border:solid 3px #eef;
	background:white;
	padding:5px;
	margin-bottom:4px;
}

#userlist
{
	width:100px;
}

#chatpane ul,
#userpane ul 
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#chatpane ul li,
#userpane ul li 
{
	font-size:8pt;
}

.ICTTurquoise
{
	color:#00A7BA;
}

.ICTRoyalBlue
{
	color:#4A579B;
}
.ICTRoyalBlue a { text-decoration: none; }
.ICTRoyalBlue a:link { color: #4A579B;}
.ICTRoyalBlue a:visited { color: #4A579B;}
.ICTRoyalBlue a:hover { color: #354575; }
.ICTRoyalBlue
{
	color:#354575;
}

.ICTDarkBlue
{
	color:#354575;
}
.ICTDarkBlue a { text-decoration: none; }
.ICTDarkBlue a:link { color: #354575;}
.ICTDarkBlue a:visited { color: #354575;}
.ICTDarkBlue a:hover { color: #468657; }

.ICTGreen
{
	color:#468657;
}

.mytext
{

	width:90%;

	margin-bottom:10px;	
}

#mytextpane 
{
	position:absolute;
	top:320px;
	left:0px;
	height:30px;
	width:100%;
	float:left;
	
	nowrap;
	color:Black;
	overflow-y:hidden;
	overflow-x:hidden;
	border:solid 3px #eef;
	background:white;
	padding:4px;
	margin-bottom:4px;
	margin-right:10px;
	text-align: left;
}

#chatreqpop
{
	display:none; 
	position:absolute; 
	top:10px; 
	left:10px; 
	height:150px;
	width:300px;
	border-style: solid; 
	background-color: white; 
	padding: 5px;
	border-width: 2px;
}

#businesscardpop
{
	display:none; 
	position:absolute; 
	top:000px; 
	left:210px; 
	height:200px;
	width:400px;
	border-style: solid; 
	background-color: white; 
	padding: 5px;
	border-width: 2px;
}

#profilepop
{
	display:none; 
	position:absolute; 
top:8px;
left:40px;
width: 396px;
height:483px;
/*
	top:000px; 
	left:0px; 
	height:500px;
	width:600px;
*/
	border-style: solid; 
	background-color: white; 
	padding: 5px;
	border-width: 2px;
	z-index:2;
}

.eventpop
{
position:absolute; 
top:0px; left:0px; width: 340px; height:400px; 
border-style:solid; 
background-color:white; 
padding:5px;	
border-width: 1px; 
visibility:hidden;
}

.eventpopX
{
position:absolute; 
top:4px; left:330px; width: 16px; height:19px;
}

.eventpopclose
{
position:absolute; 
top:380px; left:260px; width: 79px; height:19px;
}

p.textright {
text-align:right;
}

p.textcenter {
text-align:center;
}



/* ------------------- END OF CHAT RELATED CSS ----------------- */


/* width: 396px; */
/* height:483px; */
/* 10px border */

#standtitle
{
	position:absolute;
	top:10px;
	left:10px;
	height:13px;
	width:372px;
	background:white;
	padding:4px;
	text-align: left;
	font-weight:bolder; 
}

#standlogo
{
	position:absolute;
	top:35px;
	left:10px;
	height:200px;
	width:170px;
	background:white;
	padding:4px;
	text-align: center;
}


#standaddr
{
	position:absolute;
	top:35px;
	left:200px;
	height:200px;
	width:182px;
	background:white;
	padding:4px;
	text-align: left;
	font-weight:bolder; 
	overflow:auto;
}

#standinfo
{
	position:absolute;
	top:240px;
	left:10px;
	height:200px;
	width:372px;
	background:white;
	padding:4px;
	text-align: left;
}

#standcardbox
{
	position:absolute;
	top:454px;
	left:10px;
	height:15px;
	width:170px;
	background:white;
	padding:4px;
	text-align: left;
	font-weight:bolder; 
}

#standclose
{
	position:absolute;
	top:454px;
	left:210px;
	height:15px;
	width:172px;
	background:white;
	padding:4px;
	text-align: right;
	font-weight:bolder; 
}