/*  main file: sz_csswrapper_altre_2.css ...text resizing doodah*/

/***
version:		8
date:				02.09.09
brief version

/**************************************
   main, layout, and wrapper 
***************************************/	

#wrapper {
	width: 1000px; 	
	height: 100%;	
	background-image: url(../../images/homepage/bg_1000x20_1.jpg);
	margin: 0 auto;
	}
	
#login_panel {
	width:970px; 
	height:45px;
	margin:0 auto;	
	background: url(../../images/homepage/login_bg_970x45_1.jpg) no-repeat;
	}

#layout_0 {
	width:970px; 
	height:100%;
	margin:0 auto;	
	}

#layout_1 {
	width:970px; 
	height:100%;
	margin:0 auto;	
	}

#layout_2 {
	width:770px; 
	height:100%;
	margin:0 auto;	
	}

#layout_3  {
	width:770px; 
	height:100%;
	margin:0 auto;	
	}

#layout_4  {
	width:970px; 
	height:100%;
	margin:0 auto;	
	}



body {
	
	font-size: 0.7em; 
	line-height: 1.2em; 
	font-family: verdana, arial, helvetica, sans-serif; 
	margin: 0; padding: 0;
	/*font: 70%/1.5em  verdana, tahoma, arial,sans-serif; */
	color: #333; 
 	background: #EEE;

}


/* headers */
h1, h2, h3, h4 {
	font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
	font-weight: bold; 
	clear: both; 
	margin: 10px 0px 5px; 
	color: #369
		
}
h1 {
	font-size: 1.4em;	
	padding: 10px 10px 5px 10px;
	color: #75a54b;
	background-color: inherit;
	border-bottom: 1px solid #eff0f1;		
}
h2 {
	font-size: 1.3em;
	text-transform: uppercase;
}
h3 {
	font-size: 1em;	
	color: #404040;
}

h4 {
	font-size: 1.4em;	
	color: #ff8635;
	padding: 0px 10px 0px 10px;
/*	padding: 10px 10px 0px 10px;*/


}


/* texual elements */ 

	#content {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.2em;
		color: #000000;
		background-color: #ffffff;
		margin-left: 5px;
		margin-right: 5px;
	}
	
p {
	font-size: 1.2em; margin: 0px 0px 10px
}

h2, h3, p {
	padding: 10px;		
	margin: 0;
}

/* links */

a {
	color: #f9864d; 
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #575757;
	background-color: inherit;
}

.linksdottedhighlight
{
	color: #003399;
	border-bottom: #ec4100 1px dashed;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em
}

.linksdottedhighlight.visited
{
    color: #003399;
    border-bottom: #ec4100 1px dashed;
    text-decoration: none
}

.linksdottedhighlight:hover
{
    border-bottom: #ec4100 1px solid;
    text-decoration: none;
    background-color: #e3f2f2
}


.clear {
	clear: both; margin: 0px
}

hr {
	clear: both; 
	border-right: #e8e9e4 0px solid; padding-right: 0px; 
	border-top: #e8e9e4 1px solid;  padding-top: 0px;
	border-left: #e8e9e4 0px solid; padding-left: 0px;
	border-bottom: #e8e9e4 0px solid; padding-bottom: 0px;
	
	font-size: 1px;  margin: 4px 0px;  width: 100%; line-height: 0px;  height: 0px
}

hr.small {
	width: 94%; text-align: left
}


#section_head_image {
	z-index: 10; left: 180px; position: absolute; top: 62px
	
}

.section_break_620
{
	padding-left: 10px;
	height: 15px;
	background: url(../../images/homepage/section_break_620.gif) no-repeat 0px 0px;
}

.section_break_310
{
	padding-left: 10px;
	height: 15px;
	background: url(../../images/homepage/section_break_310.gif) no-repeat 0px 0px;
}


/* header */

#header { 
	position: relative;
	height: 70px; 
	margin: 0; padding: 0;
	color: #808080; 		
}

#header span {
	position: absolute
}

#header h1#logo span { color: #f18359; }

#header1 {
	height: 80px;
	margin: 0;
	padding: 0;
	color: #808080;
/*	background-image: url(../../images/logo4.gif);*/
	width: 380px;
	float: left;
}

