/* general header, footer, and column layout */











/* begin general layout for 3 column page */



html {margin: 0; padding: 0;}



body {background-color: #fff; margin: 0; margin-top: 0; padding: 0; padding-top: 0; text-align: center;}



#wrap {text-align: left; width: 820px; margin: 0 auto 20px auto; border-top: 1px solid #fff;}



#wrap-inner {margin: 0; padding: 0; border-top: 0; background-color: #fff; }



#footer {clear: both; background: #fff;}



#lowerfoot {text-align: center; width: 820px; margin: 20px auto; border: 0; border-top: 0;}



#lowerfoot p {margin-top: 10px; font-size: 85%;}



#lowerfoot img {margin: auto;}



.orphanedcontrols {text-align: left; width: 860px; margin: 0 auto 20px auto; padding: 20px; border: 1px solid #000;}







/* typography */



body {font-size: small; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;}



p {font-size: 90%; margin-top: 0; padding-top: 0; line-height: 150%; letter-spacing: 0.025em;}



dd {font-size: 90%; margin-top: 0; padding-top: 0; line-height: 140%; letter-spacing: 0.025em;}



li {font-size: 90%; margin-top: 0; padding-top: 0; line-height: 140%; letter-spacing: 0.025em;}



h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}



h1 {font-size: 150%; margin: 0;}



h3 {font-size: 130%}



h2 {font-size: 120%; text-transform: none;}



h3 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 1.25em 0 1.25em 0; font-size: 150%; border-bottom: 0; color: #c1272d; background-color: transparent; padding-bottom: 4px; letter-spacing: 0.03em; background: transparent url(../images/efdots.gif) repeat-x bottom left;}



h4 {font-size: 120%; margin: 0.3em 0 0.5em 0; padding: 0.75em 0 0.2em 0; border: 0; border-left: 0; border-right: 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #c1272d; background-color: transparent; background: transparent url(../images/efdots.gif) repeat-x bottom left; font-style: oblique;}



h6 {font-size: 75%; }



h4 img {display: inline; margin: 0; padding: 0;}



textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}



/* end typography */















/* forms */



.field {padding: 5px; clear: both;}



.field .multipleinputs {float: left;} /* used to fix wrapping issue when more than one control, on multiple lines is used per label */



.field .spacer {height: 5px; margin: 0; padding: 0; clear: left;}



.field label {font-weight: bold; display: block; float: left; width: 150px; text-align: right; padding: 0 10px 0 0;}



.field .special label {font-weight: normal; display: inline; float: none;}



.field .accountinstructions {float: right; width: 150px; font-size: 85%; line-height: 1.2em; clear: right;}



.field .accountinstructionswide {float: right; width: 300px; font-size: 85%; line-height: 1.2em; clear: right;}



.buttons {clear: both; padding: 5px; margin: 15px 0 0 160px;}



.inputbox input {border: 1px solid gray;}



.inputbox {border: 1px solid gray;}











/* styles used for survey form */



#userreview .buttons {margin: 0;}



#userreview label {font-weight: bold;}



#userreview .col1 {float: left; width: 130px; padding: 10px;}



#userreview .col2 {float: left; width: 360px; padding: 10px;}











/* images */



img {border: 0; padding: 0; margin: 0; display: block;}











/* sort of a hack */



.clearly {clear: both; margin: 0; padding: 0;}











/* links within the site  - ie6 behaves better when this is below the specific link types */



a {color: #008eb0; background-color: transparent; font-weight: bold; text-decoration: underline;}



a:link, a:visited {color: #008eb0; background-color: transparent; text-decoration: underline;}



a:hover {color: #fff; background-color: #008eb0; text-decoration: none;}



a:active {color: #008eb0; background-color: transparent; text-decoration: underline;}







#top {margin: 0; padding: 0;}







/* global navigation at top of page */



#globalnav {list-style-type: none;  margin: 0 0 0 0; padding: 0 1.5em 1px 1.5em; background-color: #fff;  border-bottom: 0; border-top: 0;}



#globalnav li {display: inline; margin: 0; padding: 0; border-top: 0;}



#globalnav li a {display: inline; text-decoration: none; font-weight: normal; font-size: 76%; color: #d1d1d1; background-color: transparent; background-image: none; padding: 0 1.5em 0 1.5em; margin: 0 0 0 -0.5em; border-right: 1px solid #d1d1d1; border-top: 0;}



#globalnav li a:link, #globalnav li a:visited {color: #d1d1d1; background-color: transparent; text-decoration: underline;}



#globalnav li a:hover {color: #fff; background-color: #008EB0; text-decoration: underline;}



#globalnav li a:active {color: #d1d1d1; background-color: transparent; text-decoration: underline;}



#globalnav li.lastitem a {border-right: 0;}







/* for elements that should be in the structure for screen readers, mobile devices, all non-css display */



#globalnav .hide {display: none;}







/* interior horizontal navigations */



.horizlinks {list-style-type: none;  margin: 0 0 5px 5px; padding: 0 0 1px 0; background-color: #fff;  border-bottom: 0; border-top: 0;}



.horizlinks li {display: inline; margin: 0 0 0 0; padding: 0; font-size: 85%;}



.horizlinks li a {display: inline; text-decoration: none; font-weight: normal; color: #008EB0; background-color: transparent; background-image: none; padding: 0 0.5em 0 0.5em; margin: 1em 0 0 -0.5em; border-right: 1px solid #d1d1d1; white-space: nowrap;}



.horizlinks li a:link, .horizlinks li a:visited {color: #008EB0; background-color: transparent;}



.horizlinks li a:hover {color: #fff; background-color: #008EB0; text-decoration: none;}



.horizlinks li a:active {color: #008EB0; background-color: transparent;}



.horizlinks li.lastitem a {border-right: 0; background-image: none; margin: 0 0 0 -0.5em; padding: 0 0.5em 0 0.5em;}







/* for elements that should be in the structure for screen readers, mobile devices, all non-css display */



.horizlinks .hide {display: none;}







/* header formatting */



#header {margin: 0; padding: 0; width: 100%;}



#head1 {width: 280px; float: left; margin: 0; padding: 0; margin: 0 0 0 0; }



#head2 {text-align: center; float: left; padding: 10px 0 0 0; width: 420px; line-height: 1.2em; background-color: transparent; background: transparent url(../images/head2top.gif) no-repeat top center; margin: 0; position: relative; }



#head3 {float: left; padding: 0; width: 115px; line-height: 1.2em; background-color: transparent; margin: 0; background: transparent url(../images/head3top.gif) no-repeat top center; float: right; clear: right; }







#header {text-align: left; margin-top: 5px;}



#header dt {text-align: left; font-size: 130%; font-weight: bold; color: #2e3192; background-color: transparent; margin: 0.5em 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding: 0;}



#header dt span {color: #008eb0; background-color: transparent;}



#header dd {margin: 0; padding: 0; display: inline; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}



#header .enter {display: inline;}



#header dl {margin-bottom: 0;}



#header .check {margin: 0; padding: 0; background-color: transparent; border: 0;}



#header dd {font-size: 100%;}



#header .submit input {display: inline; padding: 0; vertical-align: bottom; }



#header .submit a:hover {background-color: transparent;}



.left25 {margin-left: 25px;}



#header .results img {display: inline; margin: 0 0 -8px 0; }



#header .results a:hover {background-color: transparent;}







#head2 h2 {color: #c1272d; background-color: transparent; padding: 0; font-size: 130%; margin: 0 0 4px 0;}



#head2 span a {float: right; margin: -19px 120px 0 0; font-size: 85%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}



#head2 dl {padding: 0; font-weight: bold; color: #007071; background-color: transparent; margin: 0;}



#head2 .inputbox {text-align: center; width: 200px; display: inline; border: 0; padding: 3px; display: inline; border: 0; border: 1px solid gray; font-size: 110%; letter-spacing: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333; background-color: #fff; margin: 3px 0 0 3px;}



#frontzip .inputbox {text-align: center; width: 200px; display: inline; border: 0; padding: 3px; display: inline; border: 0; border: 1px solid gray; font-size: 110%; letter-spacing: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333; background-color: #fff; margin: 3px 0 0 3px;}



#header #yourzip dd {font-size: 90%; padding: 0 3px 0 3px; margin: 0.8em 0 0 0; color: #c1272d; background-color: transparent; display: inline; }



#header #yourzip dd a {color: #c1272d; background-color: transparent;}



#header #yourzip dd a:link, #header #yourzip dd a:visited {color: #c1272d; background-color: transparent;}



#header #yourzip dd a:hover {color: #ffffff; background-color: #c1272d;}



#header #yourzip dd a:active {color: #c1272d; background-color: transparent;}



#header #yourzip dd.or {color: #008eb0; background-color: transparent;}



#header .validationmessage {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;}



#header .languageselector {margin-left: 448px; width: 224px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 110%; height: 46px; float: left; display: inline; background-color: #028EB1; text-align: center; padding-top: 9px;}



#header .languageselector a:link, #header .languageselector a:visited, #header .languageselector a:active {color: #FFF; background-color: transparent;}



#header .languageselector a.textlink:hover {background-color: #FFF; color: #028EB1;}



#header .languageselector img {display: inline; vertical-align: middle; margin-left: 10px;}



#head3 dl {text-align: center; padding: 0 5px; margin: 0; color: #fff; background-color: transparent;}



#head3 dt {text-align: center; font-size: 110%; color: #fff; background-color: transparent;  margin-bottom: 4px;}



#head3 dd {margin-top: 2px; display: block; line-height: 1.2em;}



#head3 dd a, #head3 dt a {text-align: left; padding: 0; color: #fff; background-color: transparent; margin-bottom: 0;}



#head3 dd a {font-size: 85%;}



#head3 dt a:hover {color: #008eb0; background-color: #fff; text-decoration: none;}



#head3 dd a:hover {color: #008eb0; background-color: #fff; text-decoration: none;}



#head3 a {text-align: center; margin: 3px 0 0 0; padding: 0;}



#head3 a img {text-align: center; margin: 0 auto 0 auto; padding: 0; }







#headrow1 {margin-top: 0; padding-top: 0;}



#header #headrow1 {float: left; width: 820px; background: #fff url(../images/headrow1f.gif) no-repeat center bottom; margin: 0 0 5px 0; padding: 0 0 0 0;}



#header #headrow3 {float: left; width: 100%; margin: 0 0 5px 0; background: #fff url(../images/headrow2-100.gif) no-repeat right top;}







#headrow2 {float: left; width: 100%; margin: 0 0 0 0; background: #fff url(../images/headrow2back.jpg) no-repeat right top; }



#categorynav {margin: 0; padding: 0; float: left;}



#categorynav li {display: inline; list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 85%; width: 112px; float: left; font-size: 76%;}



#categorynav li a {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent; display: block; height: 50px; min-height: 50px; width: 112px; padding: 5px 0 0 0; float: right; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: small;}



#categorynav li a span {padding: 0 22px 0 4px; display: block; text-align: left;}



#categorynav li a:link, #catnav li a:link {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}



#categorynav li a:hover {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}



#categorynav li a:active {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}



#categorynav_sp {margin: 0; padding: 0; float: left;}



#categorynav_sp li {display: inline; list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 85%; width: 112px; float: left; font-size: 85%;}



#categorynav_sp li a {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent; display: block; /*height: 50px;*/ min-height: 50px; width: 112px; padding: 2px 0 0 0; float: right; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: x-small; line-height: 120%; }



#categorynav_sp li a span {padding: 0 22px 0 4px; display: block; text-align: left;}



#categorynav_sp li a:link, #catnav li a:link {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}



#categorynav_sp li a:hover {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}



#categorynav_sp li a:active {text-decoration: none; font-weight: bold; color: #fff; background-color: transparent;}







#catnav1 a {background: transparent url(../images/catnav1.gif) no-repeat top center;}



#catnav1 a:hover {background-position: 0% -84px;}



#catnav2 a {background: transparent url(../images/catnav2.gif) no-repeat top center;}



#catnav2 a:hover {background-position: 0% -84px;}



#catnav3 a {background: transparent url(../images/catnav3.gif) no-repeat top center;}



#catnav3 a:hover {background-position: 0% -84px;}



#catnav4 a {background: transparent url(../images/catnav4.gif) no-repeat top center;}



#catnav4 a:hover {background-position: 0% -84px;}



#catnav5 a {background: transparent url(../images/catnav5.gif) no-repeat top center;}



#catnav5 a:hover {background-position: 0% -84px;}



#catnav6 a {background: transparent url(../images/catnav6.gif) no-repeat top center;}



#catnav6 a:hover {background-position: 0% -84px;}







#navsearch {display: block; width: 148px; margin: 0 auto 2px auto; text-align: center; list-style-type: none; margin: 0; padding: 0 0 2px 0; font-size: 76%; float: right; /*background: transparent url(../images/navcurveright-x.gif) no-repeat bottom right;*/ /*height: 48px;*/}



#navsearch li {list-style-type: none; margin: 0 0 0 6px; padding: 1px 0 0 0; text-align: left;}



#navsearch .inputbox {width: 90px;}



#navsearch .gobutton {vertical-align: bottom; background-color: transparent;}



#headrow2 .inputbox input {width: 90px; display: inline; border: 0; padding: 3px; display: inline; border: 0; border: 1px solid gray; font-size: 76%; letter-spacing: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333; background-color: #fff; margin: 0;}







/*breadcrumbs*/



#bread {list-style-type: none;  margin: 1px 0 0 0; padding: 0; width: 700px; float: left; }



#bread dt {display: inline; font-size: 76%; margin: 0; padding: 0;}



#bread dd {display: inline; margin: 0; padding: 0; font-size: 76%}



#bread dd a {display: inline; text-decoration: underline; font-weight: bold; color: #008eb0; background-color: transparent; background-image: none; padding: 0.3em 0.3em 0.3em 0.3em; margin: 0; white-space: nowrap;}



#bread dd a:link, #bread dd a:visited {color: #008eb0; background-color: transparent;  text-decoration: underline;}



#bread dd a:hover {color: #fff; background-color: #008eb0; text-decoration: none;}



#bread dd a:active {color: #008eb0; background-color: transparent; text-decoration: underline; }







#account {width: 100px; float: right; /*display: inline;*/ padding: 0; margin: 0;}



#account a {display: inline; text-decoration: underline; font-weight: bold; font-size: 100%; color: #c1272d; background-color: transparent; background-image: none; padding: 0.3em 0.3em 0.3em 0.3em; margin: 0; /*white-space: nowrap;*/}



#account a:link, #account a:visited {color: #c1272d; background-color: transparent;  text-decoration: underline;}



#account a:hover {color: #fff; background-color: #c1272d; text-decoration: none;}



#account a:active {color: #c1272d; background-color: transparent; text-decoration: underline; }







/*footer formatting */



.footernav {list-style-type: none;  margin: 0 0 10px 0; padding: 0 1.5em; background-color: transparent;}



.footernav li {display: inline; margin: 0; padding: 0;}



.footernav li a {display: inline; text-decoration: none; font-weight: bold; font-size: 85%; color: #008EB0; background-color: transparent; background-image: none; padding: 0 1.5em 0 1.5em; margin: 1em 0 0 -0.5em; border-right: 1px solid #cccc99;}



.footernav li a:link, .footernav li a:visited {color: #008EB0; background-color: transparent;}



.footernav li a:hover {color: #fff; background-color: #008EB0; text-decoration: none;}



.footernav li a:active {color: #008EB0; background-color: transparent;}



.footernav li.lastitem a {border-right: 0;}







/* for elements that should be in the structure for screen readers, mobile devices, all non-css display */



.footernav .hide {display: none;}







/*NEW to ZIPROAD */







#all-columns {margin: 0; padding: 0; background-color: transparent; clear: both; }
/* Removed float: left on 9-17-08 to fix columns on Safari 3 and FF3 without breaking other browsers.  -TQ */


#all-columns-sub {width: 100%; float: left; padding: 0; margin: 0; }







#nonmain-set {float: left; width: 565px;}



#main-set {float: left; width: 820px;}



#col-1 {float: left; width: 565px; margin-top: 5px;}



#col-2 {display: none}



#col-3 {float: right; width: 250px; margin-top: 5px;}







.row-820 {background: transparent url(../images/bottomcurve820.gif) no-repeat bottom center; padding-bottom: 10px; margin-top: 5px; float: left; width: 820px;}



.full-820 {background: transparent url(../images/fullwide820.gif) no-repeat bottom center; padding-bottom: 10px; margin-top: 5px; float: left; width: 820px;}



.box407 img, .box407-right img {float: left; padding: 0; margin: 10px 0 0 2px;}



.topcurve {background: transparent url(../images/bottomcurve407.gif) no-repeat top right; padding: 10px 0 0 0; margin: 0;}







.mainpageboxheaders { margin: 4px 0 0 80px; padding: 0 0 0 0; font-size: 150%;}



.mainpageboxheaders a {text-decoration: none;}



.mainpageboxpars {margin: 0 3px 0 80px; padding: 0; font-size: 85%;}



.mainpagelinklists {margin: 4px 3px 0 80px; padding: 0;}



.mainpagelinklists a  {font-size: 95%; font-weight: normal; margin: 0 0.1em 0 0;}



.mainpagelinklists li {display: inline; list-style-type: none; white-space: nowrap;}







#col-1 p {padding-left: 5px;}



#col-1 .pad10 p {padding-left: 0;}







/* pad for colored boxes */



.pad10 {padding: 20px 10px 3px 10px; border: 1px solid #d1d1d1; border-top: 0; border-bottom: 0; margin-bottom: 10px; background-color: transparent; line-height: 1.4em;}



.pad40 {padding: 20px 40px 3px 40px; border: 1px solid #d1d1d1; border-top: 0; border-bottom: 0; margin-bottom: 10px; background-color: transparent; line-height: 1.4em;}



.pad80 {padding: 20px 80px 3px 80px; border: 1px solid #d1d1d1; border-top: 0; border-bottom: 0; margin-bottom: 10px; background-color: transparent; line-height: 1.4em;}







/*boxes without headers*/



.box250 {background: transparent url(../images/bottomcurve250.gif) no-repeat bottom right; padding-bottom: 1px; margin-bottom: 5px;}



.box565 {background: transparent url(../images/bottomcurve565.gif) no-repeat bottom right; padding-bottom: 1px; margin-bottom: 5px;}



.box820 {background: transparent url(../images/bottomcurve820.gif) no-repeat bottom right; padding-bottom: 1px; margin-bottom: 5px;}



.box407 {background: transparent url(../images/bottomcurve407.gif) no-repeat top right; padding-bottom: 1px; margin-bottom: 5px; float: left; width: 407px;}



.box407-right {background: transparent url(../images/bottomcurve407.gif) no-repeat top right; padding-bottom: 1px; margin-bottom: 5px; margin-left: 6px; float: left; width: 407px;}







/*basics for all box headers*/



.box200 h2, .box250 h2, .box380 h2, .box565 h2, .full-820 h2 {margin: 0 0 0 0; color: #fff; background-color: transparent; display: block; text-align: center;}







/*green*/



h2.green {background: transparent url(../images/greenboxtop820.gif) no-repeat top left;}



h2.green span {padding: 10px; margin: 0; background: transparent url(../images/green54.gif) no-repeat top right; display: block;}







/*orange*/



h2.orange {background: transparent url(../images/orangeboxtop820.gif) no-repeat top left;}



h2.orange span {padding: 10px; margin: 0; background: transparent url(../images/orange54.gif) no-repeat top right; display: block;}







/*blue*/



h2.blue {background: transparent url(../images/blueboxtop820.gif) no-repeat top left;}



h2.blue span {padding: 10px; margin: 0; background: transparent url(../images/blue54.gif) no-repeat top right; display: block;}







/*purple*/



h2.purple {background: transparent url(../images/purpleboxtop820.gif) no-repeat top left;}



h2.purple span {padding: 10px; margin: 0; background: transparent url(../images/purple54.gif) no-repeat top right; display: block;}







/*red*/



h2.red {background: transparent url(../images/redboxtop820.gif) no-repeat top left;}



h2.red span {padding: 10px; margin: 0; background: transparent url(../images/red54.gif) no-repeat top right; display: block;}







/*ltblue*/



h2.ltblue {background: transparent url(../images/ltblueboxtop820.gif) no-repeat top left;}



h2.ltblue span {padding: 10px; margin: 0; background: transparent url(../images/ltblue54.gif) no-repeat top right; display: block;}







/*ruby*/



h2.ruby {background: transparent url(../images/rubyboxtop820.gif) no-repeat top left;}



h2.ruby span {padding: 10px; margin: 0; background: transparent url(../images/ruby54.gif) no-repeat top right; display: block;}







.inputbox2 {width: 300px; padding: 3px; display: inline; border: 0; padding: 0; display: inline; border: 0; border: 1px solid #d1d1d1; font-size: 115%; letter-spacing: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333; background-color: transparent; margin: 0; display: block;}



.inputbox3 {width: 300px; padding: 3px; display: inline; border: 0; padding: 0; display: inline; border: 0; border: 1px solid #d1d1d1; font-size: 115%; letter-spacing: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333; background-color: transparent; margin: 0; display: inline;}







.box565 dl.pad100 {margin-left: 100px; margin-top: 15px;}



.box565 dl.pad50 {margin-left: 50px; margin-top: 15px;}







.box820 dl.pad100 {margin-left: 100px; margin-top: 15px;}



.box820 dl.pad50 {margin-left: 50px; margin-top: 15px;}







.tallinput .inputbox2 {padding-bottom: 70px;}







#zipnav {width: 450px; margin: 0  0 0 10px; padding: 0; float: right; text-align: center;}



#zipnav li {display: inline; list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 85%; width: 72px; float: left;}



#zipnav li a {width: 72px; float: left; margin: 0;}



#zipnav li a span {margin: 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}



#zipnav li a:hover span {text-decoration: underline;}







img.picright {float: right; margin: 0 3px 3px 3px;}



img.picleft {float: left; margin: 0 4px 1px 3px;}







.pad10 dl {margin: 0 0 15px 0; padding: 0;}



.pad10 dt {margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #d1d1d1; text-align: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}



.pad10 dd {margin: 0.6em 0; padding: 0;}







.pages {text-align: right;}



.highlight {color: #ed1c24; background-color: transparent;}



a span.highlight {color: #ed1c24; background-color: transparent;}



#nonmain-set a.add {color: #fff; background-color: #c1272d; padding: 0.2em 0.5em;}



#nonmain-set a.my {color: #c1272d; background-color: transparent;}







/* style for list page links */



.pagelinks {margin: 10px 0 10px 0;}







/* basic colors */



.green {color: #007071; background-color: transparent;}



.orange {color: #f7941d; background-color: transparent;}



.blue {color: #2e3192; background-color: transparent;}



.purple {color: #bd1a8d; background-color: transparent;}



.red {color: #ef4123; background-color: transparent;}



.ltblue {color: #008eb0; background-color: transparent;}



.ruby {color: #c1272d; background-color: transparent;}







/* expanded colors for link hovers */



a.green {color: #007071; background-color: transparent;}



a.green:link, a.green:visited {color: #007071; background-color: transparent;}



a.green:hover {color: #ffffff; background-color: #007071;}



a.green:active {color: #007071; background-color: transparent;}







a.orange {color: #f7941d; background-color: transparent;}



a.orange:link, a.orange:visited {color: #f7941d; background-color: transparent;}



a.orange:hover {color: #ffffff; background-color: #f7941d;}



a.orange:active {color: #f7941d; background-color: transparent;}







a.blue {color: #2e3192; background-color: transparent;}



a.blue:link, a.blue:visited {color: #2e3192; background-color: transparent;}



a.blue:hover {color: #ffffff; background-color: #2e3192;}



a.blue:active {color: #2e3192; background-color: transparent;}







a.purple {color: #bd1a8d; background-color: transparent;}



a.purple:link, a.purple:visited {color: #bd1a8d; background-color: transparent;}



a.purple:hover {color: #ffffff; background-color: #bd1a8d;}



a.purple:active {color: #bd1a8d; background-color: transparent;}







a.red {color: #ef4123; background-color: transparent;}



a.red:link, a.red:visited {color: #ef4123; background-color: transparent;}



a.red:hover {color: #ffffff; background-color: #ef4123;}



a.red:active {color: #ef4123; background-color: transparent;}







a.ltblue {color: #008eb0; background-color: transparent;}



a.ltblue:link, a.ltblue:visited {color: #008eb0; background-color: transparent;}



a.ltblue:hover {color: #ffffff; background-color: #008eb0;}



a.ltblue:active {color: #008eb0; background-color: transparent;}







a.ruby {color: #c1272d; background-color: transparent;}



a.ruby:link, a.ruby:visited {color: #c1272d; background-color: transparent;}



a.ruby:hover {color: #ffffff; background-color: #c1272d;}



a.ruby:active {color: #c1272d; background-color: transparent;}







.nonbold {font-weight: normal;}







.twocolchart { width: 90%; margin: 0 auto; padding: 0; text-align: center; border-bottom: 0; float: right; /*clear: left;*/}



.twocolchart dd {width: 210px; border: 0; display: inline; margin: 0 0 3px 0; padding: 0; float: left;}



.twocolchart dd img {display: inline; margin: 0 auto; padding: 0; float: left; text-align: center;}



.twocolchart dd {text-align: left; /*margin: 0 0 0 150px;*/ display: inline; padding: 0;}







.comment {background-color: #efefef; color: #000; padding: 0.5em; margin: 0.5em 0.5em 20px 0.5em; display: block; font-size: 85%; text-align: center;}







#nonmain-set .comment .y-n {background-color: #f7941d; color: #fff; padding: 0.1em 0.3em; margin: 0.8em; text-align: center; border: 1px solid #d1d1d1;}







.centered {text-align: center; margin: 20px auto;}



.centered p, .centered li {text-align: left;}



.centered div {margin-left: auto; margin-right: auto; text-align: left; width: 75%;}



.centerednomargin {text-align: center; margin: 0 auto;}







#sponsors img {border: 0; padding: 0; margin: 0 20px 0 0; display: inline;}



#sponsors a:hover {background-color: transparent;}







.surveyhoriz, .surveyvert {margin: 0; padding: 0;}



.surveyhoriz input, .surveyvert input {display: inline;}



.surveyhoriz dt, .surveyvert dt {font-weight: bold; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}



.surveyhoriz dd img, .surveyvert dd img {display: inline; padding: 0; margin: 0;}







.surveyhoriz dd {display: inline; margin-right: 4px; }







.resourcelisttype_1 a {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: small;}



.resourcelisttype_1 dd {margin-bottom: 1em;}



.resourcelisttype_1 dt {text-transform: none; margin-top: 2em; margin-bottom: 1.25em; border-bottom: 1px solid #d1d1d1; font-weight: bold;}



.resourcelisttype_1 span {margin-left: 10px; display: block;}







.resourcelisttype_2 a {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: small;}



.resourcelisttype_2 {list-style-type: none; width: 400px;}



.resourcelisttype_2 li {margin-bottom: 1.25em;}







.desc {margin: 0 5em 1em 5em;}







.right {float: right;}



.left {float: left; }







/* styles used for detail page bookmark control */







.bookmark {display: block; width: 110px; float: right; text-align: center;}







.bookmark img {margin-bottom: -3px;}







.bookmark a:link, .bookmark a:visited, .bookmark a:hover, .bookmark a:active {font-size: 65%; letter-spacing: normal;}















/* used to style my account buttons */







.myaccountbuttons {text-align: center;}







.myaccountbuttons input {margin: 0 0 0.4em 0;}







.myaccountbuttons a:link, .myaccountbuttons a:visited, .myaccountbuttons a:hover, .myaccountbuttons a:active {font-size: 90%;}















/* used to style my account link lists */







.myaccountlinks h3 {}







.myaccountlinks .resourcelisttype_1 dt {margin-top: 0;}







.myaccountlinks .resourcelisttype_1 dd {margin-top: 0.4em; margin-bottom: 0.4em;}















/*table {table-layout: fixed;}*/















.listings th, .listings td {padding: 5px;}







.listings th {background-color: #b1b1b1; color: #333; }







.listings th img {display: inline; margin: 0; padding: 0;}







.listings td {padding: 8px 5px 8px 5px;}







.listings th a {background-color: transparent; color: #fff; text-align: center;}







.listings th a:link, .listings th a:visited  {background-color: transparent; color: #fff;}







.listings th a:hover {background-color: #fff; color: #b1b1b1;}







.listings th a:active  {background-color: transparent; color: #fff;}















.listings .col1 {width: 40%;}







.listings .highlighted {background-color: #f5f5f5; color: #333; margin: 0 4px 0 4px;}







.listings .col2 {width: 20%;} 







.listings .col3 {width: 20%;} 







.listings .col4 {width: 20%;} 















.detail {}







.detail .col1 {width: 100px;}







.detail .col2 {width: 150px;}







.detail .col3 {width: 100px;}







.detail td {padding: 8px 5px 8px 5px;}















.upper820 {clear: both;}







.upper820 dl {float: left; width: 24%; padding: 0 0 0 10px;}







.upper820 dl.threecolumn {float: left; width: 72%; padding: 0 0 0 10px;}







.upper820 dl.threecolumn dd {float: left; width: 48%; margin: 2px 2px 2px 2px;}







.upper820 #searchsummary .resultsradius {float: left; text-align: center; margin: 0 0 10px 30px;}







.upper820 #searchoptions .resultsradius {clear: both; text-align: center; margin: 0 0 10px 0;}







.upper820 #searchoptions div {border: none; padding: 20px 40px 0 40px; margin: 0;}







.upper820 #searchoptions .sourcelogosearchbutton {float: right; margin: 0; padding: 0;}















/* front page styles */







#frontpage #header {text-align: center;  margin: 0 auto;  padding: 0; padding-bottom: 10px; }







#frontpagebox {background: transparent url(../images/frontbigboxBottom.jpg) no-repeat bottom left; border-top: 0; padding: 1px 0 15px 0; margin: 0; }


#frontpagebox_esp {background: transparent url(../images/frontbigboxBottom_esp.jpg) no-repeat bottom left; border-top: 0; padding: 1px 0 15px 0; margin: 0; }




#frontpage h1 { padding: 0 0 0 0; text-align: center;  margin: 0 auto 0 auto; background: transparent url(../images/frontbigbox.gif) no-repeat top center; padding: 20px 0 0 0;}







#frontpage h1 img {margin: 0 auto; }







#frontpage #wrap {margin-top: 30px; width: 600px;}







#frontpage #wrap-inner {margin-bottom: 0;}







#frontpage #header .inputbox input {width: 5em; padding: 5px; display: inline; border: 0; border: 1px solid gray; font-size: 125%; letter-spacing: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #333; background-color: transparent; margin: 0;}







#frontpage #header .submit input {display: inline; padding: 0; vertical-align: bottom;}







#frontpage #header dt span {color: #c1272d; background-color: transparent;}







#frontpage #header .remember {text-align: center; color: #333; background-color: transparent; font-weight: normal; padding: 0; margin: 0.25em 0 0 0; }







#frontpage #header .validationmessage {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold;}







#frontzip {margin: 0 auto 200px 0; text-align: center;}







#frontzip img {margin: 0 auto; padding: 0; border: 0; text-align: center;}







#yourzip2 dt {margin-left: 0; text-align: center;}







#frontpage .submit a:hover {background-color: transparent;}







#frontpage #lowerfoot {clear: left; width: 600px;  padding-top: 20px; margin-top: 0;}







#bottomhalf {margin: 0 auto;}















/* admin toolbar styles */







#admintoolbar {background-color: #DDD;}







#admintoolbar h4 {margin: 0 0 10px 0; padding: 0;}







#admintoolbar .fullmode {padding: 5px;}







#admintoolbar .compactmode {padding: 5px;}







#admintoolbar .mode {float: right; font-size: 85%;}







#admintoolbar .menu {margin: 0; padding: 0 10px 0 10px; text-align: left; float: left; width: 15%; height: 140px; border-right: solid 1px #000;}







#admintoolbar .menu dt {margin: 0; font-weight: bold;}







#admintoolbar .menu dd {margin: 0 0 0 10px;}







#admintoolbar .pageinfo {margin: 0; padding: 0 10px 0 10px; text-align: left; float: left; width: 40%; height: 140px; border-right: solid 1px #000;}







#admintoolbar .pageinfo dl {margin: 0 0 12px 0; padding: 0;}







#admintoolbar .pageinfo dd {margin: 5px 0 0 5px; padding: 0;}







#admintoolbar .pageinfo ul {list-style: none; margin: 5px 0 5px 0; padding: 0;}







#admintoolbar .pageinfo li {float: left; margin: 0 10px 0 0; padding: 0;}







#admintoolbar .pageinfo select {font-size: 90%; vertical-align: middle;} 







#admintoolbar .addcontrol {margin: 0; padding: 0 10px 0 10px; text-align: left; float: left; width: 35%; height: 140px;}







#admintoolbar .addcontrol dt {margin: 0 0 5px 0; font-weight: bold;}







#admintoolbar .addcontrol dd {margin: 0 0 6px 10px;} 







#admintoolbar .addcontrol label {font-size: 90%;}















/* control menu styles */







.admincontrolmenu {font-size: 90%; clear: both; margin: 5px 0 0 0;}







.admincontrolmenu ul {list-style: none; width: 120px; margin: 0 0 0 5px; padding: 0; background-color: #DDD;}







.admincontrolmenu li {margin: 0 8px 0 0; padding: 0;}







.admincontrolmenu ul.submenu {width: 100px; margin-left: 20px;}















/* detail page styles */







.detailsection .brandingimage {float: right; margin: 0 10px 0 5px; width: 150px;} /* width needs to be limited, otherwise this div will expand to the left and right borders */







.detailsection .detailrow {padding: 5px; margin-bottom: 0 0 5px 0; clear: left;}







.detailsection .detailrow label {float: left; font-weight: bold; display: block; width: 145px; text-align: left; padding: 0 10px 0 0;} /* specify display = inline in order to keep ie from doubling margins and padding */







.detailsection .detailrow div {padding-left: 160px;}







.detailsection .detailrow .checkboxlist label {font-weight: normal; display: inline; float: none;}







.detailsection .detailrow .checkboxlist input {width: 5%;}







.detailsection .detailrow input {width:95%;}







.detailsection .detailrow div .googlemap {width:357px;height:80px; border: solid 1px #000; margin: 10px 0 0 0; padding: 0;}







.detailsection .detailrow div .googlemap div {padding:0;clear:both} /* Used for divs created by Google inside the map */







.detailsection .detailrow .help {float: right;}







.detailsection .boolean {font-weight: bold; color: #bd1a8d;}







/* hide hack from Mac-IE5 \*/







* html .detailsection .detailrow div { height: 1%; padding: 0;}







/* end hiding */















/* used to style cms template regions when editing a page */







.cmsregion {border: dotted 1px #000; width: 100%;}







.cmsregion h4.cmsregionname {margin: 0 0 5px 0; padding: 2px; border: none; color: #000; font-style: normal; font-size: 90%; background-image: none; background-color: #DDD; text-align: center;}















/* used to style cms template region when editing a master page */







.cmstemplateregion {margin: 5px; padding: 10px; font-weight: bold; background-color: #DDD; border: solid 1px #000; clear: both;}















/* used to clear formatting for html editor */







.detailsection .detailrow div .htmleditor,







.detailsection .detailrow div .htmleditor div {padding-left: 0;}







.detailsection .detailrow div .htmleditor table {float: left;}















.detailsection .detailrow div .simpletexteditor {padding-left: 0;}







.detailsection .detailrow div .simpletexteditor textarea {width:95%;height:350px;}















/* temporary styles for placeholders */







.video {margin: 5px; padding: 10px; font-weight: bold; background-color: #DDD; border: solid 1px #000; clear: both;}







.beehivereference {margin: 5px; padding: 10px; font-weight: bold; background-color: #DDD; border: solid 1px #000; clear: both;}















/* For language links on Editor Detail */







.editorlanguagebar {float:right;margin-right:10px}







/*.editorlanguagebar span {font-size:125%;font-weight:bold;}*/















/* style to make links look disabled in firefox */







a[disabled="disabled"] {color: #BBB; text-decoration: underline; background: none;}















/* Edit Content... Import */







.importdata textarea {width:95%;margin-bottom:5px;}















/* Login Required note on Add Review and Add to My List */







.loginrequired {color: #c1272d;font-weight:normal;font-size:75%;}















/* Suggested By on both list and detail */







.suggestedby {color: #c1272d;font-size:75%; padding: 15px 0 15px 30px; background: transparent url(../images/light_bulb.gif) no-repeat center left;}











/* For most links on ExternalLink tokens */







.externallink {padding: 15px 0 15px 30px; background: transparent url(../images/links.gif) no-repeat center left;}











/* For Beehive Links on ExternalLink tokens */







.beehivelink {padding: 15px 0 15px 30px; background: transparent url(../images/beehive02.gif) no-repeat center left;}















/* For Main Page banners - HTML content types - v.2  */







.main-2banners-top {margin-top: 5px; float: left; background: url(../images/main-2banners-top.jpg) no-repeat top left;}



.whitecorners-820 {margin-bottom: 0; float: left; background: url(../images/whitecorners-820b.gif) no-repeat bottom left;}



.whitecorners-820_esp {margin-bottom: 0; float: left; background: url(../images/whitecorners-820b_esp.gif) no-repeat bottom left;}







.add-box-main2 { float: left; width: 407px; margin-top: 5px;}



.add-box-main2 p {margin: 0 0 0 195px; padding: 5px 3px 5px 23px; font-size: 82%;}



.add-box-main2 img {margin: 0 15px 3px 195px; padding: 0 0 5px 0; float: right;}







.bh-main2 { margin-left: 6px; float: left; width: 407px; margin-top: 5px;}



.bh-main2 p {margin-left: 5px; padding: 12px 7px 7px 7px; font-size: 82%; width: 180px; float: right;}



.bh-main2 img {margin-left: 15px; padding: 7px 0 7px 15px; font-size: 82%; float: left;}















/* For Wide Add a Resource banners - HTML content types   */







.add-wide-top {margin-top: 0; padding-top: 44px; background: url(../images/add-wide-top.jpg) no-repeat top left;}



.add-wide-bottom {margin-bottom: 0; padding-bottom: 49px; background: url(../images/add-wide-bottom.jpg) no-repeat bottom left;}



.add-wide-inside { border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 10px 0; text-align: center; margin: auto;}



.full-820-htmlinsert {margin-top: 5px; float: left; width: 820px;}



.add-wide-inside h3 {font-size: 120%; background-image: none; margin: 0;}



.add-wide-inside img {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}











/* For Narrow Add a Resource banners - HTML content types   */







.add-narrow-bottom {margin-bottom: 0; padding: 0 0 15px 0; background: url(../images/add-narrow-bottom.gif) no-repeat bottom left;}



.add-narrow-inside {background-color: #cbcbe3; padding: 10px 8px 1px 8px; text-align: center; margin: 0 auto;}



.box250-htmlinsert {margin-top: 0; float: left; width: 250px;}



.add-narrow-inside h3 {font-size: 120%; background-image: none; margin: 0;}



.add-narrow-inside img {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}







/* for AfterSchool */



.add-narrow-top-2 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-2.jpg) no-repeat top left;}







/* for In-Person tutoring */



.add-narrow-top-6 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-6.jpg) no-repeat top left;}







/* for online tutoring */



.add-narrow-top-7 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-7.jpg) no-repeat top left;}







/* for parents */



.add-narrow-top-8 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-8.jpg) no-repeat top left;}







/* for college test prep online */



.add-narrow-top-9 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-9.jpg) no-repeat top left;}







/* for colleges (college listings) */



.add-narrow-top-10 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-10.jpg) no-repeat top left;}







/* for college test prep in person */



.add-narrow-top-11 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-11.jpg) no-repeat top left;}







/* 12 for scholarships */



.add-narrow-top-12 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-12.jpg) no-repeat top left;}







/* 13 for news */



.add-narrow-top-13 {margin-top: 0; padding: 84px 0 0 0; background: url(../images/add-narrow-top-12.jpg) no-repeat top left;}









/* flags */

.flagcontent {line-height: 115%; width: 130px; font-size:90%; float:right; margin-top: 3px;}

.flagcontent span {line-height: 80%; font-size: 82%;}

.flagcontent a {padding: 0; margin: 0;}

.flagcontent img {display:inline; /*position:relative; */ float: right;  /*top:7px; */  margin: 5px 0 0 0; padding: 0;}

.flagreview  {font-size:85%; display:inline; margin-left:20px}

.flagreview img {display:inline; top:7px}