p.list { font-size: 13px; color: #FAFAFA; line-height: 20px; margin:12px; font-family:"arial", sans-serif; }


p.listheader { font-size: 15px; color: ##000033; line-height: 17px; margin:12px; font-family:"arial", sans-serif; text-align: center;}
li.list { font-size: 14px; color: #000033; line-height: 18px; margin:5px; font-family:"arial", sans-serif; }
p.listtwo { font-size: 12px; color: ##000033; line-height: 17px; margin:12px; font-family:"arial", sans-serif; font-style: italic; }

p.listenrich { font-size: 14px; color: #000080; line-height: 18px; margin:5px; font-family:"arial", sans-serif; }

p.contentone {
	font-size: 14px;
	line-height: 158%;
        font-family: Arial;
        font-weight: bold;
        color: #3D3D3D;
text-align: justify;
	margin-left: 80px;
margin-right: 90px;
        
zoom: 1;

}

p.large {
	font-size: 16px;
        font-family: Arial;
	margin: 5px 5px 5px 5px;
        text-align: center;
zoom: 1;

}





body {
	color: #333;

}

a.side:link, visited, active
{
font-family: Arial;
color: #F26A2A;
font-size: 16px;
}



p {
	font-size: 12px/1.3em;
        font-family: "Century Gothic", Century Gothic;
	margin: 0 0 4px 2px;
zoom: 1;

}
/* override convio baseline */
.Explicit {
	font: 9px/1.3em "Lucida Grande", Arial, Verdana, sans-serif;
}
	
td {
	font-size:11px;
	font-family: "Arial", Arial;
	color: #333333;
}

th {
	font:12px/1.3em "Arial", Arial;
	color:#333333;
	font-weight:bold;
}
	
h1 {
	font-size:16px;
	font-family: "Arial", Arial;
	color:#5275AD;
	font-weight:bold;
}

h2 {
	font-size:20px;
	font-family: "Arial", Arial;
	color:#FF3333;
	font-weight:bold;
}

h7 {
	font-size:14px;
	font-family: "Arial", Arial;
	color:#EE3B3B;
	font-weight:bold;
zoom: 1;
float: left;
}

h8 {
	font-size:11px;
	font-family: "Arial", Arial;
	color:#8B8878;
	font-weight:normal;
zoom: 1;
}

h9 {
	font-size:21pt;
	font-family: "Arial", Arial;
	color:#237CCC;
	font-weight:bold;
text-decoration:underline;
font-stretch:semi-expanded;

}

.babhead1 {
	font-size:15px;
	font-family: "Verdana", Verdana;
	color:#E42217;
	font-weight:bold;
        line-height:15.6pt;
zoom: 1; 
}

.bab {
	font-size: 12px;
        font-family: "Verdana", Verdana;
	margin: 2px 0 4px 2px;
        align: left;
zoom: 1; 
}

.babitalic {
	font-size: 10px;
        font-family: "Verdana", Verdana;
        font-style: italic;
	margin: 2px 0 4px 2px;
        align: left;
zoom: 1; 
}

/* Hides from IE5-mac \*/
* html div.figure {height: 1%;}
/* End hide from IE5-mac */ 



div.figure {
float: right;
  width: 225px;
  height; 168px;
  border: none;
  margin-left: 2px;
  padding: 2px;
clear: none;
display: inline;
zoom: 1;


}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
text-indent: 0;
zoom: 1;
}

.gainlayout { _height: 0; }

a, a:link,
a:active,
a:visited {
	color: #237CCC;
	text-decoration: none;
font-size: 12px;
        font-family: "Arial", Arial;

}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
zoom: 1;
}

.errormessage {font: 80% arial; color:red;}

.button {
	background: url(../images/qlf2/general/gradient_med_gray.gif) center left repeat-x;
	border: solid 1px #CCC;
	font: bold 120%/1em Arial, sans-serif;
	color:#fe9915;
	cursor: pointer;
	padding: 6px 20px;
}
 
.centeredbutton {
	display: block;
	text-align:center;
	margin: 0 auto;
}

table.twocolorformat th {
	font-style: bold;
	color:#666;
	background-color:#DFD9CF;
	padding:4px 8px;
}

table.twocolorformat td {
	background-color:#eeebe5;
	padding:8px;
}

.pipelist dl {}

.pipelist dt {
	float:left;
	margin:0;
	padding: 0 6px 0 0;
}

.pipelist dd {
	float: left;	
	margin:0;
	border-left: solid 1px #000000;
	padding: 0 6px 0 6px;
}
	
#wrapper {
	width:704px;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
	border-top: none;
	padding:0;

}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#wrapper {
	width: 800px;
}
/* End IE5-Mac hack */




/***** LEFT NAV TEXT SIZER *****/
#leftnavtextsizer {
	padding: 8px 0;
	margin: 0;
	text-align: left;
	width: 170px;
	height: 61px;
	color: white;
	background: url(../images/qlf2/general/border_dotted_lnav.gif) no-repeat left top;
	background-color: #B5A694;
}

