/* ----------------------------------------------- *\
    Copyright © 2004 Gaelstorm Software Solutions
    All Rights Reserved
    www.gaelstorm.com

	HTML ELEMENT STYLES
\* ----------------------------------------------- */

	HTML, BODY {
		scrollbar-arrow-color		: #c4c0dc;
		scrollbar-track-color		: white; 
		scrollbar-face-color		: white;
		scrollbar-highlight-color	: white;
		scrollbar-3dlight-color		: #c4c0dc;	
		scrollbar-shadow-color		: #c4c0dc;
		scrollbar-darkshadow-color	: white;
	}
	H1, #sidebar H1 {
		background-color: #685ea2;
		color: white;
		text-align: right;
		line-height	: 21px; 
		font-size	: 11px;
		padding		: 4px 15px 2px 10px;
		border-bottom	: solid 1px #2d255b; 
		text-transform: uppercase;	
	}
	H2 {
		border-bottom: solid 1px #685ea2;
		color: #685ea2;
		font-size	: 110%;
		padding		: 0px 0px 3px 0px;
	}
	H3 { 
		color: #685ea2;
		text-align: right;
	}
	
	A:active   { color: #3E3382; }
	A:link     { color: #685ea2; }
	A:visited  { color: #685ea2; }
	A          { color: #685ea2; }
	A:hover    { color: #3E3382; }
	
	STRONG { color: black; font-weight: bold }

	INPUT, SELECT, TEXTAREA, BUTTON { 
		border: solid 1px #685ea2; 
		font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif; 
		font-size: 11px; 
		padding-left: 3px;
		margin-top: 3px;
		background-color: White;
		color: #3E3382;	
	}
	
	INPUT {		
		width: 150px;
		voice-family: "\"}\""; voice-family: inherit;  
		width: 145px; 
		} html>body INPUT {				
		width: 145px; 
	}
	TEXTAREA {		
		width: 150px;
		voice-family: "\"}\""; voice-family: inherit;  
		width: 145px; 
		} html>body TEXTAREA {				
		width: 145px; 
	}
	BUTTON {		
		width: 100px;
		text-align: left;
		voice-family: "\"}\""; voice-family: inherit;  
		width: 95px; 
		} html>body BUTTON {				
		width: 95px; 
	}
	
	.shortField	{ width: 100px; }

	
/* ----------------------------------------------- *\
)   HEADER ELEMENTS                                 (
\* ----------------------------------------------- */
	
	#banner {
		width	: auto;		height	: 95px;
		padding	: 15px 10px 0px 80px;
		background-position: 0px 87px;
		border-style: none;
		color: #3E3382; 
		background-image:url(images/heading_edge.gif);
		
		voice-family: "\"}\""; voice-family: inherit;  
		width: auto; height: 80px;			
		} html>body #banner {				
		width: auto; height: 80px;
	}
	
	.logo { 
		top: 10px; left: 10px; 
		background-image:url(images/logo.gif); 
	}
	
	#graphic { 
		top: 6px; right: 0px; 
		width: 119px;
		background-image:url(images/graphic.gif); 
	}
	
	
/* ----------------------------------------------- *\
)   SIDE COLUMNS                                    (
\* ----------------------------------------------- */

	#menuEx  { 
		width: 160px;
		border: solid 1px white;
		border-right-style: none;
		background-color: #685ea2; 
		background-image: url(images/menu_purpwhite.gif);	
		background-position: 142px 0px;	
		position: static;
		height: auto;
	}
	#menuEx A:active	{ color: white; }
	#menuEx A:link		{ color: white; }
	#menuEx A:visited	{ color: white; }
	#menuEx A			{ 
		background-color: #3E3382; 
		background-image: url(images/menu_edge.gif);	
		background-position: 142px 0px;	
		color			: white;	
		line-height		: 21px; 
		padding			: 4px 20px 3px 10px;
		font-size		: 11px;
		font-family		: arial, tahoma, verdana, helvetica, geneva, sans-serif; 
		text-transform	: uppercase;
	}
	#menuEx A:hover		{ background-color: #463A92; color: #FFFFFF; margin-left: 1px; border-left: solid 2px #FCDE5C; padding-left: 8px}

	/* Set DIV description formats, but default them to invisible,   */
	/* because we plan to use javascript descriptions for this theme */
	#menuEx DIV { 
		padding: 6px 22px 12px 10px; 
		color: #EEEEEE; 
		border-top: solid 1px #EEEEEE; 
		border-bottom: solid 1px #EEEEEE; 
	}
		
	#menuEx .topItem	{ background-image: url(images/menu_navypurp.gif); }
	#menuEx .topItem A:hover { background-image: url(images/menu_navypurp.gif); }
	#menuEx .bottomItem { border-bottom-style: none; }

	#sidebar { 
		border-top: solid 1px white; 
		height : auto;
		position: static;
		background-color: #FFFFFF; 
	}
	#sidebar H1 { color: #685ea2; }
	

/* ----------------------------------------------- *\
)   PAGE ELEMENTS                                   (
\* ----------------------------------------------- */

	.page	{ border: solid 1px white; background-color: white; margin: 0px;}
	.content { padding: 15px; height: auto; }
	html>body .content {
		height: auto;
	}
	
	.label	{ font-size: 87%; }
	.inputForm .mandatory { color: #CC0000; padding-top: 7px; }
	.inputForm .label	{ padding: 4px 10px 0px 5px; }
	
	


/* ----------------------------------------------- *\
)   FOOTER ELEMENTS                                 (
\* ----------------------------------------------- */

	#footer	{ 
		border-color: white;	
		color: #685ea2; 
		background-image:url(images/heading_edge.gif);
	}
	#footer A:active	{ color: #000000;}
	#footer A:link		{ color: #685ea2;}
	#footer A:visited	{ color: #685ea2;}
	#footer A			{ color: #685ea2;}
	#footer A:hover		{ color: #000000;}
	#footer .footnote, #footer .copyright {	padding-top: 15px; }

	/* \ Finally, use this commented backslash hack if you need to recover from macIE5 workarounds - it will ignore any rules listed after this line: */