/* ---------- MySQUeaL Resources' Main Style Sheet ---------- */

body {
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 16px;
}


/* ---------- Primary DIV Style Rules ---------- */
div#page {
   width: 1024px;
   margin: 0 auto 0 auto;
   padding: 20px;
   background-color: #ffffff;
}
div#page_contents {
   display: block;
   margin-bottom: 12px;
}
div#example {
   margin: 10px;
   padding: 10px;
   border-style: solid;
   border-width: 1px;
}
div#separate {
   display: block;
   float: left;
   clear: both;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div#separate h4 {
   margin: 10px 0 0 0;
   padding: 0;
}
div#advert {
   display: block;
   float: left;
   clear: both;
   margin: 10px 0;
   padding: 8px 3px;
   border-style: dotted;
   border-width: 1px;
   border-color: tomato;
}
div#advert img {
   display: inline;
   float: right;
   width: 60px;
   margin: 0;
   padding: 0;
}
div#advert h4 {
   margin: 0;
   margin-bottom: 5px;
   padding: 0;
   font-size: 20px;
}
div#advert p {
   margin: 0;
   padding: 0;
   font-family: Helvetica, sans;
   font-size: 14px;
}
div.band {
   position: relative;
   overflow: hidden;
   clear: both;
   border-style: solid;
   border-width: 1px;
}
div.band h3 {
   margin: 2px;
   padding: 0;
   text-align: center;
   text-transform: lowercase;
   letter-spacing: 2px;
}
div#details {
   clear: both;
   margin: 10px;
   padding: 10px;
   border-style: solid;
   border-width: 1px;
}


/* ---------- Navigator styles ---------- */
div#nav { 
   display: block;
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   white-space: nowrap;
}
ul#nav {
 list-style: none;
 margin: 0;
 margin-top: 10px;
 padding: 8px;
 border-top-style:  dotted;
 border-top-width:  1px;
 border-top-color:  #ccc;
}
ul#nav li {
 width: 11%;
 float: left;
 text-align: center;
 font: 11px Gill Sans;
 font-weight: bold;
 text-transform: lowercase;
 border-left-style:  dotted;
 border-left-width:  1px;
 border-left-color:  #ccc;
}
ul#nav li#first_tab {
 border-left: none;
}
div#nav a {
   color: #993300; 
}
div#nav_tabs {
   margin: 5px 0 0 0;
   padding: 5px;
   font-size: 14px;
}
#nav_tabs ul {
   display: block;
   z-index: 5500;
   margin: 0;
   padding: 0;
   white-space: nowrap;
   text-transform: lowercase;
/*\*/  vertical-align: middle;/*\*/
   line-height: 12px; 
}
#nav_tabs li {
   display: inline;
   float: left;
   white-space: nowrap;
   margin: 0;
   padding: 4px 7px 3px 7px;
   list-style-type: none; 
   border-width: 1px 1px 1px 0;
   border-left-width: 0;
   border-right-style: solid;

}
#nav_tabs ul li.selected {
   z-index: 9999;
   padding: 4px 7px 4px 7px;
   border-bottom: none;
}
#nav_tabs ul li.selected a { 
   z-index: 9999;
}


/* ---------- Masthead ---------- */

div#masthead {
   display: block;
   float: left;
   clear: both;
   min-width: 785px;
   margin: 0;
   padding: 0;
   height: 40px;
   overflow: hidden;
   border-top-style: solid;
   border-top-width: 1px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div#masthead_main {
 display: block;
 width: 100%;
 min-width: 940px;
 margin: 0;
 margin-top: 10px;
 padding-top: 20px;
 background: url(/images/nav_bar/fray.gif) top repeat-x;
 border-bottom: 3px double #cccccc;
}

