@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	min-width: 820px;
	background: #fff url(assets/back.gif) repeat-x;
}



#wrapper {
	margin:0 auto;
	width:820px;
	text-align: left;
}

.btn {background-color:#e9e9e9; border: 1px solid #669966; margin: 0 5px 0 5px; vertical-align: bottom}

div.pageheaderline{
	font-size:14px;
	font-weight:300;
	font-color: #336699;	
    padding: 0px 0px;
	display: block;
	height:23px;
	width:500px;
	
}


p.required{
	font-size:11px;
	font-style:italic;
	font-weight:300;
	font-color: #000000;
	
}

.pageheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	color: #669966;	
    padding: 0px 0px;
	display: block;
}


.content{
	font-size:14px;
	font-weight:300;
	color: #555555;	
    padding: 0px 0px;
	display: block;
}
.content a:link{color:#669966; border:none} 
.content a:active{color:#669966}
.content a:visited{color:#669966} 
.content a:hover{color:#669966; text-decoration: none}


#box
	{
	position: relative;	
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
	padding-bottom:5px;
	text-align: left;
	width:98%;				/* <-- use this to tie width to viewport size */
	/*width: 40em;				/* <-- use this for a set width */
	}
	
#contentbox
{
/*padding for content inside box*/
padding: 1.5em;
}

#contentboxl
{
/*padding for content inside box*/
padding: 3em;
}

#contentboxh
{
/*padding for content inside box*/
	padding-top:0em;
	padding-bottom:1.5em;
	padding-left:1.5em;
	padding-right:1.5em; 
}


#contentboxhr
{
/*padding for content inside box*/
	padding-top:0em;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px; 
}

#contentboxhre
{
/*padding for content inside box*/
	padding-top:0em;
	padding-bottom:1.5em;
	padding-left:9px;
	padding-right:15px; 
}

.contentleft{
    position:relative; width:583px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:300;
	color: #555555;
	display: block;
}

.contentleft a:link{color:#669966} 
.contentleft a:active{color:#669966}
.contentleft a:visited{color:#669966} 
.contentleft a:hover{color:#669966; text-decoration: none}

.contentright{
    position:relative; width:222px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:300;
	color: #555555;
	display: block;
	overflow:hidden;
}

.contentright a:link{color:#669966} 
.contentright a:active{color:#669966}
.contentright a:visited{color:#669966} 
.contentright a:hover{color:#669966; text-decoration: none}

.contentrightre{
    position:relative; width:222px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	color: #555555;
	display: block;
	overflow:hidden;
}

.contentrightre a:link{color:#669966} 
.contentrightre a:active{color:#669966}
.contentrightre a:visited{color:#669966} 
.contentrightre a:hover{color:#669966; text-decoration: none}

div.divleft{
	position:relative;	
	width:572px;
	float:left;
	overflow:hidden;
	/*
	border:1;
	border-style:solid;
	border-color:red;
	*/


}

div.divright{
	position:relative;	
	width:210px;
	float: left;
	overflow:hidden;
	/*
	border:1;
	border-style:solid;
	border-color:green;
*/

}

.letterbegin{
	font-family:'Monotype Corsiva'; 
	font-size: 24px;
	color: #25884A;
	}

.contentsmall{
	text-decoration:none;
	font-weight:400;
	font-size:12px;
	font-weight:300;
	color: #669966;	
    padding: 0px 0px;
	display: block;
}

.contentsmall a:link{color:#669966} 
.contentsmall a:active{color:#669966}
.contentsmall a:visited{color:#669966} 
.contentsmall a:hover{color:#555555; text-decoration: none}


div.headpage{
    position:relative;top:0px;left:0px;width:804px;height:110px;z-index:2;
	/*background-color: #356AA0;*/
    border-color:blue;
    border:1;
    border-style:hidden;
	/*border-bottom: 1;
	border-bottom-color:#C3D9FF;
	border-bottom-style:hidden;
	border-bottom-width:thin;*/
	background-image:url(assets/title.png);
	background-color: transparent;
	background-repeat: no-repeat;
	
    overflow:hidden;

}

div.personal
{
    position:relative;top:0px;left:600px;width:200px;height:120px;z-index:2;
    border-color:green;
    border:1;
    border-style:hidden;
    overflow:auto;
	
}
div.menulefttab
{
    position:relative;top:0px;left:75px;width:11px;height:auto;
	float:left;
	overflow:hidden;
	z-index:1;
	
	
}


div.control{
    position: relative;top:0px;left:75px;width:640px;height:auto;z-index:1010;
	float:left;
	border:1;
	border-color:green;
	border-style:hidden;
    overflow: visible;
	
	
}
div.menurighttab
{
    position:relative;top:0px;left:75px;width:11px;height:auto;
	float:left;
	overflow:hidden;
	z-index:1;
}



div.contentarea2
{
    position:relative;top:10px;left:0px;width:804px;z-index:20;height:auto;
	float:left;
	/*
	border:1px;
	border-color:blue;
	border-style:solid;
	*/
    overflow: visible;
	
}

#mov {
	position:relative;
	left:0px;
	top:0px;
	z-index:0;
}


#hold { position:absolute; visibility:hidden; left:0; top:0 }

#show
{
	/*make frames longer than this div */
    position:absolute;top:5px;left:5px;width:794px;
	/*
    border-color:blue;
    border:1;
    border-style:solid;*/
    overflow:visible;
	
}




div.contentframe
{
    position:relative; top:5px;width:630px;left:10px;
	border-color:#CCCC99;
	border-left:solid;
	border-left-color: #CCCC99;
	border-left: 1;
	border-right:hidden;
	border-right-color: #CCCC99;
	border-right: 1;
	overflow:hidden;
    }



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('assets/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('assets/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.ContentLinkTitle{ font-family: "Times New Roman", Times, serif; background-color:#669966; font-size:15px;padding:10px 0px 10px 10px;	font-weight:300;color: #FFFFFF} 


.ContentLinkTitle a{text-decoration: none;word-spacing:-1px;} 


.ContentLinkTitle a:hover{color:#F60} 

.ContentLink{font-family:Arial, Helvetica, sans-serif;font-size:12px;  border-bottom:dashed 1px #CCCC99;padding:10px 0px 10px 10px;font-weight:300 } 


.ContentLink a{text-decoration:none;word-spacing:-1px} 

.ContentLink a:link{color:#669966} 
.ContentLink a:active{color:#669966}
.ContentLink a:visited{color:#669966} 
.ContentLink a:hover{color:#669966; text-decoration: underline;}





div.leftframe
{
    position:relative; top:5px;width:129px;
	border-color:#CCCC99;
	border-left:hidden;
	border-left-color: #CCCC99;
	border-left: 1;
	border-right:solid;
	border-right-color: #CCCC99;
	border-right: 1;
	overflow:hidden;
	
}

.LeftLinkTitle{ font-family: Arial, Helvetica, sans-serif; background-image:url(assets/btn_med.png); font-size:15px;padding:7px 0px 7px 10px;	font-weight:600;color: #FFFFFF} 


.LeftLinkTitle a{text-decoration:none;word-spacing:-1px;} 

.LeftLinkTitle a:link{color:#FFFFFF} 
.LeftLinkTitle a:active{color:#FFFFFF}
.LeftLinkTitle a:visited{color:#FFFFFF} 
.LeftLinkTitle a:hover{color:#FFFFFF; text-decoration: underline;}


.LeftLink{font-family:Arial, Helvetica, sans-serif; background-image:url(assets/btn_menu.png); font-size:13px; border-bottom:dashed 1px #CCCC99;padding:3px 0px 6px 17px;font-weight:300; color:#FFFFFF} 


.LeftLink a{text-decoration:none;word-spacing:-1px} 

.LeftLink a:link{color:#FFFFFF} 
.LeftLink a:active{color:#FFFFFF}
.LeftLink a:visited{color:#FFFFFF} 
.LeftLink a:hover{color:#FFFFFF; text-decoration: underline;}



	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc, #tlch, #trch
	{
	background-color: transparent;
	background-repeat: no-repeat;

	}

#tlc
	{
	background-image:url(assets/tlc.png);
	background-position: 0% 0%;

	}
	
#tlch
	{
	background-image:url(assets/tlch.png);
	background-position: 0% 0%;

	}


#trc
	{
	background-image:url(assets/trc.png);
	background-position: 100% 0%;
	z-index:4;

	}
	
#trch
	{
	background-image:url(assets/trch.png);
	background-position: 100% 0%;

	}
	
#blc
	{
	background-image:url(assets/blc.png);
	background-position: 0% 100%;

	}

#brc
	{
	background-image:url(assets/brc.png);
	background-position: 100% 100%;

	}

#tb, #bb, #tbh
	{
	background-color: transparent;
	background-repeat: repeat-x;

	}
			
#tb
	{
	background-image:url(assets/tb.png);
	background-position: 0% 0%;

	}

#tbh
	{
	background-image:url(assets/tbh.png);
	background-position: 0% 0%;

	}

#bb
	{
	background-image:url(assets/bb.png);
	background-position: 50% 100%;

	}
	
#rb
	{
	background-image:url(assets/r.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;

	}

#lb
	{
	background-color: #f3f2f0;
	background-image:url(assets/l.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	z-index:4;
	}
		
		

/*Horizontal bar */

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

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

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* 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 a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 12px 0px;
	color: #555555;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	font-weight:600;
	text-decoration: none;
	background-image: url(assets/greybtn.png);

}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-image:url(assets/greybtnact.png);
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FFFFFF;
}

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

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

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image:url(assets/greybtn.png)
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image:url(assets/greybtnact.png)
}


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

 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.MenuBarHorizontal 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


/*
this is the css for accordion
*/


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Arial', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}