/* hide from MacIE \*/
#leftnavtextsizer {
	height: 45px;
}
/* end hide */

#leftnavtextsizer h1 {
	padding: 2px 8px 0 8px;
	margin: 0;
	color:#fff;
}

#leftnavtextsizer h2 {
	padding: 0 8px;
	margin:0;
	color:#fff;
	text-align: right;
}

#leftnavtextsizer h2 img {
	border:0;
	padding:0;
	margin:0;
}

#leftnavtextsizer a#smallSize {
	display: block;
	float: right;
	background: url(../images/qlf2/left_nav/lnav_textsize_small_grey.gif) no-repeat left top;
	width: 25px;
	height: 27px;
	cursor: default;
}

#leftnavtextsizer a#mediumSize {
	display: block;
	float: right;
	background: url(../images/qlf2/left_nav/lnav_textsize_med_white.gif) no-repeat left top;
	width: 30px;
	height: 27px;
	cursor: pointer;
}

#leftnavtextsizer a#largeSize {
	display: block;
	float: right;
	background: url(../images/qlf2/left_nav/lnav_textsize_large_white.gif) no-repeat left top;
	width: 38px;
	height: 27px;
	cursor: pointer;
}


#leftnavfiller {
	background:url(../images/qlf2/general/border_dotted_lnav.gif) no-repeat left top;
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#FFC211;
	width:170px;
	height:auto;
}

#maincolumn {
	width: 628px;
	float: right;
	padding:0;
	margin:0;
	border:0;
	height: auto;
	background-color: white;
}

/* override convio baseline style */
div.appArea {
	width: 90%;
	margin: 0px;
	padding: 0px;
}

/* hide from MacIE \*/
* #maincolumn{
	margin-right: -4px;
	}
 html>body #maincolumn {
	margin-right: 0;
}
/* end hide */

#homepageflashintro {
	height:196px;
	border:0;
	padding: 0;
	margin:0;
	color:white;
	width:628px;
}

#homepageflashintro h1 {
	margin:0;
	padding:0;
	float:left;
	height:196px;
	width:235px;
	background:url("../images/qlf2/home/flash_fpo_home_sm.png") top left no-repeat;
}

#homebranch #homepageflashintro h1 {
	width:234px;
	background:url("../images/qlf2/home_branch/flash_fpo_hbranch_sm.png") top left no-repeat;
}

#teenshome #homepageflashintro h1 {
	background:url("../images/qlf2/teens/flash_fpo_teens_sm.png") top left no-repeat;
}

#homepageflashintro h2 {
	margin:0;
	padding:0;
	float:right;
	height:196px;
	width:393px;
	background: url("../images/qlf2/home/flash_fpo_home_lrg.png") top left no-repeat;
}

#homebranch #homepageflashintro h2 {
	width:394px;
	background:url("../images/qlf2/home_branch/flash_fpo_hbranch_lrg.png") top left no-repeat;
}

#teenshome #homepageflashintro h2 {
	background:url("../images/qlf2/teens/flash_fpo_teens_lrg.png") top left no-repeat;
}

#kidshome #maincolumn img {
	border:0;
	margin:0;
}