div#masthead img {
   display: block;
   height: 30px;
   margin: 10px 0;
   padding-bottom: 6px;
   border-style: none;
}
div#info_bar {
   display: block;
   float: none;
   clear: both;
   width: auto;
   white-space: nowrap;
   margin-bottom: 10px;
   font-size: 12px;
   letter-spacing: 1px; 
   line-height: 18px;
   text-align: center;
   text-transform: lowercase;
}

/* ---------- Heading Style Rules ---------- */

h1 { 
   margin-top: 10px;
   font-size: 22px; 
   line-height: 24px;
   letter-spacing: 1.8px;
}
h2 { 
   font-family: "Lucida Grande", Georgia;
   font-size: 20px; 
   line-height: 30px;
   letter-spacing: 2px;
}
h3 {
   font-size: 16px; 
   line-height: 18px;
   letter-spacing: 1.8px;
}
h4 {
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 1.5px;
}
h5 { 
   font-size: 12px; 
   line-height: 14px;
   letter-spacing: 1px;
}
h6 { 
   font-size: 10px; 
   line-height: 12px;
   letter-spacing: .8px;
}


/* ---------- Other Text Style Rules ---------- */

p { 
   font-size: 14px;
   letter-spacing: .5px; 
   line-height: 18px;
   text-align: justify;
}
a { 
   text-decoration: none; 
}
ul { 
   list-style-type: none; 
}
li { 
   list-style-type: none; 
}
b.quote {
   font-style: italic;
}
b.quote small {
   font-style: normal;
   font-size: 8px;
}
blockquote { 
   margin: 20px; 
}
div#quote {
   font-style: italic;
   margin-top: 20px;
}
.tight { 
   margin: 0;
}
pre { 
   font-family: "Courier New", Courier, monospace;
   font-size: 14px;
}
hr { 
   margin: 0 0 10px 0; 
}
hr.list { 
   margin: 0; 
}


/* ---------- Left margin styles ---------- */

div#left_margin {
   display: block;
   float: left;
   width: 125px;
   margin: 20px 0;
   padding: 0;
   vertical-align: top;
}
#left_margin h3, #left_margin h4 {
   margin: 0;
   padding: 5px 0 0 5px;
}
#left_margin ul {
   margin: 0;
   padding: 5px 0;
}
#left_margin li {
   padding: 0 15px;
   text-indent: 0;
}
#left_margin p { 
   padding-left: 5px; 
}
div#navigation, div#writers {
   padding: 10px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}

/* ---------- Center panel styles ---------- */

div#center_panel { 
   float: left;
   width: 60%;
   min-width: 555px;
   margin: 20px 10px;
   vertical-align: top;
}
div#page_heading { 
   margin-bottom: 10px;
   padding: 15px 0;
   border-bottom-width: 1px; 
   border-bottom-style: none;
   border-bottom-color: #ccc;
}
div#page_heading h2 {
   display: block;
   margin: 0;
   margin-bottom: 6px;
}
div#page_heading p {
   margin: 0;
   padding: 0;
   font-size: 16px; 
}
div#comments {
   float: left; 
   margin: 0 12px;
   padding: 0 5px;
}
div#comments div.comment h3 {
   margin: 0;
   margin-top: 4px;
}
div#comments_box {
   display: block;
   float: left;
   clear: both;
   margin: 0;
   padding: 0;
}
div#comments_box h3 {
   margin: 0;
   margin-top: 12px;
   font-size: 14px;
}
div#comments_box div.comments_left {
   display: block;
   float: left;
   width: 45%;
   clear: left;
   padding: 0 8px; 
}
div#comments_box div.comments_right {
   display: block;
   float: right;
   width: 45%;
   clear: right;
   margin: 0 10px;
   padding-left: 15px;
}
div#comments div.comment p {
   margin-top: 0;
   margin-bottom: 2px;
}
div#comments div.comment h3.section_heading {
   display: block;
   margin: 10px 0 4px 0;
   font-family: "Lucida Grande", Georgia;
   font-size: 18px;
   line-height: 22px;
   letter-spacing: 2px;
}
div#center_panel h3.sub_heading {
   margin: 0; 
   margin-bottom: 2px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}
