html,body{
	margin:0;
	padding:0;
	 
	
	behavior: url(inc/csshover.htc);
	}

body{
	font: 76% 'Comic Sans MS', Helvetica, Arial, sans-serif;
	background: url(images/body-bg.png) repeat-x;
	color: #666666;
	text-align:center;
	}



ul {
	
	line-height: 1.5em;
	list-style-type: square;
	
	}


img {
	behavior: url("inc/pngbehavior.htc");
	border: 0px;
	}
	
h1{
	font-smooth:true;
	color: #104366;
	letter-spacing: -.1em;
	background:transparent;
	}

h2{
	
	text-transform: uppercase;
	color: #336699;
	font-smooth:true;
	}

	
h3{
	font-smooth:true;
	font-size: larger;
	letter-spacing: -.1em;
	color: #336699;
	padding-left: 15px;
	background:url(images/arrow_right.gif) left no-repeat;
	}



div#backtotop{
	font-size: smaller;
	font: bolder'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	text-align:right;
	}

p.blue{
	
	padding-left: 15px;
	
	}
	
.highlight {
	margin: 15px;
	padding: 8px; 
	color: #336699;
	border: 1px dashed #cccccc;
	}

a{
	color: #484848;  
	text-decoration: none;
	
	padding-bottom: 3px;
	
	background: url(images/dot_grey.gif) repeat-x bottom;
	}


a:hover {
	color: #487CAF;  
	background: none;
	}

div#header{	
	vertical-align:sub	;
	height: 275px;
	}



div#container{
	width: 760px;
	text-align:left;
	margin:0 auto;
	margin-bottom: 5px;
	}

div#content{
	float:left;
	background: url(images/content.png) top right no-repeat ;
	padding-right:10px;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom:50px;
	width: 525px;
	
}

div#content p{
	line-height: 1.5em;
	padding-right: 5px;
	}


	
div#wrapper{
	
	
	}

div#navigation{
	float:right;
	padding-bottom:10px;
	width: 215px;
	}

div#extra{
	float:right;
	color: #ffffff;
	clear: right;
	width: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	}



div#extra a{
	
	color: #ffffff;
	
	text-decoration: none;
	}



div#extra a:hover{
	
	color: #ffffff;
	
	text-decoration: underline;
	}

div#footer{
	clear:both;
	border-top: 1px dashed #f0f0f0;
	min-height: 100px;
	width:100%;
	padding-bottom:10px;
	}
	
div#footer a {
	color: #cccccc;
	text-decoration: underline;
	background: none;
	}
	
div#footer a:hover {
	text-decoration: none;
	}


div#footer p{
	color: #cccccc;
	margin:0;
	font:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: smaller;
	text-align: center;
	padding-top:10px;
	}


	
	
/******* Fieldset *********/



	fieldset {
	margin-top: 20px;
	}

fieldset a {
	color: #ffffff;
	}

legend {
  	padding: 0.2em 0.5em;
  	font: normal 1.6em serif;
  	text-align:right;
  	}

/******* End Fieldset *********/


	
	
	/*-----Images -------*/

	
div.figure {
	
	background: url(images/a33.gif) repeat-x ;
	float:right;
	
	border-left: 1px solid #e7e7e7;

	border-right: 1px solid #e7e7e7;

	border-bottom: 1px solid #e7e7e7;

	margin-top: 3px;
	
	margin-bottom: 3px;
		
	margin-left: 5px;
	
	padding: 0.5em;
	
	}


	
div.figure p {
	
	text-align: left;
	
	font-size: smaller;
	
	text-indent: 0;

	}
	

div.figure_l {

	background: url(images/a33.gif) repeat-x ;
	float:left;
	
	border-left: 1px solid #e7e7e7;

	border-right: 1px solid #e7e7e7;

	border-bottom: 1px solid #e7e7e7;

	margin-top: 3px;
	
	margin-bottom: 3px;
		
	margin-right: 5px;
	
	padding: 0.5em;
	
	}



div.figure_l p {
	
	text-align: left;
	
	font-size: smaller;
	
	text-indent: 0;

	}


/*-----Vertical Menu----- */




#menu dl{
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #F0F0F0;

	
	}



#menu dt{
	
	margin: 0;
	
	padding: 0;
	
	list-style-type: none;
	
	}



#menu dd{
	
	margin: 0;
	
	padding: 0;
	
	list-style-type: none;
	
	border-bottom: 1px solid #F0F0F0;

	}



#menu ul{
	
	margin: 0;
	
	padding: 0;
	
	list-style-type: none;
	
	}


#menu li {
	
	margin: 0;
	
	padding: 0;
	
	list-style-type: none;
	
	}




#menu {
	
	position: relative;
	
	padding-left: 8px;

	
	top: 0;
	
	left: 0;
	
	list-style-type: none;
	
	}



dl#menu {
	
	width: auto;
	
	
	}


	
dl#menu dt {
	
	cursor: pointer;
	
	margin: 0px;
	margin-left: 8px;
	
	padding-top: 0px;
	
	padding-bottom: 4px;
	height: 20px;
	
	line-height: 20px;
	
	text-align: left;
	
	padding-left: 15px;
	
	font-weight: bold;
	
	border-bottom: 1px dashed #F0F0F0;
	background:url(images/arrow_right.gif) left no-repeat;
	
	}



dl#menu dt:hover {
	
	color: #336699;
	
	
	}



dl#menu dd {	
	
	
	}


	
	
