body
{
	margin: 10px; 
	padding: 0px;
	border: 0px;
	text-align:center;

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;

	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

h1
{
	font-size: medium;
	color: #333399;
	margin-top: 0px;
	margin-bottom: 6px;
	font-weight: bold;

}

h2
{

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333399;
	margin-top: 0px;
	margin-bottom: 1px;
	font-weight: bold;
}

h3
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333399;
	margin-top: 0px;
	margin-bottom: 3px;
	font-style: italic;

}

p
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px 0px 12px;
}

a
{
	color: #333399;
	text-decoration:none;
}

a:hover
{
	color: #3333cc;
	text-decoration: underline;
}

ul
{
	font-size: small;
}

li
{
	margin: 0px 0px 5px 0px;
}

div.container
{
	width: 750px;
	text-align: left;
	margin: 0;
	padding: 0;
}

div.leftcolumn
{
	display:block;
	float:left;
	width:182px;
	margin: 0;
	padding: 235px 8px 0px 10px;	
	background-image:url(images/framework-left.jpg);
	background-repeat: no-repeat;
	/*overflow:hidden;*/
}

div.rightcolumn
{
	display:block;
	float:right;
	width:550px;
	margin: 0;
	padding: 110px 0px 0px 0px;
	background-image:url(images/framework-right.jpg);	
	background-repeat: no-repeat;
	overflow:hidden;
}

div.menu
{
	width: 182px;
	float: left;
	margin: 0;
	padding: 0;
	background:url(images/menu-middle.gif);	
	font-size: medium;
}

div.menu-top
{
	width:182px;
	height:8px;
	margin: 0;
	padding: 0;
	background:url(images/menu-top.gif);	
}

div.menu-bottom
{
	width:182px;
	height:8px;
	margin: 0;
	padding: 0;
	background:url(images/menu-bottom.gif);	
}

div.quote
{
	width: 182px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	overflow:hidden;
}

div.content
{
	display:block;
	width:550px;
	margin: 0px auto -1px auto;
	padding: 0; 
	overflow:hidden;
}

/* Blogs */

div.blog
{
	display:block;
	width:100%;
	clear:both;	
	margin:0px 0px 20px 0px;
	padding: 3px 0px 5px 0px;
}

div.blog-header
{
	display:block;
	font-size:small;
	clear:both;
	padding:0;
	margin:0px 0px 10px 0px;
	color:#666666;
}

div.blog-title
{
	display:inline;
	font-weight:bold;
	padding-right:10px;
	border-bottom:solid 1px #666666;
}

div.blog-timestamp
{
	display:inline;
	font-style:italic;
	margin-right:10px;
	border-bottom:solid 1px #666666;
}

div.blog-body
{
	display:block;
	clear:both;
}

/* Forms */

TABLE.record
{
	font-size: small;
	display:block;
	width:80%;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	margin: 0 10% 0 10%;
}

TABLE.record TR TD DIV.instructions
{
	background: #eeeeee;
	margin: 10px 50px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
}

TABLE.record TR TD DIV.title 
{
    background-color:#666666;
    color:#FFFFFF;
    padding-left: 5px;
    font: bold 12px/20px   Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
}
   
TABLE.record TR TD DIV.subtitle 
{
	display:block;
	color:#666666;
	width:70%;
	border-bottom: solid 1px #cccccc;
	margin: 10px 0px 3px 0px;
}
   
TABLE.record TR TD DIV.row
{
    clear: both;
    width: 100%;
    overflow:hidden;
    padding: 3px 10px 3px 10px;
}
      
TABLE.record TR TD DIV.mandatory
{
	color: #000000;
	width: 35%;
	float: left;
	text-align: right;
}

TABLE.record TR TD DIV.optional
{
	color: #666666;
	width: 35%;
	float: left;
	text-align: right;
}

TABLE.record TR TD DIV.validator
{
	width: 5%;
	float: left;
	color: Red;	
}

TABLE.record TR TD DIV.value
{
	width: 60%; 
	float: left;
}

TABLE.record TR TD DIV.buttons
{
	display:block;
	text-align:center;
	margin: 10px 0px 10px 0px;
}
   
TABLE.record TR TD DIV.message
{
	display:block;
	width: 100%; 
	color:#000033;
	margin: 5px 10px 5px 10px;
}

INPUT.button
{
	width:100px;
}

.validation
{
	color: Red;
}


/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

 LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
    
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	/*width: 155px;*/
	width:182px;
	/*line-height: 200%;*/
	line-height: 150%; 
	/*padding: 0 0 10px 0;*/
	padding: 0;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	/*width: 155px;*/
	width:182px;
	/*border-bottom: 1px solid #CCCCCC;*/
	/*text-transform: uppercase;*/
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0 0 0 100%;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
	background: url(images/submenu.gif) repeat-y;
	/*background-color:White;*/
	/*background-position: 10px 0px;*/
	width:182px;
	border-top: solid 3px black;
	border-bottom: solid 3px black;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: -20px;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	/*width: 155px;*/
	width: 182px;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

ul.MenuBarVertical a
{
font-family:Arial, Helvetica, sans-serif;
	display: block;
	cursor: pointer;
	font-size: 80%;
	color:#0a3885;
	padding-left: 24px; padding-top: 0; 
	/*color: #333;*/
	text-decoration: none;
	/*background: url(../images/bullet_arrow.gif) no-repeat 0% 49%;*/
	background: url(images/menu-item.gif) no-repeat 0px 49%; 	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, will have greybackground and grey bullet arrow when hover */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
/*{ color:#990000; background: url(../images/bullet_arrow.gif) no-repeat 0% 49% #F5F5F5;}*/
{ color:#0a3885; background: url(images/menu-down.gif) no-repeat 0px 49%;}

ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
/*{ color:#990000;  background: url(../images/bullet_arrow.gif) no-repeat 0% 49% #F5F5F5;}*/
{ color:#0a3885;  background: url(images/menu-down.gif) no-repeat 0px 49%;}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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


ul.MenuBarVertical a.MenuBarItemSubmenu
{ }

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{ }

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		/*background: #FFF;*/
	}
}