/* layout.css  defines the page layout for the major sections common to all pages.

    (ie)  header_left    =  banner image at top of page
           header_right  =  top right corner for important notices !
           notice_panel  =  major panel to left ! of main body area for notices
           footer           =  standard footer at end of every page
           work-panel    =  main body area for page content
           
       Note:  The menu line is generated by a sepearte javascript.
*/

/***************************************************************/

/*************** MEDIA = SCREEN  ID's *************************/
       
@media screen {

/* Generic Selectors */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: black;		
	background-color: #FFFFB9;
	margin: 5 5 0 5;   						/* top right bottom left*/	
	}

p {
	width: 90%;
	}


/*************************  Pseudo classes *************************/

a:link {
	color: #0000FF;							/* White #FFFFFF, Blue #0000FF */
	text-decoration: none;
	font-weight: normal;
	}
	
li a:link {
	color: #0000FF;							/* White #FFFFFF, Blue #0000FF */
	text-decoration: none;
	font-weight: normal;
	}

a:visited { 
	color: #0000FF;							/* White #FFFFFF, Light Red #FF8080 */
	text-decoration: none;
	font-weight: normal;
	}

li a:visited { 
	color: #FF8080;							/* Light Red */
	text-decoration: none;
	font-weight: normal;
	}

a:hover {
	color: #008000;							/* Yellow #FFFF00, Green #008000 */
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	}
	
li a:hover {
/*	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6EC8C;	*/
	color: #008000;							/* Yellow */
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	}
  
a:active { 
	color: #FF0000;								/* Red */
	font-weight: bold; 
	} 

/*******************  ID's *************************/

*.header_left {
	position: absolute;
	left: 80px;
	top: 5px;
	width: 742px;
	height: 102px;
	z-index: 20;
	background-attachment: scroll;
	background-image: url(../../home/lib/images/banner2.jpg);
	background-repeat: repeat;
	background-position: top left;
	background-color: #3C7832;				/* Light Blue #80FFFF, Blue #0000FF */
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	 }
	 
/* ---------------------------------------------- */


*.header_right { 
	position: absolute;
	left: 822px;
	top: 5px;
	width: 150px;
	height: 102px;
	z-index: 15;
	background-color: #FFFFFF;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	}
	
/* ---------------------------------------------- */
div.nomenu {
	position: absolute;
	left: 80px;
	top: 111px;
	width: 891px;
	height: 20px;
	border: 2px solid red;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: small;
	color: yellow;
	background-color: red;
	text-align: center;
	z-index: 70;
	}
	
/* ---------------------------------------------- */
	
	 
div.notice_panel {
	position: absolute;
	left: 792px;
	top: 131px;
	width: 180px;
	height: 470px;
	z-index: 20;
	margin-top: 0px;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C7832;
	font-weight: normal;
	overflow: scroll;
	}
	
div.notice_panel a:link {
	color: #0000FF;							/* White #FFFFFF, Blue #0000FF */
	text-decoration: none;
	font-weight: normal;
	}

div.notice_panel a:visited { 
	color: #0000FF;							/* White #FFFFFF, Light Red #FF8080 */
	text-decoration: none;
	font-weight: normal;
	}

div.notice_panel a:hover {
	color: #FFFF00;							/* Yellow */
	font-weight: normal;
	text-decoration: none;
	}
	
/* ---------------------------------------------- */

div.footer {
	position: relative;
	z-index: 30;
/*	left: 80px;
	top: 583px; */
/*	height: 20px; */
	width: 692px; 
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	}
 
table.footer_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 10 0 0 5;
	border-color: #000000;
	text-align: left;
	width: 100%;
	height: 20px;	
	background-color: #CCCCCC;
	font-weight: normal;
	padding: 0px;
	border-spacing: 0px;
	}
 
/* ---------------------------------------------- */

div.work-panel { 
	position: absolute;
	left: 80px;
	top: 131px;
	width: 712px;
	height: 470px;
	z-index: 25;
	margin-top: 0px;
	margin-left: 0px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #000000;
	font-weight: normal;
	overflow: scroll;
	background-color: #FFFFFF;
	}
}

/*   End of the media screen css definitions */


/*************** MEDIA = PRINT  ID's *************************/

@media print {

/* Generic Selectors */

*.header_left, *.header_right, div.notice_panel, div.footer {
	display: none;
	visibility: hidden;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	color: black;		
	background-color: #FFFFFF;
	}

div.work-panel { 
	margin-top: 0px;
	margin-left: 0px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 3px solid #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	}

}

/*   End of the media print css definitions */




/*********************  End layout.css *************************/