/* Default CSS Document */

															/** BODY ELEMENTS **/
* {
	margin: 0;
	padding: 0;
	}
	
	body {
		color: #333;
		background-color: #fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		line-height:130%;
		}

h1 {
	color: #ff5b00;
	font-size: 150%;
	margin: 1em 0 0.5em 0;
	padding: 0px;
	}
h2 {
	color: #333;
	margin: 3px 0px 3px 0px;
	padding: 6px 0px;
	font-size: 70%;
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	background-color:#F2F1EF;
	text-indent: 5px;
	}
h3 {
	color: #333;
	font-size:90%;
	line-height: 1.5em;
	}
h4	{
	color:#330000;
	background-color:#ffcc99;
	text-align:center;
	font-size:100%;
	padding:8px 0px 8px 0px;
	}
h5	{
	color:#669;
	font-size:90%;
	text-align:left;
	margin-left:4px;
	margin-top:20px;
	margin-bottom:-18px;
	}

.marginzero{text-align:center;}


															/** MAIN CONTAINERS **/

/* Sitewrap */

#sitewrap{
	margin:0.8em auto;
	width:90%;
	}
	

/* Header */

#header {
	margin:0;
	padding:0.1em 0em;
	background: #FF5C00 left bottom url('../images/mastbg.gif') repeat-x;
	width:100%;
	-webkit-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px 8px 0px 0px;	
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	}
#header p{
	clear:both;
	margin:0em 0em 1.4em 1.2em;
	color:#000;
	font-size: 75%;
	}
#header img{
	border:0px;
	float:left;
	margin:1.2em 0em 0.3em 1em;
	width:auto;
	}
	
	
/* Header Details */

#header_details{
	margin: 0.6em 0em 2.4em 0em;
	width: auto;
	border-top: 1px solid #e0e0e0;
	font-size:70%; 
	color:#666666;
	}

.textsize{
	float:right;
	margin:0.3em 0em 0em 0em;
	cursor:default;
	}
.textsize_active{
	padding:0.2em 0.4em;
	background-color:#FF5B00;
	color:#fff;
	font-weight:bold;
	font-size:80%;
	}
.textsize_medium{
	padding:0.2em 0.4em;
	background-color:#F2F1EF;
	color:#333;
	font-weight:normal;
	font-size:100%;
	}
.textsize_large{
	padding:0.2em 0.4em;
	background-color:#F2F1EF;
	color:#333;
	font-weight:normal;
	font-size:110%;
	}
	

/* Content */

#content{
	margin:0;
	padding:0;
	width:100%;
	}
#content p{
	color:#333;
	margin-top:14px;
	margin-bottom:14px;
	}
#content h6{
	color:#669;
	font-size:100%;
	}
#content p{font-size:80%;}

.paragraph ul{font-size:80%; color:#333; margin-left:34px;}
.paragraph ol{font-size:80%; color:#333; margin-left:34px;}


/* Columns */

#columone{
	width:60%;
	margin:auto;
	}
#columtwo{
	width: 17%;
	float: right;
	}
#columthree{
	width: 17%;
	float:left;
	}	


/* Columns - extra styles */

#columtwo img{
	margin: 20px 0px;
	}	