div#center_panel h3.sub_heading {
   margin: 2px 0 0 0;
}
div#center_panel h3.rubric { 
   margin: 0; 
}
#center_panel ul {
   margin: 0 0 0 10px;
   padding-left: 10px;
   list-style-type: square;
}
#center_panel li {
   text-indent: 0;
   list-style-type: square;
}
div#center_panel_wide { 
   float: left;
   width: 610px;
   vertical-align: top;
}
div#center_panel_full { 
   display: block;
   position: relative;
   float: left;
   margin:  20px 10px;
   padding: 0;
   vertical-align: top;
}
div#center_panel div#issue_openner {
   display: block;
   margin: 0 0 20px 0;
   padding: 0;
}
div#center_panel div.section {
   display: block;
   margin: 0 0 20px 0;
   padding: 0;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div.headline_section {
   display: block;
   margin: 0 5px 20px 5px;
}
div.comment div.banner {
   padding-top: 0;
   font-weight: bold;
   letter-spacing: 1px; 
   text-transform: lowercase;
   text-align: center;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div.small_container {
   display: block;
   margin: 10px;
   padding: 5px 0 50px 0;
   vertical-align: top;
   text-align: left;
   border-top-style: solid;
   border-top-width: 1px;
}
div.small_container h4 {
   margin: 0;
}
div#text_box {
   display: block;
   float: left;
   width: 60%;
   margin: 10px;
}
div#web_icons {
   display: block;
   float: left;
   clear: both;
   margin: 10px 0;
}
div#featured_technotes {
   display: block;
   float: left;
   clear: both;
   margin 20px 0;
   padding: 0;
   font-size: 10px;
   border-style: double;
   border-width: 4px;
   border-right: none;
   border-left: none;
}
div#featured_technotes h4 {
   margin: 10px 0 0 0;
   padding: 0;
}
div#snaps { 
   display: block;
   float: left;
   clear: both;
   margin 2px 0;
   padding: 10px 0 0 10px;
}
div#short_box_filler {
   float: right;
   width: 1px;
   height: 250px;
}
div.comment {
   display: block;
   margin: 15px 0;
   padding: 0;
}
div.post_info {
   display: block;
   margin: 0;
   padding: 0;
   font-size: 11px;
   letter-spacing_: 1px; 
   line-height: 11px;
   text-align: left;
   text-transform: lowercase;
}
div#article_comment h4 {
   display: block;
   z-index: 10;
   margin: 30px 0 5px 0;
   padding: 0 0 1px 5px; 
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div#user_groups {
   display: block;
   margin: 0;
   margin-left: 15px;
   padding: 0 5px;
}
div#user_groups p {
   padding: 5px;
}
div.user_group {
   display: block;
   margin: 0;
   padding: 0;
}
div#user_group_info {
   display: inline;
   float: right;
   width: 150px;
   min-height: 200px;
   z-index: 100;
   margin: 0;
   margin-left: 14px;
   padding: 0 10px;
   border-left-style: dotted;
   border-width: 1px;
}
div#user_group_info h5 {
   margin: 0;
   line-height: 16px;
   font-weight: normal;
}
ul#meeting_dates  {
   margin: 0 0 0 10px;
   padding-left: 10px;
}
ul#meeting_dates li {
   margin: 0;
   padding: 0;
   line-height: 15px;
   text-indent: 0;
   list-style-type: square;
}
div#info_chg_notice {
   display: block;
   margin-top: 20px;
   border-top-style: dotted;
   border-width: 1px;
}
div#info_chg_notice h4 {
   margin-bottom: 0;
}
div#manuals { 
   display: block;
   float: left;
   clear: left;
   margin: 20px 0; 
   padding: 0; 
}
div#manuals #book { 
   display: block;
   float: left;
   clear: left;
   margin: 5px 0; 
   padding: 0; 
}
div#books { 
   display: block;
   float: left;
   clear: left;
   width: 95%;
   margin: 0 20px; 
   padding: 0;
}
div#books div.book { 
   display: block;
   float: left;
   clear: left;
   margin: 5px 0; 
   padding: 0; 
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
a.high_rating { 
   font-style: bold;
   font-size: 16px;
}
.book_detail {
   display: block;
   margin: 0; 
   padding: 0;
}
.switch {
   float: right; 
   display: block;
   border-style: solid;
   border-width: 1px;
}
h4.zone_heading {
   margin: 5px 0 0 0;
}