#kidshome #contentmain table, #kidshome contentmain td, #kidshome contentmain tr {
	border-collapse: collapse;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
}

#contentmain {
	text-align:left;
	padding:10px;

}

#homebranch #contentmain {
	padding:10px 30px;
}

#mediacategory #contentmain {
	margin:0;
	padding:10px 20px;
}

#contentleftcolumn {
	width:235px;
	float:left;
	background-color:#F6F5F2;
	text-align:left;
	padding:0 20px;
	color:#333333;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #contentleftcolumn {
	width: 195px;/*ie5win fix ends*/
}
/* End IE5-Mac hack */

#contentleftcolumn ul {
	list-style-image:url(../images/qlf2/general/bullet_square.gif);
	margin-left:20px;
	padding:0;
}
#contentleftcolumn li {
	padding:0 0 10px 0;
}

#contentleftcolumn h1, #mediaflash #contentleftcolumn h1, #mediaflash #contentrightcolumn h1, #mediacategory #contentmain h1, #homebranch #contentmain h1 {
	font:145%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
	text-transform:lowercase;
	font-weight:bold;
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) top left repeat-x;
	margin:0 0 15px 0;
	padding:10px 0 0 0;
}

#homebranch #contentmain h1 {
	text-transform:uppercase;
	padding: 15px 0 0 0;
}

#mediaflash #contentleftcolumn h1, #mediaflash #contentrightcolumn h1, #mediacategory #contentmain h1 {
	font: 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
}

#contentleftcolumn h1 td, #mediaflash #contentleftcolumn h1 td, #mediaflash #contentrightcolumn h1 td, #mediacategory #contentmain h1 td {
	font:145%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
	text-transform:lowercase;
	font-weight:bold;
}

#mediaflash #contentleftcolumn h1 td, #mediaflash #contentrightcolumn h1 td, #mediacategory #contentmain h1 td {
	font: 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	text-transform:uppercase;
	font-weight:bold;
}

#contentleftcolumn h1 span, #mediaflash #contentleftcolumn h1 span, #mediaflash #contentrightcolumn h1 span, #mediacategory #contentmain h1 span, #homebranch #contentmain h1 span {
	display:block;
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) bottom left repeat-x;
	padding:0 0 10px 0;
	margin:0;
}

#homebranch #contentmain h1 span {
	padding: 0 0 15px 0;
}

#contentleftcolumn h1 span img, #contentrightcolumn h1 span img {
	margin:0 20px 0 5px;
	border:0;
}

#mediaflash #contentleftcolumn h1 span img, #mediaflash #contentrightcolumn h1 span img, #mediacategory #contentmain h1 span img {
	margin:0 10px 0 5px;
	border:0;
}

#contentrightcolumn {
	float:right; 
	width:389px; 
	background-color:#EEEBE5; 
	text-align:left;
	padding:0;
	margin:0;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #contentrightcolumn {
	width:393px;
}
/* End IE5-Mac hack */

#contentrightcolumn h1 {
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) top left repeat-x;
	color:#4A70A4;
	text-transform: uppercase;
	text-align:center;
	margin:0 20px 20px 20px;
	padding:14px 0 0 0;
}

#contentrightcolumn h1 span {
	font: bold 145%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	display:block;
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) bottom left repeat-x;
	padding:0 0 14px 0;

}
#contentrightcolumn p {
	padding: 0 20px 0 20px;
}




#mediaflash #wrapper {
	background:url(../images/qlf2/fake_columns/bg_patrn_3col_gray_even.gif) top left repeat-y;
}


/****GATEWAY ***/
	
#gatewaymain {
	width:800px;
	padding:0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#gatewayline {
	width:100%;
	border-top: solid 2px #FFC710;
	height:2px;
	padding:0;
	margin:0;
}

#gatewaysearch {
	height:300px;
	width:800px;
	padding-top:108px;
	padding-right: 0;
	background: url(../images/qlf2/gateway/photo_fpo_gateway.jpg) no-repeat right top white;
	text-align: center;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #gatewaysearch {
	height: 192px;
}
#gatewaysearch table {
	margin-left:auto;
	margin-right:auto;
}
/* End IE5-Mac hack */