#header2 {
	position: relative; 
	height: 80px;
	margin: 0;
	padding: 0;
	color: #808080;
	background-image: url(../../images/homepage/logo2_right_1.gif);
	width: 400px;
	float: left;
}

#header3 {
	position: relative; 
	height: 80px;
	margin: 0;
	padding: 0;
	width: 180px;
	float: right;
	/*background-image: url(../../images/homepage/rounded_background.gif);
	*/
}

.cornerBox { padding: 10px; background: #cfcfcf; width: 160px; 
height: 60px;
} 

.corner { position: absolute; width: 10px; height: 10px; background: url('corners.gif') no-repeat; font-size: 0em; } 

.cornerBoxInner { padding: 15px; 
 background-image: url(switchboard_background_1.jpg);

}

.tl { top: 0; left: 0; background-position: 0 0; } 
.tr { top: 0; right: 0; background-position: -10px 0; } 
.bl { bottom: 0; left: 0; background-position: 0 -10px; } 
.br { bottom: 0; right: 0; background-position: -10px -10px; }


#head_inf {
	border-right: #e8e9e4 3px solid; border-top: #e8e9e4 3px solid; border-left: #e8e9e4 3px solid; border-bottom: #e8e9e4 3px solid
}


/*containers*/
#searchcontainer {
	right: 0px; width: 280px; position: absolute; top: 10px
}
#navcontainer {
	float: left; margin: 0px 10px 0px 0px; overflow: hidden; width: 165px
}
#contentcontainer {
	z-index: 100; float: left; margin: 0px 0px 10px 5px; width: 594px
}
#formcontainer {
	float: left; margin: 0px 0px 10px 5px; width: 590px
}
#formcontainer #content0 {
	padding-right: 0px; padding-left: 5px; padding-bottom: 0px; width: 590px; padding-top: 0px
}
#sidebarcontainer {
	z-index: 10; float: right; margin: 0px; width: 171px; position: relative
}
#sponsored_linkcontainer {
	clear: both; width: 415px; position: relative; height: 0px
}
#loggedoutcontainer {
	right: 0px; position: absolute; top: 0px
}
#loggedincontainer {
	right: 0px; position: absolute; top: 0px
}
#agentincontainer {
	right: 0px; position: absolute; top: 0px
}
#help_container {
	right: 0px; position: absolute; top: 0px
}


/*search*/

#search {
	padding-right: 0px; padding-left: 3px; font-size: 1em; right: 43px; padding-bottom: 0px; 
	width: 128px; color: #666; padding-top: 0px; position: absolute; top: 0px
}

#searchcontainer form {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
#searchcontainer fieldset {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-top-style: none; 
	padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none
}
#searchcontainer legend {
	display: none
}

#go {
	right: 0px; position: absolute; top: 2px
}
#help {
	right: 0px; position: absolute; top: 40px
}

/*additional classes*/

form.search {
	position: absolute;
	top: 15px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}
form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #ccc; 
	background: #fff;
	color: #333; 	
	vertical-align: top;
}
form.search input.button {
	width: 60px;
	vertical-align: top;
}


blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #fafafa url(../../images/homepage/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #ff9966;   
}

#top_row
{
	margin: 0 auto; 
	padding: 0; 
	width: 970px;
	/* changed from 850*/
	text-align: left;
}


/* menu */
#menu {
	clear: both;
/*	background: #ff9966 url(../../images/menubg.gif) repeat-x;   */
	background: #ff9966;   
	height: 32px;
	width: 970px;
	margin: 0;
	font: bolder 1.2em/30px verdana, arial, sans-serif;		
}
#menu ul{
	margin: 0; padding: 0 0 0 8px;
}
#menu ul li {
	float: left;
	list-style: none;		
	border-right: 1px solid #ffa500;
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 12px;
	color: #fff;	
}
#menu ul li a:hover {
  	color: #333;	
	background: url(../../images/homepage/menu-hover-bg.gif) repeat-x;
}
#menu ul li#current a {
	color: #333;
	background: url(../../images/homepage/menu-current-bg.gif) repeat-x;	
}

/* nc quickfind */

#ncquickfindform.search {
	padding: 0; margin: 0;
	background-color: transparent; 
}
/* end of nc quickfind */