/* ---------- Right margin styles ----------*/

#right_margin {
   display: block;
   float: right;
   width: 260px;
   margin: 20px 0;
   padding: 0;
   vertical-align: top;
}
div#right_margin h3.sub_heading {
   margin: 0; 
   margin-bottom: 2px;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}
#right_margin h2 { 
   margin: 0;
   text-align: left;
}
#right_margin h3 { 
   margin-bottom: 0;
   padding: 0;
}
#right_margin p {
   margin-top: 0;
   padding: 0 5px 5px 0;
}
#right_margin ul {
   margin: 0;
   padding: 10px;
}
#right_margin li {
   margin: 0;
   padding: 0;
   line-height: 10px;
   text-indent: 0;
}
#right_margin ul.profile_list li {
   margin-top: 10px;
   margin-bottom: 0;
}
#right_margin h3.side_heading { 
   margin-top: 0; 
}
#right_margin #side_topic .box ul.topics {
   margin: 5px 0 0 0px;
   padding: 0;
}
#right_margin .box ul.topics li a {
   margin-left: 0;
   padding-left: 0;
   text-indent: 0;
}
ul.topics li p {
   margin-bottom: 0;
   padding: 0;
}
#right_margin .box h4.topics {
   margin: 0;
}
#right_margin .box ul.topics li { 
   line-height: 14px;
}
ul#tight {
   margin: 0;
   padding: 10px;
}
li.tight { 
   margin: 0;
   padding: 0;
   line-height: 8px;
   text-indent: 0;
}


/* ---------- One Panel styles ---------- */

div#one_panel { 
   float: left;
   width: 785px;
   vertical-align: top;
}


/* ---------- Table Style Rules ---------- */

table { 
   width: 100%;
   margin: 0;
   padding: 0;
}
Tr, td {
   margin: 0;
   padding: 0;
}
td.bottom_box {
   padding: 10px;
}
Tr.heading {
   margin: 0;
   padding: 0;
   border-bottom-style: solid
   border-bottom-width: 1px;
}
Tr.sub_heading td {
   margin: 0;
   padding: 0;
   border-bottom-style: solid;
   border-bottom-width: 2px;
}
td.heading {
   vertical-align: bottom;
   text-align: center;
}


/* ---------- Special IMG styles ---------- */