#gatewaycopyright {
	width:800px;
	height:34px;
	background-color: white;
	color:#888;
}
#leftnavcolumn {
	float:left;
	width:160px;
	padding:0;
	margin:0;
	border-width:0;
	border-right:solid 2px white;
	background-color: #ffc211;
}	
	
#leftnavhowdoi {
	width:170px;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#4A70A4;
	
}
#leftnavhowdoi ul {
	margin: 0;
	font-style: normal;
	background-color: #6095C1;
	padding: 8px 0;
	list-style-type: none;
}
#leftnavhowdoi li {
	padding: 3px 8px;
	margin: 0;
}

/* add new selectors to override Convio baseline styles */
#leftnavhowdoi a,
a.leftNav,
a.leftNav:link,
a.leftNav:active,
a.leftNav:visited {
	color:#FFF;
	text-decoration:none;
}

#leftnavhowdoi a:hover,
a.leftNav:hover {
	text-decoration:underline;
}

/* add new style blocks to override Convio baseline styles */

a.leftNavSelected,
a.leftNavSelected:link,
a.leftNavSelected:active,
a.leftNavSelected:visited {
	color: #ffc211;
}

a.leftNavSelected:hover {
	color: white;
}

#leftnavhowdoi h1 {
	padding: 8px;
	margin: 0;
	color:#FFF;
	text-transform:capitalize;
}
#leftnavmap {
	background:url(../images/qlf2/general/border_dotted_lnav.gif) no-repeat left top;
	background-color:#DEDBCE;
	width:170px;
	margin:0x;
	padding:1px 0 0 0;
	text-align:left;
}

#leftnavmap h1 {
	padding: 8px;
	margin: 0;
	color:#FFF;
	background-color:#B0A696;
	border-bottom:solid 1px white;
}
#leftnavmap h2 {
	padding: 8px 8px 8px 12px;
	color:#333;
	font-weight:normal;
	background-color:#DEDBCE;
	margin:0;	
}
#leftnavcommunity, #leftnavmediacategories {
	width:170px;
	margin:0;
	padding:0;
	text-align:center;
	background:url("../images/qlf2/general/border_dotted_lnav.gif") no-repeat left top;
	background-color:#4A70A4;
}
#leftnavcommunity ul, #leftnavmediacategories ul {
	margin:0;
	font-style:normal;
	background-color:#6095C1;
	padding:4px 0 8px 0;
	list-style-type:none;
}
#leftnavcommunity li, #leftnavmediacategories li {
	padding: 3px 8px 3px 8px;
	margin: 0;
}
#leftnavcommunity a, #leftnavmediacategories a {
	vertical-align:middle;
	color:#FFFFFF;
	text-decoration:none;
}

#leftnavcommunity a:hover, #leftnavmediacategories a:hover {
	text-decoration:underline;
}
#leftnavcommunity h1 ,#leftnavmediacategories h1 {
	padding: 8px;
	margin: 0;
	color:#ffffff;
}

#leftnavnewsevents {
	background: url("../images/qlf2/general/border_dotted_lnav.gif") no-repeat left top;
	background-color:#FE9915;
	padding: 8px 0 8px 0;
	margin:0;
	text-align:left;
	width:170px;
	color:White;
}

#leftnavnewsevents ul {
	margin:0;
	font-style:normal;
	background-color:#FE9915;
	padding: 8px 0 8px 0;	
	list-style-type:none;
}
#leftnavnewsevents li {
	padding:  3px 8px;
	margin: 0;
}

#leftnavnewsevents a {
	vertical-align:middle;
	color:#FFFFFF;
	text-decoration:none;
}

#leftnavnewsevents a:hover {
	text-decoration:underline;
}
#leftnavkidsnews {
	width:170px;
	margin:0;
	padding:0;
	text-align:left;
	background-color:#FC7000;
}

#leftnavkidsnews ul {
	margin:0;
	font-style:normal;
	background-color:#FE9915;
	padding: 8px 0;
	list-style-type:none;
}
#leftnavkidsnews li {
	padding:  3px 8px;
	margin: 0;
}