#utility_panel { 
	width: 698px;   
	clear:  both; 	
	color: #666666; 	
	padding: 0;	 
	background-color: #fff;
	height: 38px; 
	float: right;

}

#utility_panel a { 
	text-decoration: none; 
}

/*
#utility_panel_content {
	margin: 0 auto;
	width: 688px;   
	font-family: verdana, sans-serif; 
	font-size: 1.1em; 	
}
*/


#utility_panel_one {
	padding: 5px;
	width: 280px;  
	float: right;
	text-align: left;
}

#utility_panel_two {
	padding: 5px;
	width: 220px;  
	float: right;
	text-align: left;
}

#utility_panel_three {
	padding: 0px;
	width: 170px;  
	float: right;
	text-align: left;
}

#utility_panel_four {
	padding: 5px;
	width: 80px;  
	float: right;
	}

/*
#utility_panel a.print {
	display: block; 

	background: url(../../images/homepage/ico_printer.gif) no-repeat 20px 0px; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	width: 16px; 
/*	color: #666666;*/
/*	line-height: 16px;  
	height: 16px; 
}
#utility_panel a.print:hover {
	color: #660000;
}
*/


#utility_panel .textsize {
	display: block; 
	margin: 0px; 
/*	line-height: 16px; */
	height: 20px;
}
#utility_panel .textsizetxt {
	display: block; 
	float: left; 
	margin: 0px 4px 0px 0px; 
/*	line-height: 16px; */
	height: 20px;
}

/* main content */


#content_home_left {
	background: url(../../images/homepage/sfo_contentbox.gif) repeat-y right top; float: left; width: 258px
}
#content_home_left ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 10px 40px 10px 26px; padding-top: 0px
}
#content_home_left li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 4px; margin: 0px 0px 4px; font: 0.7em arial, helvetica, sans-serif; color: #606060; padding-top: 0px; border-bottom: #e8e9e4 1px dashed
}

#content_home_center {
	background: #ffffff; float: left; width: 258px
}

#content_home_right {
	background: #f5f6f1; float: right; width: 260px
}

#content_home_right_2 {
	background: #ffffff; float: right; width: 260px
}

#content_home_left p {
	margin: 0px 30px 0px 10px; font: 0.7em/1.3em arial, helvetica, sans-serif; color: #484848
}
#content_home_center p {
	margin: 0px 30px 0px 10px; font: 0.7em/1.3em arial, helvetica, sans-serif; color: #484848
}
#content_home_right p {
	margin: 0px 30px 0px 10px; font: 0.7em/1.3em arial, helvetica, sans-serif; color: #484848
}
#content_center p {
	margin: 0px 50px 0px 10px; font: 0.7em/1.5em arial, helvetica, sans-serif; color: #484848; text-align: justify
}

#content_center {
	background: #ffffff;
	float: left;
	width: 475px;
	height: auto
}

#content_center_large {
	background: #ffffff; float: left; width: 760px
}
#content_center_large p {
	margin: 0px; font: 0.7em/1.5em arial, helvetica, sans-serif; color: #484848; text-align: justify
}

a.backtop {
	display: block; background: url(../../images/homepage/ico_backtop.gif) no-repeat 56px 0px; font: 0.65em tahoma, arial, helvetica, sans-serif; width: 80px; color: #660000; height: 16px
}
a.backtop:hover {
	color: #666666
}


#content_home_left {
	background: url(../../images/homepage/sfo_contentbox.gif) repeat-y right top; float: left; width: 258px
}


#mainbody_container_home {
width: 700px; padding: 0px
}

.mainbody_content {
	width: 700px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px auto; 
	overflow: hidden; 
	padding-top: 0px;
}


.mainbody_left_column {
	font-size: 1em; float: left; width: 240px; 
	/*line-height:;*/
}

.mainbody_right_column {
	font-size:1em; float: right; width: 240px; 
	/*line-height:;*/
}

#i_want_to
{
clear:left;
width:260px;
border-top:1px solid #999;
padding-top:15px;
background-color: #c0cdf2
}

.i_want_to_content
{
/* no background image now
background: #f2f2f2 url(../../images/gradient.png) repeat-x top;
*/
/*background-color: #f2f2f2;   old background colour giving problems with the arrow*/
background-color: #f5f6f1;
margin: 15px
}