img#plain_img { 
   float: left;
   height: 100px;
   margin: 10px 10px 100px 10px;
   padding: 0;
   border-style: none;
}
img#plain_medium_img { 
   float: left;
   height: 200px;
   margin: 10px 10px 100px 10px;
   padding: 0;
   border-style: none;
}
div.notice a img.notice {
   display: block;
   margin: 10px;
   padding: 0;
   border-style: none;
}
img.line_box_image {
   float:  left;
   width: 120px;
   margin: 0;
   padding: 5px;
   border-style: solid;
   border-width: 1px;
}
a img { 
   border-style: none; 
}
img#logo {
   position: relative;
   display: block;
   float: right;
   top: -25px;
   right: 0;
   white-space: nowrap;
}
img.design_standard_icon {
   float: left;
   clear: left;
   width: 44px;
   height: 16px;
   margin: 10px 10px 5px 0;
}
div#issue_openner img, div.section img {
   display: block;
   margin: 10px;
   padding: 0;
}
img.notice {
   margin: 10px;
}
img.mug_shot {
   display: inline;
   float: right;
   width: 100px;
   border-width: 1px;
}
div#featured_technotes img {
   margin-bottom: 15px;
}
div#comments div.comment img {
   display: block;
   float: right;
   margin: 10px; 
   padding: 0;
   border-style: none;
}
img#email {
   display: block;
   float: left;
   margin:  10px;
   padding: 0;
   border-style: none;
}
img#mysql_column { 
   display: block;
   float: right;
   clear: both;
   width: 250px;
   z-index: 100;
   margin: 0 0 20px 0; 
   padding: 6px;
   border-style: solid;
   border-width: 1px;
}
img#macro { 
   display: block;
   float: left;
   clear: both;
   width: 284px;
   z-index: 100;
   margin: 0 2px 20px 2px; 
   padding: 6px;
   border-style: solid;
   border-width: 1px;
}
img.manual { 
   display: block;
   float: right;
   clear: right;
   margin: 5px; 
   padding: 0; 
}
img.book_cover {
   display: block;
   float: right;
   margin: 0 0 5px 5px; 
   padding: 0;
   width: 100px;
   border-style: solid;
   border-width: 1px;
}
img#my_book,
#sidebar_ad a img#my_book { 
   float: right;
   width: 100px;
   padding: 5px;
   margin: 0 0 10px 10px;
}
#profile_box img, #profile_admin_box img { 
   float: left;
   height: 250px;
   margin: 0 10px 10px 10px;
   padding: 0;
   border-style: solid;
   border-width: 2px;
}
img#country_flag {
   display: block;
   float: right;
   width: 25px;
   margin: 0;
   margin-left: 10px;
   padding: 0;
   border-style: solid;
   border-width: 1px;
}

/* ---------- Form styles ---------- */

#form_box {
   margin: 0 0 2px 0;
   padding: 0;
   border-style: none;
   border-width: 1px;
}
#comment_form {
   margin-bottom: 40px;
   padding: 0;
}
#comments_wrapper {
   display: block;
   position: relative;
   float: left;
   margin: 0;
}
#reader_comments {
   margin-bottom: 2px;
   padding: 0 10px 0 10px;
}


/* ---------- Highlight Box styles ---------- */
div#right_margin div.box {
   float: left;
   clear: both;
   width: 262px;
   margin: 0 0 10px 10px;
   padding: 8px 0;
   padding-top: 0; 
}
div#right_margin .box .box_top h3 {
   margin-top: 0;
}
div#right_margin div.box p {
   text-align: justify;
}
div.box_contents h4 {
   margin: 0;
   margin-top: 8px;
   padding: 0;
   font-size: 11px;
}
div.box_contents p {
   margin: 0;
   padding: 0;
   font-size: 11px;
}
div.box_contents h3 {
   margin: 0;
   padding: 0;
}
div.box_contents {
   padding: 0 5px;
   text-align: left;
}
div.list_box {
   display: block;
   margin: 0;
   padding: 0;
}
div.box {
   display: block;
   float: left;
   margin: 0;
   margin-bottom: 15px;
   margin: 10px 0;
}
div.box div.box_top  {
   display: block;
   margin-bottom: 6px;
   padding: 0px;
   text-align: left;
   letter-spacing: 2px;
   text-transform: lowercase;
   border-bottom: 2px solid #cccccc;
}
div.box div.box_top h2 { 
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 18px;
   vertical-align: text-top;
   background-color: #fff;
   font-weight: bold;
   text-transform: lowercase;
}
div.box div.box_top h4 { 
   display: inline;
   margin: 0;
   padding: 0 3px 0 3px;
   font-family: Gill Sans, Arial, Sans, serif;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: 2px;
   vertical-align: text-top;
   background-color: #fff;
   font-weight: bold;
   text-transform: lowercase;
}
div.box div.box_top h4 { 
   display: inline;
   font-size: 12px; 
}
div.box ul li,
div#left_margin div.box ul li { 
   text-indent: -10px; 
}
div.box ul li a{
   font-size: 11px;
}
div#profile_admin_box {
   width: 600px;
}
div#profile_box, div#profile_admin_box {
   display: block;
   float: left;
   margin-bottom: 10px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div#profile_box_filler {
   float: right;
   width: 1px;
   height: 260px;
}
div#profile_box_clearer {
   clear: both;
   overflow: hidden;
   height: 1px;
}
#profile_box h2 { 
   margin: 10px 0 10px 0; 
}
div.focus_box {
   display: block;
   margin: 10px;
   border-style: solid;
   border-width: 1px;
}
div.box div.box_contents {
   padding-left: 5px;
}
div.box div.box_contents form {
   margin-top: 8px;
   margin-bottom: 8px;
}
div.box div.box_contents a {
   font-size: 12px;
}
div.focus_box_ div.box_top {
   text-align: center;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
div#side_topic .box .box_top h3 { 
   margin-top: 5px; 
}
div#side_topic, #side_topic_index {
   float: left;
   clear: both;
   display: block;
   margin: 0 2px 2px 2px;
   padding: 0 10px;
   border-style: solid;
   border-width: 1px;
}
div#side_topic_index {
   border-style: solid;
   border-width: 1px;
}
div#side_topic_index .box .box_top h3 {
   margin-top: 5px;
}


