/* main look from BODY*/
BODY
{
    FONT-SIZE: 				medium;
    FONT-FAMILY: 			Georgia, serif, sans-serif;
    BACKGROUND-COLOR:		#F1F1F1;
    COLOR:					#000;
}

/* Header panel and contents */
#header
{
    BACKGROUND-COLOR:		#DCEEA9;
	-MOZ-BORDER-RADIUS: 	10px 10px 10px 10px;
}
#title
{
    COLOR:					#000;
    BACKGROUND-COLOR:		#A1CF12;
	PADDING:				20px;
	PADDING-BOTTOM:			12px;
    FONT-SIZE: 				x-large;
	TEXT-ALIGN:				left;
	DISPLAY:				block;
	-MOZ-BORDER-RADIUS: 	10px 10px 0px 0px;
}
#address, #subtitle
{
	PADDING-LEFT:			30px;
	PADDING-TOP:			12px;
	PADDING-BOTTOM:			12px;
    FONT-SIZE: 				small;
	TEXT-ALIGN:				left;
	COLOR:					#CFDCED;
}

/* Links */
#header A 
{
    FONT-WEIGHT: 			bold;
    COLOR:					#4C6208;
}
#header A:hover, #header A:active 
{
	BACKGROUND-COLOR: 		#DCEEA9;
}

A 
{
    FONT-WEIGHT: 			bold;
    COLOR:					#4C6208;
}
#content A:visited 
{
    FONT-WEIGHT: 			normal;
}
#content A:hover, A:active 
{
    BACKGROUND-COLOR:		#DCEEA9;
}

/* Top of page target & source */
A.top-of-page
{
	DISPLAY:				inline;
	BACKGROUND-COLOR: 		#F1F1F1;
	COLOR: 					#F1F1F1;
}
#content A.top-of-page:hover, #content A.top-of-page:active
{
	BACKGROUND-COLOR: 		#F1F1F1;
}
.go-top
{
	TEXT-ALIGN:				right;
	WIDTH:					100%;
	FLOAT:					left;
}

/* Title of page */
.title
{
    FONT-SIZE: 				x-large;
    FONT-WEIGHT: 			bold;
    COLOR:					#4C6208;
    PADDING-BOTTOM:			3px;
    BORDER-BOTTOM: 			#4C6208 2px solid;
}


/* IMAP is here */
.info {
	WIDTH:					77%;
	MARGIN-LEFT:			12px;
	FLOAT:					left;
}
DT, H2
{
	FONT-SIZE:				larger;
	WIDTH:					20%;
	VERTICAL-ALIGN:			top;
	TEXT-ALIGN:				left;
	FLOAT:					left;
	CLEAR:					right;
}
DD
{
	FLOAT:					right;
	MARGIN-TOP:				3px;
	WIDTH: 					70%;
	PADDING-BOTTOM:			8px;
    BORDER-BOTTOM:			#A9A9A9 1px solid;
	MARGIN-BOTTOM:			8px;
}

/* Menu panel */
#menu {
    BORDER:           		#808080 1px solid;
    BACKGROUND-COLOR: 		#fffff0;
    COLOR:            		black;
    FONT-SIZE:        		small;
    PADDING:          		12px;
    POSITION:         		absolute;
	RIGHT:            		20px;
    TOP:              		100px;
    WIDTH:            		16%;
	-MOZ-BORDER-RADIUS: 	10px 10px 10px 10px;
}
.menugroup
{
    FONT-SIZE: 				large;
    FONT-WEIGHT: 			normal;
	DISPLAY:				block;
    PADDING:          		6px;
	COLOR:					#4C6208;
    BACKGROUND-COLOR: 		#DCEEA9;
    BORDER-BOTTOM:			#A1CF12 3px solid;	
	-MOZ-BORDER-RADIUS: 	7px 7px 0px 0px;
}
LI.menuitem
{
    PADDING:          		2px;
	MARGIN-LEFT: 			-40px;
	MARGIN-TOP:				1px;
	LIST-STYLE-TYPE: 		none;
}
LI.menuitem A
{
    PADDING:          		2px;
	DISPLAY:				block;
	TEXT-DECORATION:		none;
    BORDER:	 				#FFFFF0 1px solid;
}
LI.menuitem A:hover, LI.menuitem A:active
{
	COLOR:					#000;
    BACKGROUND-COLOR: 		#A1CF12;	
    BORDER-TOP:	 			#FFF 1px solid;
    BORDER-LEFT:	 		#FFF 1px solid;
    BORDER-RIGHT:	 		#808080 1px solid; /*#4C6208*/
    BORDER-BOTTOM:	 		#808080 1px solid;
}
LI.menuitem .current-uid
{
	DISPLAY:				block;
	COLOR:					#000;
    BACKGROUND-COLOR: 		#D3D3D3;	
    FONT-WEIGHT: 			bold;
	MARGIN-TOP:				1px;
    PADDING:          		2px 0px 2px 2px;
    BORDER-TOP:	 			#FFF 1px solid;
    BORDER-LEFT:	 		#FFF 1px solid;
    BORDER-RIGHT:	 		#808080 1px solid; /*#4C6208*/
    BORDER-BOTTOM:	 		#808080 1px solid;
}