#i_want_to_2
{
clear:left;
width:260px;
border-top:1px solid #999;
padding-top:15px;
background-color: #ffffff
}

.i_want_to_content_2
{
/* no background image now
background: #f2f2f2 url(../../images/gradient.png) repeat-x top;
*/
/*background-color: #f2f2f2;   old background colouir giving problems with the arrow*/
background-color: #f5f6f1;
margin: 15px
}


#i_want_to_toolbox_1
{
width:260px;
border-top:1px solid #999;
padding-top:15px;
background-color: #ffffff
}

#i_want_to_toolbox_2
{
width:200px;
/*border-top:1px solid #999;*/
/*padding-top: 15px;*/
background-color: #ffffff
}


/* footer */


/* bottom panel...*/

#bottom1 {
	width:970px;	
	height: 15px;	
	background-color:#ff6633;
	}

#bottom2 {
	width:970px;	
	height: 15px;	
	background-color:#003399;
	}


#footer { 
	width: 970px;   
	clear:  both; 	
	color: #666666; 	
	padding: 0;	 
	background-color: #fff;
	height: 30px; 
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
}
#footer-content {
	margin: 0 auto;
	width: 770px   
	/* reduced from 800*/
}

#footer-left {
	padding: 10px;
/*	width: 65%;  */
/*	width: 510px;   */
	width: 700px;  
	float: left;
	text-align: left;
}

#footer-right {
	padding: 10px;
/*	width: 30%;*/
/*	width: 220px;   */
	width: 30px;  
	float: right;
	text-align: right;
	font-family: trebuchet ms, tahoma, verdana, sans-serif; 
	font-size: 1.1em; 	
	}

#footer ul#footerlinks {
	float: left; margin: 0px 0px 0px 5px; width: 420px; list-style-type: none
}
#footer ul#footerlinks li {
	border-right: #369 1px solid; padding-right: 5px! important; display: inline; padding-left: 5px! important; 
	font-size: 1em; padding-bottom: 0px! important; padding-top: 0px! important
}
#footer ul#footerlinks li.first {
	padding-left: 0px
}
#footer ul#footerlinks li a:link {
	color: #369; text-decoration: none
}
#footer ul#footerlinks li a:visited {
	color: #369; text-decoration: none
}
#footer ul#footerlinks li a:active {
	color: #369; text-decoration: none
}
#footer ul#footerlinks li a:hover {
	color: #666
}
#footer ul#footerlinks li.last {
	border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none
}
#footer ul#publicgovlinks {
	float: right; margin: 0px 5px; width: 330px; list-style-type: none; text-align: right
}
#footer ul#publicgovlinks li {
	border-right: #369 1px solid; padding-right: 5px! important; display: inline; 
	padding-left: 5px! important; font-size: 1em; padding-bottom: 0px! important; padding-top: 0px! important
}
#footer ul#publicgovlinks li a:link {
	color: #369; text-decoration: none
}
#footer ul#publicgovlinks li a:visited {
	color: #369; text-decoration: none
}
#footer ul#publicgovlinks li a:active {
	color: #369; text-decoration: none
}
#footer ul#publicgovlinks li a:hover {
	color: #666
}
#footer ul#publicgovlinks li.last {
	border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none
}
p#copyright {
	padding-right: 5px; padding-left: 5px; padding-bottom: 10px; padding-top: 10px
}



/* footer  2 secondary pages*/

div#footer2_wrapper {
/*	background: url(../../images/appliedcss_images/footer2_wrapper_bg.gif) #d4d9dd repeat-y center 50%;   */
		margin: 0px; 
		font: 12px arial, helvetica, sans-serif; 
		color: #333
}

div#footer2_container {
	margin: 0px auto; 
	background-color: #fcfcfc;
	width: 970px; 
}

div#footer2 {
	clear: both; 
	margin: 0px 10px 0px;
}

div#footer2_top {
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 4px;
	padding-top: 12px;
	overflow: hidden;
	background-image: url(../../images/appliedcss_images/footer2_bg2.gif); 
	background-repeat: repeat-x; 
	height: 1%; 
	background-color: #708090;  
}

div#footer2_leftcol {
	float: left; 
	width: 300px;
}

div#footer2_rightcol {
	float: right; 
	width: 625px; 
	text-align: left;	
}