#leftnavkidsnews a {
	color:#FFF;
	text-decoration:none;
	
}

#leftnavkidsnews a:hover {
	text-decoration:underline;
}

#leftnavkidsnews h1 {
	padding:8px;
	margin: 0;
	color:#FFF;
	text-transform:capitalize;
}




/***** CONTENT FOOTER *****/
#contentforfooter {
	padding:0;
	margin:20px 35px 20px 35px;
	text-align:left;
}
#contentforfooter h1 {
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) top left repeat-x;
	font:bold 145%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
	text-transform: uppercase;
	text-align:left;
	padding:14px 0 0 0;
}
#contentforfooter h1 span {
	display:block;
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) bottom left repeat-x;
	padding:0 0 14px 0;
}

#contentforfooter h2, #homebranch #contentmain h2 {
	font:bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#FC7C00;
}

#contentforfooter h2 {
	margin-bottom:0;
}

#homebranch #contentmain h4 {
	font:bold 118%/1.2em "Lucida Grande", arial, verdana, san-serif;
	color: #237ccc;
	margin-bottom:0;
	margin-top:0;
}

#teenshome #contentrightcolumn h4, #teenshome #contentleftcolumn h4 {
	font: bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#FC7C00;
	margin-bottom:0;
	margin-top:0;
}
/******CONTENT HEADER IMG *****/
#contentheaderimg {
	text-align: right;
	margin-right: 20px;
	padding: 0 0 10px 0;
}

/****** MEDIA BOOKS ******/
#mediaflash #contentheaderimg, #mediacategory #contentheaderimg {
	margin:0;
	padding:10px 20px 10px 20px;
	background-color:#fff;
	width:100%;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #mediaflash #contentheaderimg, #mediacategory #contentheaderimg {
	width:588px;
}
/* End IE5-Mac hack */

#mediaflashswf {
	width:628px;
	background-color:#fff;
	padding:0 0 10px 0;
}

#mediaflash #contentleftcolumn, #mediaflash #contentrightcolumn {
	margin:0;
	padding:25px 10px 25px 10px;
	width:300px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #mediaflash #contentleftcolumn, html>body #mediaflash #contentrightcolumn {
	width:294px;
}
/* End IE5-Mac hack */

#mediaflash #contentrightcolumn .mediaImg {
	background: url(../images/qlf2/general/q_grey.gif) top center no-repeat #eeebe5;
	text-align: center;
}

#mediaflash #contentleftcolumn .mediaImg {
	background: url(../images/qlf2/general/q_lightGrey.gif) top center no-repeat #f6f5f2;
	text-align: center;

}

#mediaflash .mediathumb, #mediacategory .mediathumb {
	padding:0;
	border: solid 3px #fff;
}

#mediacategory .mediathumb {
	border: solid 3px #b8b3aa;
}

#mediaflash .isbn,  #mediacategory .isbn {
	color:#888;
}

#mediaflash .title,  #mediacategory .title {
	font-weight:bold;
}

#mediaflash .description, #mediacategory .description {
	font-style:italic;
}

#mediaflash .httpurl, #mediacategory .httpurl {
	color: #008200;
}
/***** ADVANCED SERCH *****/
#search #contentmain {
	margin:10px 0 20px 0;
}

#search #searchcanvas {
	margin: 0 20px;
	padding: 35px 50px;
	border: 1px solid #b8b3aa;
}

#search #searchcanvas table.keywordSearch {
	clear: both;
}

#search #searchcanvas table.detailSearch {
	margin-top: 35px;
	clear: all;
}

/*** ADVANCED SEARCH  TABS ***/

#advsearchtabs { 
	clear: both;
	padding: 0; 
	margin: 0 20px;
	height: 26px;
	background-color: transparent;
}

#advsearchtabs td, #advsearchtabs th { 
	background: url(../images/qlf2/general/tab_main_link_lft.gif) top left no-repeat white; 
	padding: 0 5px 0 3px;
}

#advsearchtabs td {
	border-left: solid 2px white;
	border-bottom: solid 2px white;
}