/* ---------- Other styles ---------- */

a.comment_notation { 
   background: url('/images/nav_bar/comment.png') no-repeat right; 
   margin: -10px 0 10px 0;
   padding: 0;
   padding-right: 20px;
   text-align: left;
}
a.encourage { 
   background: url('/images/nav_bar/right_arrow.png') no-repeat right; 
   padding-right: 20px;
}
div.notice { 
   float: left;
   margin: 5px 5px 0 0;
   padding: 10px;
}
h2.comment_heading { 
   z-index: 10;
   margin: 0;
   margin-bottom: 5px;
   padding: 0; 
   line-height: 16px;
}
h3.comment_heading {
   display: block;
   z-index: 10;
   margin: 0;
   margin-top: 14px;
   padding: 0;
   padding-bottom: 1px; 
}
h3.comment_heading_shorter {
   display: block;
   margin: 0 0 5px 0;
   padding: 0;
   padding-bottom: 5px; 
   line-height: 9px;
}
div#one_panel p { 
   margin-bottom: 2px; 
}
div.minor_notice {
   float: left;
   clear: both;
   margin: 0 2px 2px 2px;
   padding: 0 10px;
   border-style: none;
}
.date_notation { 
   float: left;
   clear: both;
   background: url('/images/nav_bar/clock.png') no-repeat right; 
   margin-right: 10px;
   padding-right: 15px;
}
.img_notation { 
   display: block; 
   text-align: center; 
}
#reduced { 
   font-style: italic; 
   text-transform: lowercase; 
}
li.highlight { 
   text-indent: 10px; 
}
.footnote, .footnote a { 
   font-size: 12px; 
}
div#bottom_line_up {
   display: block;
   clear: both;
   float: left;
   width: 1024px;
   margin: 0;
   border-style: none;
}
div.line_box {
   display: block;
   float: left;
   width: 150px;
   margin: 2px;
   padding: 0;
}
#footer {
   display: inline;
   margin: 0;
   padding: 10px 0;
   text-align: left;
}
div#children_info_box {
   display: block;
   float: right;
   z-index: 10;
   clear: right;
   z-index: 1;
   margin: 0 0 10px 50px;
   width: 260px;
}
div#children_info_box_top {
   display: block;
   float: left;
   clear: both;
   margin: 0 0 5px 10px;
   padding: 0;
}
div#children_info_box_top h4 {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 18px;
   vertical-align: text-top;
   background-color: #fff;
   font-weight: bold;
   text-transform: lowercase;
}
div#children_info {
   float: left;
   z-index: 10;
   margin: 0 0 20px 10px;
   padding: 0;
   border-left-style: none;
   border-left-width: 1px;
}
div#children_info img#mysql_column { 
   margin: 30px 0; 
}
div#children_info h3,
h3#book_title {
   margin-top: 0;
}
div#children_info ul {
	margin: 0 0 0 1em;
	padding-left: 1em;
}