.columtwo_holder{
	margin: 20px 0px 0px 0px;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.columtwo_holder h2 {
	color:#333;
	font-size:0.8em;
	border:1px solid #e0e0e0;
	-webkit-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px 8px 0px 0px;	
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	padding: 0.5em 10px 0.4em 10px;
	}
.columtwo_holder2{
	margin: 0;
	padding:0;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.columtwo_holder2 h2 {
	color:#333;
	font-size:0.8em;
	background-image:url(../images/h2_gradient.gif);
	border:0;
	-webkit-border-radius: 8px 8px 0px 0px;
	-khtml-border-radius: 8px 8px 0px 0px;	
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	border-bottom:1px solid #e0e0e0;
	padding: 10px;
	margin:0;
	}	
.columthree_holder{
	margin: 0;
	border:1px solid #E0E0E0;background:#FF5C01;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.columthree_holder h2 {
	color:#fff;
	font-size:0.9em;
	background:none;
	border:0;
	padding: 0.2em 10px 0.2em 10px;
	}

/*Demo Navigation*/

.demo_nav_holder ul{
	list-style-type:none;
	font-size:80%;
	}
.demo_nav_holder ul li span{
	font-size:82%;
	font-weight:bold;
	padding:0.3em 0em 0.3em 1em;
	display:block;
	border-bottom:1px solid #ddd;
	color:#FF5B00;
	}
.demo_nav_holder ul li span:hover{
	background-color:#f0f0f0;
	cursor:pointer;
	}
.demo_nav_holder ul li li span{
	font-size:100%;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	color:#333;
	padding:0.1em 0em 0.1em 2em;
	}
.demo_nav_holder ul li li span:hover{
	background-color:#f9f9f9;
	cursor:pointer;
	}
.demo_nav_holder ul li li li span{
	font-size:120%;
	border-bottom:0;
	padding:0.2em 0em 0.2em 1.6em;
	}
.demo_nav_holder ul li li li a{
	display:block;
	}	
.demo_nav_holder ul li li li span:hover{
	background-color:#f0f0f0;
	}
.demo_nav_holder ul ul ul{
	border-bottom:1px solid #ddd;
	background-image: url(../images/demonav_grad.gif);
	background-position:bottom; background-repeat:repeat-x;
	}
.demo_nav_holder ul li.collapsable span.demonavlisttitle{
	background-color:#f0f0f0;
	}
.demo_nav_holder ul li li.collapsable span.demonavlistsubtitle{
	background-color:#f9f9f9;
	}
.demo_nav_sub .hitarea {
	background-image:url(../images/bullets/demonav_arrow.gif); background-position:0 0; background-repeat:no-repeat;
	height: 12px;
	width: 12px;
	margin-left: 1em;
	margin-top: 0.8em;
	float: left;
	cursor: pointer;
}
.demo_nav_sub .collapsable-hitarea {
	background-image:url(../images/bullets/demonav_arrowdown.gif); background-position:0 0; background-repeat:no-repeat;
	height: 12px;
	width: 12px;
	margin-left: 1em;
	margin-top: 0.8em;
	float: left;
	cursor: pointer;
}


/* Footer */

#bottomnav{background-color:#669; background-image:url(../images/bg4.jpg); background-position:50% 50%; background-repeat:repeat; margin-top:10px; margin-bottom:10px; width:100%; font-size:80%; text-align:center;}

#bottomnav ul{padding-top:6px; padding-bottom:6px;}

#bottomnavlist li
	{
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	}
div#footer {
	clear: both;
	}
#sitefooter{
	margin-top: 1.5em;
	padding-top:1.5em;
	border-top:1px solid #ccc;
	color:#333;
	font-size:80%;
	text-align:center;
	}
	

/* Links */

#columtwo a, a:link, a:visited{color:#FF5B00; text-decoration:none; border:0}
#columtwo a:hover{color:#FF5B00; text-decoration:underline;}
#columtwo a:focus{color:#BF4400; background-color:#FFFFCC;}
		



	
.helpbox{margin-top:-4px; padding:1px 10px 1px 10px;}
.navbox{margin-top:-4px;}

.helpbox_sponsor{padding:1px 10px 1px 10px; font-size:80%;}

.helpbox ul{ padding-left:20px; font-size:80%;}

.helpbox table{width:100%; text-align:center;}
.helpbox td{width:50%;}

.helpbox img:hover{
opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=50); /* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
-khtml-opacity: .50; /* Safari 1.x */
-moz-opacity: .50; /* FF lt 1.5, Netscape */}
	