/* Commented backslash hack hides rule from IE5-Mac \*/ 
#advsearchtabs td, #advsearchtabs th { 
	padding: 0 0 0 3px;
}
/* End IE5-Mac hack */

#advsearchtabs td.currenttab, #advsearchtabs th.currenttab { 
	border-bottom: 2px solid #B8B3AA;
	background: url(../images/qlf2/general/tab_main_sel_lft.gif) top left no-repeat white;
	cursor: default;
}

#advsearchtabs td.currenttab a:hover, #advsearchtabs th.currenttab a:hover{
	color: #fff;
}

#advsearchtabs th, #advsearchtabs th.currenttab {
	border-left: 0;
}

#advsearchtabs td a , #advsearchtabs th a { 
	display: block;
	color: #FFF; 
	background: url(../images/qlf2/general/tab_main_link_rgt.gif) top right no-repeat white;
	text-decoration: none;
	padding: 6px 0 5px 5px;
	margin: 0;
	margin-right: -5px; /* SET FOR IE5-MAC */
} 

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#advsearchtabs td a , #advsearchtabs th a { 
	margin-right: 0;
	padding-right: 5px;
}
/* End IE5-Mac hack */

#advsearchtabs td.currenttab a, #advsearchtabs th.currenttab a {
	background: url(../images/qlf2/general/tab_main_sel_rgt.gif) right top no-repeat; 
}

#advsearchtabs td a:hover, #advsearchtabs th a:hover { 
	color:#FFC211;
} 

/*** END ADVANCED SEARCH TABS ****/

/***** FIND A BRANCH ******/
#findabranch {
	margin:10px 0 20px 0;
}
#findabranch p {
	text-align:left;
	margin-left: 34px;
}

#findabranch #findabranchmap {
	margin-right:auto;
	margin-left:auto;
}

#findabranch #findabranchmap img {
	border:0;
}

/*******BRANCH ***********/
#branchdetail #submenu, #community #submenu, #howdoi #submenu, #myqpl #submenu, #events #submenu, #teenlinq #submenu, #kidslinq #submenu, #howdoifindarticle #submenu {
	width:619px;
	text-align:left;
	background-color:#FFF;
	border:0;
	border-bottom:1px solid #DDD6CC;
	padding: 12px 0 12px 9px;
	margin:0 0 0 9px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #branchdetail #submenu, html>body #community #submenu, html>body #myqpl #submenu, html>body #events #submenu , html>body #howdoifindarticle #submenu {
	width:610px;
	/*height: 30px;*/
	padding:12px 0 0 9px;
}
/* End IE5-Mac hack */

#branchdetail #submenu dl,  #community #submenu dl , #myqpl #submenu dl, #events #submenu dl, #teenlinq #submenu dl, #kidslinq #submenu dl, #howdoifindarticle #submenu dl {
	text-align:left;
	width:auto;
	background-color: #FFF;
}

#branchdetail #submenu  dt , #community #submenu dt , #myqpl #submenu dt, #events #submenu dt, #teenlinq #submenu dt,  #kidslinq #submenu dt, #howdoifindarticle submenu dt {
	display: inline;
	text-align: left;	
	margin:0;
	padding: 0 6px 0 0;
	background-color:white;
}

#branchdetail #submenu dd ,  #community #submenu dd , #myqpl #submenu dd, #events #submenu dd, #teenlinq #submenu dd,  #kidslinq #submenu dd, #howdoifindarticle submenu dd {
	display: inline;
	text-align: left;	
	margin: 0;
	border-left: solid 1px #237CCC;
	padding: 0 6px;
	background-color:white;
}

#branchdetail #contentleftcolumn, #community #contentleftcolumn, #myqpl #contentleftcolumn, #events #contentleftcolumn, #teenlinq #contentleftcolumn,  #kidslinq #contentleftcolumn, #howdoifindarticle #contentleftcolumn {
	color:#333;
	clear:both;
	width:444px;
	float:left;
	background-color:white;
	padding:0 18px;
	margin: 12px 0 0 0;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #branchdetail #contentleftcolumn, html>body #community #contentleftcolumn , html>body #myqpl #contentleftcolumn, html>body #events #contentleftcolumn , html>body #howdoifindarticle #contentleftcolumn {
	width:408px;
}
/* End IE5-Mac hack */