/* Footer panel */
#footer
{
	width:					78%;
	float:					left;
	text-align:				right;
    FONT-SIZE: 				small;
	PADDING-TOP:			12pt;
}

/* Tables */
TH
{
    FONT-SIZE: 				medium;
	BACKGROUND-COLOR:		#D3D3D3;
    BORDER-BOTTOM:      	#808080 3px solid;
    padding-top:        	4px;
    margin-top:        		10px;
	-MOZ-BORDER-RADIUS: 	7px 7px 0px 0px;
}
TD
{
    FONT-SIZE: 				small;
	padding-left: 			6px;
	padding-right: 			6px;
	BACKGROUND-COLOR:		#fff;
    vertical-align:			top;
}

/* Pictures */
.picture-normal
{
	MARGIN:					8px;
	PADDING:				8px;
}
.picture-right
{
	MARGIN:					8px;
	PADDING:				8px;
	background-color:		#fff;
	FLOAT:					right;
}
.picture-left
{
	MARGIN:					8px;
	PADDING:				8px;
	background-color:		#fff;
	FLOAT:					left;
}
IMG.picture
{
	PADDING:				0px;
	MARGIN:					0px;
    BORDER:		      		2px solid black;
}
IMG.picture-noborder
{
    PADDING: 				5px;
    VERTICAL-ALIGN: 		top;
    BORDER-COLOR: 			#F1F1F1;
}
.picture-inline
{
	display:				inline;
    PADDING: 				5px;
    padding-top: 			0px;
    VERTICAL-ALIGN: 		top;
    BORDER-COLOR: 			#F1F1F1;
}
A.image, A.image:hover, A.image:active 
{
	BACKGROUND-COLOR: 		#F1F1F1;
}

/* Code */
.code, .history-value
{ 
    font-size: 				small;
    font-family:			"Courier New", Courier, monospace;
    color: 					black;
    margin-top:				12pt;
    margin-bottom:			6pt;
    padding:				3pt;
    padding-left:			6pt;
	border-color: 			#CFDCED;
	border-width: 			1px 1px 1px 1px;
	border-style:			solid;
    vertical-align:			top;
	background-color:		#fff;
}
.codefrag {    
    FONT-SIZE: 				small;
    FONT-WEIGHT: 			bold;
	FONT-FAMILY: 			"Courier New", Courier, monospace; 
}
.keyboard 
{ 
    FONT-SIZE: 				small;
	FONT-FAMILY: 			"Courier New", Courier, monospace; 
    COLOR: 					black;
    BACKGROUND-COLOR: 		#e5dfd5;
	border-color: 			black; 
	border-style: 			solid; 
	border-top-width:    	1px;
	border-left-width:  	1px;
	border-bottom-width:	2px;
	border-right-width:  	2px;
	padding-right: 			1mm;
	padding-left: 			1mm;
}

/* Stable classes */
.element
{
	PADDING-TOP:		0px;
	PADDING-BOTTOM:		10px;
	LINE-HEIGHT: 		120%;
}
ABBR, ACRONYM
{
    BORDER-BOTTOM: 			gray 1px dashed;
}
.strong
{
    FONT-WEIGHT: 			bold;
}
.inline
{
	DISPLAY:				inline;
}
.hide
{
	DISPLAY:				none;
}
.legend
{
    FONT-SIZE: 				small;
    MARGIN:					0px 3px;
    
}
#search
{
     TEXT-ALIGN:        left;
	 MARGIN-TOP:	    -32px;
     PADDING-BOTTOM:	10px;
     PADDING-LEFT:	 	17%;
}     
.google-search IMG
{
     PADDING-TOP:		0px;
     BORDER:         	0px solid;
}

* html .text, .textBold { FONT-SIZE: 95%; }
* html .code { FONT-SIZE: 60%; }
* html .title, .head { FONT-SIZE: 100%; }