div#children_info li {
    text-indent: 0em;
    list-style-type: square;
}
h5.resource_list {
   margin-bottom: 0;
   margin-left: 0;
   padding: 0;
}
ul.resource_list {
   margin: 0;
   padding-left: 10px;
}
li.resource_item {
   margin: 5px 0;
   font-size: 11px;
   line-height: 11px;
   list-style-type: square;
}
div#selection_box {
   display: block;
   float: right;
   clear: right;
   width: 250px;
   z-index: 1;
   margin: 0;
   margin-left: 20px;
   padding-left: 10px;
   border-left-style: solid;
}
div#selection_box h4 {
  margin: 0;
}
div#selection_box p {
  margin-top: 0;
}
div#selection_box li { 
   text-indent: 0;
   list-style-type: none; 
   margin-left: 0;
}
div#selection_box ul#benefits {
  margin: 0 0 20px 10px;
}
div#selection_box ul#benefits li {
  text-indent: 0em;
  list-style-type: square;
}
div#selection_box button {
  margin-left: 40px;
}

/* --- Changes --- */

div#masthead_main_lowprofile {
 display: block;
 min-width: 940px;
 margin: 10px;
 margin-bottom: 0;
 padding: 0;
 border-bottom: 3px double #ccc;
}
div#masthead_main_lowprofile h1 {
  margin: 10px 0 4px 0;
  padding: 0;
  font-size: 28px; 
  line-height: 28px;
  letter-spacing: 1.8px;
  color: #666666;
}
div#masthead_main h3 {
  margin: 0;
  font-size: 16px;
  color: maroon;
}
div#masthead_main p {
  margin: 0;
}
div#masthead_left {
 display: block;
 float: left;
 width: 20%;
 min-width: 120px;
 font-size: 11px;
 text-align: center;
 padding: 16px 10px 0px 10px;
} 
div#masthead_right {
 display: block;
 float: right;
 width: 20%
 min-width: 120px;
 font-size: 11px;
 text-align: center;
 padding: 16px 10px 0px 10px;
} 
#masthead_right a:link, 
#masthead_right a:active, 
#masthead_right a:visited { 
   color: #333; 
} 
#masthead_right a:hover { 
   color: #cc0000; text-decoration: underline; 
} 
#masthead_mid {
 float: left;
 width: 60%;
 text-align: center;
 margin-bottom: 12px;
}
#masthead_mid h1 {
   font-size: 36px;
   color: #666666;
}
div#slogan {
   float: none;
   display: block;
   width: auto;
   text-align: center;
   border-style: none;
}
div#masthead_main_lowprofile div#slogan {
   text-align: left;
}
img#face_of_mysqlresources {
   display: block;
   float: left;
   width: 110px;
   margin: 0;
   margin-bottom: 20px;
   padding: 4px;
   border-style: solid;
   border-width: 1px;
   border-color: #666666;
}
div#page_footer {
 width: 100%;
 min-width: 950px;
 margin: 1px auto 50px auto;
 background: url(/images/nav_bar/fray.gif) bottom repeat-x;
 border-top: 3px double #CCC;
 text-align: center;
}
div#page_footer_lowprofile {
 width: 950px;
 margin: 10px auto 50px auto;
 text-align: center;
}
div#copyright_other {
   padding: 10px;
   text-align: center;
   border-bottom: 1px dotted #cccccc;
}
div#page_footer div#copyright {
   width: 100%;
   padding: 10px;
   text-align: center;
}
div#page_footer img#our_email {
   display: inline;
   padding: 10px;
   border-style: none;
}
div.comment { border-bottom: 1px dotted #CCC; padding-bottom: 12px; }
a { color: maroon; }