.greybordered {
	border:2px solid #DDD6CC;
}

#branchdetail #contentleftcolumn th, #events #contentleftcolumn th {
	font-style:bold;
	color:#666;
	background-color:#DFD9CF;
	padding:4px 8px;
}

#branchdetail #contentleftcolumn table.twocolorformat td , #events #contentleftcolumn table.twocolorformat td
 {
	background-color:#eeebe5;
	padding:8px;
}

#branchdetail #contentleftcolumn h2, #myqpl #contentleftcolumn h2, #myqpl #contentrightcolumn h2, #events #contentleftcolumn h2, #mediaflash #contentleftcolumn h2, #mediacategory #contentheaderimg span {
	font: bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#FC7C00;
	clear:both;
}

#branchdetail #contentleftcolumn h3, #myqpl #contentrightcolumn h3, #branchdetail #contentrightcolumn h3, #events #contentleftcolumn h3, #events #contentrightcolumn h3 {
	font: bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
	margin-top:30px;
	margin-bottom:6px;
}

#branchdetail #contentrightcolumn, #community #contentrightcolumn, #myqpl #contentrightcolumn, #events #contentrightcolumn, #teenlinq #contentrightcolumn, #kidslinq #contentrightcolumn, #howdoifindarticle #contentrightcolumn {
	width:180px;
	float:right;
	background-color:#f6f5f2;
	padding:10px 12px 10px 12px;
	margin:0;
	border-top:solid 3px #ffffff;
	color:#333;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #branchdetail #contentrightcolumn, html>body #community #contentrightcolumn, html>body #myqpl #contentrightcolumn, html>body #events #contentrightcolumn, html>body #howdoifindarticle #contentrightcolumn {
	width:156px;
}
/* End IE5-Mac hack */

#events #contentrightcolumn {
	text-align:right;
}

#branchdetail #contentrightcolumn ul, #community #contentrightcolumn ul, #events #contentrightcolumn ul, #teenlinq #contentrightcolumn ul, #kidslinq #contentrightcolumn ul, #howdoifindarticle #contentrightcolumn ul {
	margin:0;
	list-style-type:none;
	padding:0;
}

#branchdetail #contentrightcolumn li, #community #contentrightcolumn li, #events #contentrightcolumn li, #teenlinq #contentrightcolumn li, #kidslinq #contentrightcolumn li, #howdoifindarticle #contentrightcolumn li {
	padding: 0 0 8px 0;
}

#branchdetail .branchphoto {
	width: 400px;
	height:300px;
	border:2px solid #DDD6CC;
}

#branchdetail .branchphotocaption {
	font-style:italic;
}

/***** DOUBLE DOTTED LINE SEPERATOR *****/

span.doubledottedline {
	clear:both;
	height:5px;
	display:block;
	background:url(../images/qlf2/general/border_dotted_dblfull.gif) no-repeat bottom left;
	width:100%;	
	margin:20px 0 0 0;
	padding:0;
}	

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body span.doubledottedline {
	padding:20px 0 0 0;
}
/* End IE5-Mac hack */


/***** SINGLE DOTTED LINE SEPERATOR *****/
span.dottedline {
	height: 5px;
	background: url(../images/qlf2/general/border_dotted_dblfull.gif) no-repeat bottom left;
	width: 100%;	
	margin: 0;
	padding: 0;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body span.dottedline {
	padding:5px 0 5px 0;
}
/* End IE5-Mac hack */

/****** HOW DO I *****/

#howdoi #contentmain {
	text-align:left;
	padding:10px 0;
	margin:0 30px;
}

#howdoi #submenu {
	width:555px;
	padding: 12px 0 12px 0;
	margin:0 30px 0 30px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #howdoi #submenu {
	width:555px;
	padding: 12px 0 0 0;
}
/* End IE5-Mac hack */