div#footer2_search {
	padding-right: 6px; 
	padding-left: 6px; 
	padding-bottom: 6px; 
	margin: 111px 0px 0px; 
	overflow: hidden; 
	padding-top: 6px; 
	height: 1%; 
	background-color: #2f4f4f	;	
}

form#footer2_search_form {
	margin: 0px;
}

input#footer2_search_textbox {
	border-top-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	display: block; 
	font-size: 13px; 
	float: left; 
	margin: 0px 6px 0px 0px; 
	width: 100px; 
	color: #333; 
	height: 20px; 
}

div#footer2_search_submit {
	padding-right: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	font-size: 11px; 
	padding-bottom: 0px; 
	padding-top: 3px;
}

div#footer2_search_submit a {
	color: #fff;
}

div.footer2_navrow {
	font: .8em  Verdana, Arial, Sans-serif; 
	margin: 0px 0px 4px; 
	overflow: hidden; 
	color: #fff; 
	height: 1%;
	
}

div.footer2_navcat {
	font-weight: bold; 
	float: left; 
	width: 90px;
}

div.footer2_navlinks {
	float: right; 
	width: 510px;
}

div.footer2_navlinks a {
	color: #ffcc00;
}

div.footer2_navlinks ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}

div.footer2_navlinks ul li {
	padding-right: 0px; 
	display: inline; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 3px 0px 0px; 
	padding-top: 0px;
}

div#footer2_bot {
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 6px; 
	overflow: hidden; 
	color: #fff; 
	padding-top: 6px; 
	height: 1%; 
	background-color: #7d868b;
	text-align: left;	
	font: .8em  Verdana, Arial, Sans-serif;
}

div#footer2_feedback_box_wrapper {
	float: left ; 
	overflow: hidden; 
	width: 300px; 
	color: #666; 
	background-color: #fff;
}

div#footer2_feedback_box_wrapper img {
	padding-right: 10px; 
	display: block; 
	padding-left: 6px; 
	float: left; 
	padding-bottom: 6px; 
	padding-top: 6px;
}
div#footer2_feedback_box_text {
	float: right; 
	margin: 820px 0px 0px ; 
	width: 97px;
}
div#footer2_feedback_box_text a {
	color: #666;
}

/* end footer  2 secondary pages*/







/* start  def_menu_2 */


#def_menu dl {
	padding-top: 0px;
	padding-right: 0px; 
	padding-bottom: 10px; 
	padding-left: 0px; 

/*	background: url(bottom.gif) #69c no-repeat left bottom; */
	background: #fff no-repeat left bottom; /*background  colour - used to be light blue: 69c*/ 	
	margin: 0px auto; 
	width: 225px; 
}

#def_menu dt {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.2em;
/*	background: url(top.gif) #69c no-repeat left top;*/
	background: #fff no-repeat left top; /*background  colour - used to be light blue: 69c*/ 
	margin: 0px;
	color: #333; /*titles colour*/
	/*border colour - used to be light blue: 69c and solid*/ 
	
	/*border-bottom: #93adc9 1px dotted*/

	font-family: verdana, arial, helvetica, sans-serif;
}

#def_menu dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.0em;
	background: #47a;
	margin: 0px;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif

 /*border colour - used to be light blue: 69c and solid
	border-bottom: #93adc9 1px dotted;*/
}

#def_menu_gallery a {
	padding-top: 5px; 
	padding-right: 5px;
	padding-bottom: 5px; 	 
	padding-left: 20px; 

	display: block; 	
	background: url(../../images/homepage/b08_10x.gif) #fff no-repeat 10px 10px; /*background  colour - used to be darker blue: 47a*/
	width: 200px; 
	color: #333;  /*menu items text colour*/ 

	text-decoration: none
}

#def_menu_gallery a:visited {
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 20px; 

	display: block; 
	background: url(../../images/homepage/b08_10x.gif) #fff no-repeat 10px 10px; /*background  colour - used to be darker blue: 47a*/
	width: 200px; 
	color: #333; /*menu items text colour - visited*/ 

	text-decoration: none
}
#def_menu_gallery a:hover {
	background: url(../../images/homepage/b09_10x.gif) #f8f8f8 no-repeat 11px 10px; 
	color: #9cf
}
/*end */