dl#menu li {
	
	text-align: left;
	
	padding-left: 15px;
	
	}



dl#menu li a, dl#menu dt a {
	
	background: none;
	
	text-decoration: none;	
	
	display: block;
	
	border: 0 none;
	
	height: 100%;
	
	padding-top: 2px;
	
	padding-bottom: 2px;
	
	color: #666666;
	
	}




dl#menu li:hover, dl#menu dt a:hover {
	
	color: #336699;
	
	}


	
dl#menu li a{
	
	padding-left: 8px;

	font-size: 11px;
	background:url(images/arrow_right.gif) left no-repeat;
	
	}



dl#menu li a:hover{
	
	color: #336699;
	
	padding-left: 8px;
		
	}

/*------- Green Box Section ------*/

.box_green {
	
	font-size: smaller;
	
	color: #ffffff;
	
	margin-bottom: 5px;
	
	background: #85C329 url(images/img04.gif) repeat-x;	
	}



.box_green p  {
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px;
	
	background: url(images/corner_lc.gif) 
	bottom left no-repeat;
	
	}


	
.box_green a {

	border-bottom: none;
	color: #484848;  
	text-decoration: none;
		
	background: url(images/blank.gif) repeat-x bottom;
}

.box_green h1 {
	
	font-size: small;

	letter-spacing: -.1em;
	margin: 0px;
	
	padding-top: 10px;
	
	padding-left: 10px;
	
	color: #fffff;
	
	background: url(images/corner.gif) top right no-repeat;
	
	}


	
	
.box_green_break {
	
	background: url(images/green_seperator.gif) repeat-x;
	}
	
/*------- Orange Box Section ------*/

.box_orange {
	
	font-size: smaller;
	
	color: #ffffff;
	
	margin-bottom: 5px;
	
	background: #FF9523 url(images/img10.gif) repeat-x;
	}



.box_orange p  {
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px;
	
	background: url(images/corner_lc.gif) 
	bottom left no-repeat;
	
	}



.box_orange h1 {
	
	font-size: small;

	letter-spacing: -.1em;
	margin: 0px;
	
	padding-top: 10px;
	
	padding-left: 10px;
	
	color: #fffff;
	
	background: url(images/corner.gif) top right no-repeat;
	
	}





/*------- Blue Box Section ----------*/




.box_blue {
	
	font-size: smaller;
	
	color: #ffffff;
	
	margin-bottom: 5px;
	
	background: #4096ee url(images/img06.gif) repeat-x;	
	}



.box_blue p  {
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px;
	
	background: url(images/corner_lc.gif) bottom left no-repeat;
	
	}



.box_blue h1 {
	
	font-size: small;
	letter-spacing: -.1em;
	margin: 0px;
	
	padding-top: 10px;
	
	padding-left: 10px;
	
	color: #fffff;
	
	background: url(images/corner.gif) top right no-repeat;
	
	}




	
	

/*------- Grey Box Section ----------*/




.box_grey {
	
	font-size: smaller;
	
	color: #484848;
	
	margin-bottom: 5px;
	
	background: url(images/img05.gif) no-repeat;	
	}



.box_grey p  {
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px;
	
	background: url(images/corner_lc.gif) bottom left no-repeat;
	
	}



.box_grey h1 {
	
	font-size: small;
	letter-spacing: -.1em;
	margin: 0px;
	
	padding-top: 10px;
	
	padding-left: 10px;
	
	color: #fffff;
	
	background: url(images/corner.gif) top right no-repeat;
	
	}


	

	/*--------------- FORM ---------------------*/


form input, form textarea, form select {
	border-right: #F0F0F0 1px solid; 	
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid; 
	border-bottom: #F0F0F0 1px solid;
	color: #666666;
	overflow: auto; 
	font: 100% 'Comic Sans MS' Helvetica, Arial, sans-serif;
	padding: 0.30em 0.30em 0.30em 0.30em;
	margin: 5px;
	}
	
form textarea {
	}

form input[type="hidden"], 
form input[type="checkbox"], 
form input[type="radio"],
form input[type="image"],
form input[type="button"]   {
	border: none;
	}

form input[type="checkbox"] {
	border: none;
	}
	
.formbutton{
	cursor:pointer;
	border:none;
	color:#104366;
	font-weight:bold;
	font-size: 12px;
	padding-left: 10px;
	background: none;
	background:url(images/arrow_grey.gif) left no-repeat;

	}
	
.formbutton:hover{
	color:#666666;
	}

/*--------------- FORM ---------------------*/




/*------ TABs ---------*/


.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font:			Menu;
	cursor:			Default;
	display:		inline;
	margin:			1px -1px 1px 2px;
	float:			left;
	padding:		2px 5px 3px 5px;
	background:		ActiveBorder;
	border:			0;/* 1px solid; */

	border-bottom:	0;
	z-index:		1;
	white-space:	nowrap;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	z-index:		3;
	padding:		2px 6px 4px 6px;
	margin:			1px -3px -3px 0px;
	top:			-2px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				Menu;
	color:				WindowText;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	background:	Highlight;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	z-index:		2;
	position:		relative;
	top:			-2px;
	font:			Message-Box;
	padding:		10px;
	
	height:			200px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}





.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;
	background: url(images/img05.gif) no-repeat;
	
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
}



.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			13px;
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(0,66,174);
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
    background: url(images/img05.gif) no-repeat;
	
	z-index:		2;
	position:		relative;
	top:			-2px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	height:			1.85em;
	width:			100%;
}