/***** COMMUNITY *****/
#community #submenu, #howdoi #submenu, #teenlinq #submenu, #kidslinq #submenu, #howdoifindarticle #submenu {
	text-align:left;
	color:#237CCC;
}

#community #contentleftcolumn h1, #howdoi #contentmain h1, #teenlinq #contentleftcolumn h1, #kidslinq #contentleftcolumn h1, #howdoifindarticle #contentleftcolumn h1 {
	font: bold 145%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
	text-transform:uppercase;
	background-image:none;
	margin: 0;
	padding: 0;
}
#howdoi #contentmain h1 {
	text-transform:none;
	padding:5px 0 15px 0;
}
#teenlinq #contentleftcolumn h1, #kidslinq #contentleftcolumn h1 {
	text-transform:none;
}

#community #contentleftcolumn h2, #teenlinq #contentleftcolumn h2, #teenlinq #contentrightcolumn h2 , #kidslinq #contentleftcolumn h2, #kidslinq #contentrightcolumn h2 , #howdoifindarticle #contentleftcolumn h2 {
	font: bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#FC7C00;
	margin: 20px 0 2px 0;
	padding: 0;
}
#howdoifindarticle #contentleftcolumn h2 {
	margin:0 0 2px 0;
}
#teenlinq #contentrightcolumn h2, #kidslinq #contentrightcolumn h2 {
	margin:5px 0 2px 0;
}

#community #contentleftcolumn h3, #teenlinq #contentleftcolumn h3, #kidslinq #contentleftcolumn h3, #howdoifindarticle #contentleftcolumn h3 {
	font: bold 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color:#4A70A4;
}
/********footer*****/
#footer {
	clear:both;
	width:800px;
	border-top:solid 1px #EEEBE5;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:16px;
	padding-left:16px;
	text-align:center;
	background-color:White;
	
}
/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #footer {
	width:768px;
}
/* End IE5-Mac hack */

#gatewaymain #footer {
	border-top:0;
}

#footer table {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#footer td {
	margin:0;
	border-left: solid 1px #237CCC;
	padding: 0 8px 0 8px;
}

#footer td.firstitem {
	border-left:0;
}

#footer a {
	text-align:center;
	display:block;
}


/******ADMIN ******/

#adminnav {
	width:800px;
	padding:0 0 8px 0;
	border:0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
#AdminNav table {
	background-color: white;
	border-color:White;
	border:0;
	padding:0;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	width:802px;
}

#AdminNav td {
	vertical-align: top;
	color: #6684b2;
	padding:4px;
	font-weight: bold;
	background-color: #CEE3FB;
	border: 1px solid #ffffff;
	text-align: left;
}

#AdminNav th {
	text-align: left;
	background-color: #fc7c00;
	border: 1px solid #ffffff;
}

.adminLink {
	border: 1px solid #ffffff;
	text-align: left;
	font-family: Arial, Sans-Serif;
	margin:5px 0 0 0;
	color: #6684b2;
	padding: 2px;
	font-weight: bold;
	background-color: #CEE3FB;
	display:block;
}

.adminBlock {
	background-color: #EEE;
	padding: 10px 10px 6px 10px;
	margin: 0 15px 0 15px;
	border: 2px inset #EEE;
}

/* Fieldsets in general */
fieldset {
  padding:20px 30px;
  margin:0 20px 20px 20px;
  width: 570px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
fieldset {
	width: auto;
}
/* End IE5-Mac hack */

#loginregister legend {
	font: 136%/1.2em "Trebuchet MS", Trebuchet, arial, san-serif;
	color: #4A70A4;
	font-weight:bold;
	padding:10px 8px 10px 8px;
}
#loginregister td.formlabel {
	text-align:right;
	font-style: bold;
	color:#333;
}

#loginregister td.submitbuttons {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}
	
#horizontalbar {
	width:800px; 
	background-color:#f9b710;
	padding:20px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/ 
html>body #horizontalbar {
	width:760px;
	height:100px;
}
/* End IE5-Mac hack */

#horizontalbarleft {
	float:left;
	width:50%;
	color:#FFF;
}

.FormBox {
	background-color: white;
}