#layCTitle {
	position:relative;
	left:0px;
	top:0px;
	width:400px;
	z-index:1;
	overflow-y: hidden;
	overflow-x: hidden;
	padding:3px;
	border-color:#000000;
	border-width:1px;
}

#layNoticeBoard {
	position:relative;
	left:0px;
	top:0px;
	height:200px;
	width:217px;
	z-index:1;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:3px;
	border-style:outset;
	border-width:0px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
}

#tblNoticeBoard {

	border-style:solid;
	border-width:1px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
}


#layGrid {
	position:relative;
	left:0px;
	top:0px;
	width:708px;
	height:auto;
	z-index:1;
	overflow-x: hidden;
	overflow-y: visible;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color:#000066; 
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#0000FF;
	text-decoration:underline;
}






td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
 
.header2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#000066;
	
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.itemTitle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	font-weight:bold;
	text-decoration:underline;
}

.header1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 48px;
	color: #003333;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

.button {
 color:#000000;
 font:Arial, Helvetica, sans-serif;
 text-shadow:#000000;
 height:auto;
 font-size:10px;
 height:auto;
 background-color:#BCDADA;
 background-image:url(graybar.png);
 font-weight:bold; 

}

.smallbutton {
 color:#000066;
 font:Geneva, Arial, Helvetica, sans-serif;
 text-shadow:#000000;
 height:auto;
 font-size:9px;
 height:auto;
 background-color:#BCDADA;
 background-image:url(graybar.png);
 font-weight:bold;
}


.transparentButton{
cursor:default;
background:none;
cursor:pointer;
border-style:groove;
font-size:9px;
}

.framed{
cursor:default;
border-color:#999999;
border-width:1px;
border-style:outset;
background:none;
}

.framed:active{
border-width:1px;
border-style:inset;
border-bottom-color:#00FF00;
color:#999999;
}

.framed:hover{
border-color:#999999;
border-width:1px;
border-style:inset;
cursor:pointer;
font-weight:bold;
color:#000066;
background:none;
font-stretch:ultra-condensed;

}


#tblLogin{
	height:90px;
	width:225px;
	border-style:solid;
	border-width:1px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
}

#tblWelcome {
	height:90px;
	width:225px;
	border-style:solid;
	border-width:1px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
}


#tblMainMenu{
	width:225px;
	border-style:solid;
	border-width:1px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
}


.warning{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FF0000;
	
}
#tblEditor {
	width: 600px;
}

#tblContent{
	width:720px;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-style:inset;
	border-width:0px;
	overflow:hidden;
}

.covered{
	border-color:#999999;
	border-width:1px;
	border-style:solid;

}

#tblMain{
	border-color:#CCCCCC;
	border-style:solid;
	border-bottom-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-left-width:1px;
}

.imagebutton{
cursor:pointer;


}
.layLogo {
	width: 300px;
	text-align: right;

}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background:#999999;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#0066FF;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