.introsection{font-size:80%;}
.introsection table{width:100%;}
.introsection table td{width:50%; padding:4px; border-bottom:1px solid #e0e0e0;}
.introsection_head{background-color:#E0E0E0; font-weight:bold; font-size:80%; padding:4px;}	

.greyline{
	border-bottom: 1px solid #e0e0e0;
	margin: 5px 12px 0px 0px;}

.greyline_form{
	border-bottom: 1px solid #e0e0e0;
	margin: 10px 0px 10px 0px;}
	
.form_bottom_padding{padding-bottom:10px;}	



.summarylinks{font-size:80%;}
.summarylinks table{width:100%;}
.summarylinks table td{padding:4px; background-color:#e0e0e0; border-bottom:1px solid #fff;}

.summarylinks_head{border-bottom:1px solid #fff;}

		
		.datatable table th{border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding:2px; background-color:#EEEEEE; font-size:70%; text-align:left;}
.datatable table td{border-bottom: 1px solid #e0e0e0; padding:2px; font-size:80%;}


.orange{color:#FF9900;}
.greyfont{color:#999;}


.formtable{margin-top:20px;}
.formtable table{font-size:80%; width:100%;}
.formtable table td{border-bottom: 1px solid #e0e0e0; padding-top:8px;}
.formborder{border:1px solid #6699cc;}

.formtable input{border:1px solid #7F9DB9;}
.formtable select{border:1px solid #7F9DB9;}
.formtable textarea{border:1px solid #7F9DB9; overflow:auto; width:100%;}

.formtable input:focus{background-color:#ffc;}
.formtable select:focus{background-color:#ffc;}
.formtable textarea:focus{background-color:#ffc;}

.content_table input{border:1px solid #7F9DB9;}
.content_table select{border:1px solid #7F9DB9;}
.content_table textarea{border:1px solid #7F9DB9; overflow:auto; width:100%;}

.content_table input:focus{background-color:#ffc;}
.content_table select:focus{background-color:#ffc;}
.content_table textarea:focus{background-color:#ffc;}

.content_table2 input{border:1px solid #7F9DB9;}
.content_table2 select{border:1px solid #7F9DB9;}
.content_table2 textarea{border:1px solid #7F9DB9; overflow:auto; width:90%;}

.content_table2 input:focus{background-color:#ffc;}
.content_table2 select:focus{background-color:#ffc;}
.content_table2 textarea:focus{background-color:#ffc;}


.rightalign{text-align:right;}
.leftalign{text-align:left;}

.formbuttons table{width:99%;}
.formbuttons table td{width:33%;}


.greyhead{background-color:#f2f1ef; padding:4px;}
.smallbox{width:20px;}

.textarea_padding{margin:8px;}

.greybackground{background-color:#f2f1ef;}

.helpbox{ padding:10px;}

.smallfont{font-size:60%; }

.headingnav{font-size:90%; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.headingnav2{font-size:70% !important; text-align:center; border:1px solid #ccc; color:#666 !important; text-transform:uppercase; margin-top:-1px !important; background-color:#f9f9f9; font-weight:bold;}


.nobordertop{border-top:none;}
.noborderbottom{border-bottom:none;}



.content_table{ font-size:80%;}

.content_table td {
border: 1px solid #f2f1ef;
padding: 4px;
text-align:left;
}

.content_table th {
border: 1px solid #e0e0e0;
text-align:left;
padding: 4px;
background-color:#f2f1ef;}


.content_table2{ font-size:80%;}

.content_table2 td {
border-bottom: 1px solid #f2f1ef;
padding: 4px;
text-align:left;
}

.content_table2 th {
border: 1px solid #e0e0e0;
text-align:left;
padding: 4px;
background-color:#f2f1ef;}


#viewmessagetable table{
	border-top:1px solid #f2f1ef;
	border-bottom:1px solid #f2f1ef;
	font-size:80%;
}

#viewmessagetable table td {
padding: 4px;
}


															/** LISTS **/



#wrap1{padding:4px; text-align:center;}


 /** Declaration for rolloverimage1 selector **/ 

a.rolloverimage1 { display: block; width: 140px; height: 44px; background: url(../images/home.png) no-repeat 0 0; overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
border:1px solid #333; }  


a:visited.rolloverimage1 {background-position: 0 0; border:1px solid #333; }
a:link.rolloverimage1 {background-position: 0 0; border:1px solid #333; }  
 a:hover.rolloverimage1 {background-position: 0 -44px; border:1px solid #333; }  
a:active.rolloverimage1 {background-position: 0 -44px; border:1px solid #333;}
a:focus.rolloverimage1 {background-position: 0 -44px; border:1px solid #fff;}  




 /** Declaration for rolloverimage2 selector **/  

a.rolloverimage2 { display: block; width: 170px; height: 44px; background: url(../images/portfolio.png) no-repeat 0 0; overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
border:1px solid #333;} 

a:visited.rolloverimage2 {background-position: 0 0; border:1px solid #333; }
a:link.rolloverimage2 {background-position: 0 0; border:1px solid #333; }  
 a:hover.rolloverimage2 {background-position: 0 -44px; border:1px solid #333; }  
a:active.rolloverimage2 {background-position: 0 -44px; border:1px solid #333;}  
a:focus.rolloverimage2 {background-position: 0 -44px; border:1px solid #fff;}  



 /** Declaration for rolloverimage3 selector **/  

a.rolloverimage3 { display: block; width: 170px; height: 44px; background: url(../images/aboutme.png) no-repeat 0 0; overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
border:1px solid #333; }  

a:visited.rolloverimage3 {background-position: 0 0; border:1px solid #333;}
a:link.rolloverimage3 {background-position: 0 0; border:1px solid #333;}  
 a:hover.rolloverimage3 {background-position: 0 -44px; border:1px solid #333;}  
a:active.rolloverimage3 {background-position: 0 -44px; border:1px solid #333;}  
a:focus.rolloverimage3 {background-position: 0 -44px; border:1px solid #fff;}




 /** Declaration for rolloverimage4 selector **/  

a.rolloverimage4 { display: block; width: 140px; height: 44px; background: url(../images/contact.png) no-repeat 0 0; overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
border:1px solid #333;}  

a:visited.rolloverimage4 {background-position: 0 0; border:1px solid #333;}
a:link.rolloverimage4 {background-position: 0 0; border:1px solid #333;}  
 a:hover.rolloverimage4 {background-position: 0 -44px; border:1px solid #333;}  
a:active.rolloverimage4 {background-position: 0 -44px; border:1px solid #333;}  
a:focus.rolloverimage4 {background-position: 0 -44px; border:1px solid #fff;}





 /** Declaration for rolloverimage5 selector **/  

a.rolloverimage5 { display: block; width: 92px; height: 26px; background: url(../images/contact2.jpg) no-repeat 0 0; overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;
border:1px solid #333; }  

a:visited.rolloverimage5 {background-position: 0 0; border:1px solid #333;} 
a:link.rolloverimage5 {background-position: 0 0; border:1px solid #333;} 
 a:hover.rolloverimage5 {background-position: 0 -26px; border:1px solid #333;}  
a:active.rolloverimage5 {background-position: 0 -26px; border:1px solid #333;}  
a:focus.rolloverimage5 {background-position: 0 -26px; border:1px solid #fff;}



ul.cp_lhs_nav {
	font-size:80%;
	list-style-type:none;
 	padding-left: 6px;
 	margin: 0;
	background-color: #f2f1ef;
	text-indent: 0px;
	}

ul.cp_lhs_nav li {
	list-style-type:none;
    display: block;
	border-bottom:1px solid #fff;
	padding-left: 14px;
	background-image: url(../images/bullets/dg_orange_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

ul.cp_lhs_nav li a {text-indent: 0px; padding:0.6em 0em; display:block; line-height:110%; color:#333; text-decoration: none;
border:0;}

ul.cp_lhs_nav li a:link {text-indent: 0px; padding:0.6em 0em; display:block; line-height:110%; color:#333; text-decoration: none;
border:0;}
ul.cp_lhs_nav li a:visited {text-indent: 0px; padding:0.6em 0em; display:block; line-height:110%; color:#333; text-decoration: none; border:0;}
	
ul.cp_lhs_nav li a:hover {text-decoration:underline; border:0;}

ul.cp_lhs_nav li a:focus {text-indent: 0px; padding:0.6em 0em; display:block; line-height:110%; color:#333; text-decoration: none;
border:0; background-color:#ffc;}


															/** TYPOGRAPHY **/
.x {
	display: none;
	}
	
	.welcomebox{width:500px; font-size:120%; padding-top:20px; margin:auto;}
	.welcometext{margin-top:20px; text-align:left;}
	
.welcometext a {color:#FF5B00; text-decoration:none; border:0;}
.welcometext a:link{color:#FF5B00; text-decoration:none; border:0;}
.welcometext a:visited{color:#FF5B00; text-decoration:none; border:0;}
.welcometext a:hover{color:#FF5B00; text-decoration:underline; border:0;}
.welcometext a:focus{color:#BF4400; background-color:#ffc;}

.paragraph{margin-top:10px; margin-bottom:20px;}

.paragraph a{color:#FF5B00; text-decoration:none; border:0;}
.paragraph a:link{color:#FF5B00; text-decoration:none; border:0;}
.paragraph a:visited{color:#FF5B00; text-decoration:none; border:0;}
.paragraph a:hover{color:#FF5B00; text-decoration:underline; border:0;}
.paragraph a:focus{color:#BF4400; background-color:#ffc;}


.bottomsitelinks{width:100%; margin:0 auto;}
.bottomsitelinks a{color:#fff; text-decoration:none; border:1px solid #99c;}
.bottomsitelinks a:hover{color:#fff; text-decoration:underline;}


.title{font-size:90%; font-weight:bold; border-bottom:1px solid #FF5B00; border-top:1px solid #FF5B00;}


.sfe_logo_columtwo h2{ text-align:left;}
.sfe_logo_columtwo{ text-align:center;}



.disabledlink{cursor:default;}

.orangearrowbullet{list-style-type:none; background-image:url(../images/bullets/dg_orange_arrow_big.gif); background-position:0% 50%; background-repeat:no-repeat; padding-left:20px; padding-top:2px; padding-bottom:2px; margin-left:-10px;}

.orangearrowbullet2{list-style-type:none; background-image:url(../images/bullets/dg_orange_arrow.jpg); background-position:0% 50%; background-repeat:no-repeat; padding-left:20px; padding-top:2px; padding-bottom:2px; margin-left:-10px;}


/* Tooltips */

a.tooltip, a.tooltip:link, a.tooltip:visited{
	color:#999;
	border-bottom:1px dotted #999;
	font-weight:bold;
	cursor:help;
	}
a.tooltip:hover{
	background:#ffffff; /*BG color is a must for IE6*/
	text-decoration:none;
	color:#666;
	cursor:help;
	}
a.tooltip span{
	display:none;
	padding:0.5em;
	margin-left:1em;
	width:200px;
	font-weight:normal;
	cursor:help;
	}
a.tooltip:hover span{
	display:inline;
	position:absolute;
	background:#ffc;
	border:1px solid #cccccc;
	color:#666;
	cursor:help;
	-moz-background-clip:padding;
	border:6px solid rgba(0, 0, 0, 0.2);
	}
.tooltip_image{
	vertical-align:middle;
	border:none;
	}



.ui-autocomplete{font-size:70%; border:1px solid #999; width:260px; overflow-y:scroll; overflow-x:hidden; max-height:300px; }
.ui-autocomplete li{list-style-type:none; border-bottom:1px solid #ccc;}
.ui-autocomplete li a{display:block; background-color:#f1f1f1; padding:0.3em;}
.ui-autocomplete li a:hover, .ui-autocomplete li a:focus{background-color:#ffc; cursor:pointer;}

.search_form{margin:auto; padding:1em;}
#jse_search_Form{margin:0; padding:0;}
#search{padding:0.3em; border:1px solid #ccc; margin:0; float:left;}
#search:focus{border:1px solid #FF5B00;}
#search_button{margin-left:1em;}

.search_results{background-color:#FF0; font-weight:bold;}


/* Help (show-hide) */

#flames, #flames2, #flames3, #flames4, #flames5, #flames6, #flames7, #flames8, #flames9, #flames10, #flames11, #flames12, #flames13, #flames14, #flames15, #flames16, #flames17, #flames18, #flames19, #flames20, #flames21, #flames22, #flames23, #flames24, #flames25, #flames26, #flames27, #flames28 {
	border: 1px solid #E0E0E0;
	padding: 0.5em;
	background-color:#f9f9f9;
	margin: 0.5em;
	}

													/** FORMS **/
* { }




															/** END **/