/* Main Body, add "text-align: center" to fix <div> centering problem in MS I.E. */

body { margin: 20px 0px; font-size: 76%; font-family: verdana, arial, helvetica, sans-serif;
text-align: center; background-color: #000033;
background-image: url('blue30_black_stripe_bg.gif'); background-repeat: repeat; background-attachment: scroll
}

/* Main Structure "wrapper", wrap the whole layout in a <div> "wrapper" to keep it narrow and centered.
Add "width: 750px; margin: 0 auto" to create a 750px box and make it centered on the page.
Add "text-align: left" to stop all text from auto centering because of the "<div> centering problem
in MS I.E." fix we added to the main body definition. */

#wrapper { border: 1px solid #666666; width: 750px; margin: 0 auto; text-align: left;
background-color: #000000; background-image:url('black_bg.jpg'); background-repeat: repeat; background-attachment: scroll
}

/* Banner, do not use "px" for "width:". MS I.E. adds extra blank section below any "<div>"
if "px" descriptor used. Not using "width:" descriptor "px", creates Java console errors which
seem to be ignored in all browsers.
Apply this rule to all <divs> except "wrapper" which must have "width:" attribute and "px" descriptor
to center on page correctly, and any other "<divs>" which require special spacing.
It is possible to use no "width:" attribute at all for "<divs>" as long as the "<div>" is
inside the "wrapper and same width as the "wrapper". This approach also works in all browsers. */

#banner { width: 750px; height: 90px;
}
               
/* Mainnav */

#mainnav { width: 750px; height: 26px;
background-image: url('nav_off_750pixW_26pixH.gif'); background-repeat: no-repeat;
}
#mainnav ul { padding: 0; margin: 0;
}
#mainnav ul li { display: inline; padding: 0; margin: 0;
}

/* Text Formatting and the like */

.quotes1 { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
padding-top: 20px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; 
}
.quotes2 { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.1em;
color: #FFFFFF; font-weight: bold;
margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px;
padding-top: 30px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
}
.bio1 { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px;
}
.musictext1 { margin: 0px 15px; padding: 0px; text-align: center; font-family: Arial;
line-height: 1.3; font-size: 1.1em; color: #CCCCCC; font-weight:bold
} 
.musictext2 { text-align: left; font-family: Arial; line-height: 150%;
font-size: 1.1em; color: #CCCCCC;
padding: 0px; margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px;
}
.musictext3 { text-align: left; font-family: Arial; line-height: 150%;
font-size: 1.1em; color: #CCCCCC;
padding: 0px; margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px;
}
.musictext4 { margin: 0px 15px; padding:0px; text-align: center; font-family: Arial;
line-height: 1.3; font-size: 1.0em; color: #CCCCCC;
text-decoration: none;
} 
.copyright { text-align: center; font-family: Arial; font-size: .9em; color: #CCCCCC;
padding-top: 60px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
margin-left: 70px; margin-right: 70px; margin-top: 0px; margin-bottom: 0px;
}
.contact1 { text-align: center; font-family: Arial; font-size: 1.2em; line-height: 1.3; color: #CCCCCC;
padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;
}
.contact2 { text-align: center; font-family: Arial; font-size: 1.2em; line-height: 1.3;
font-weight: bold; text-decoration: none; color: #FFFFFF;
padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;
}
.galleryindex { margin:0px; text-align: center; font-family: Arial; font-size: 1.1em; line-height: 1.3; color: #CCCCCC;
padding-top: 0px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;
}
.galleryfull { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.1em;
color: #FFFFFF; font-weight: bold;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
padding-top: 30px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
}
.eventsindex { margin:0px; text-align: center; font-family: Arial; font-size: 1.1em; line-height: 1.3; color: #CCCCCC;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
}
.eventstext1 { text-align: center; font-family: Arial; font-size: 1.2em; line-height: 1.3;
font-weight: bold; text-decoration: none; color: #FFFFFF;
padding-top: 30px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}
.eventstext2 { text-align: left; font-family: Arial; line-height: 1.3;
font-size: 1.1em; color: #CCCCCC;
padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}
.eventstext3 { text-align: left; font-family: Arial; line-height: 1.3;
font-size: 1.1em; color: #9999FF; text-decoration: none;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}
.liner1 { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.3em; color: #FFFFFF;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 10px; font-weight: bold; text-align: center;
}
.liner1a { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #FFFFFF;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px; font-weight: bold; text-align: center;
}
.liner2 { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px;
}
.liner3 { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #FFFFFF;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 30px; font-weight: bold; text-align:center;
}
.liner4 { padding: 0px; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 20px;
}
.mailing1 { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.2em;
color: #FFFFFF; font-weight: bold; text-decoration: none;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;
padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;
}
.mailing2 { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.2em;
color: #FFFFFF; font-weight: bold; text-decoration: none;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;
padding-top: 20px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;
}
.mailing3 { text-align: center; font-family: Arial; line-height: 1.3; font-size: 1.5em;
color: #FFFFFF; font-weight: bold; text-decoration: none;
margin-left: 20px; margin-right: 20px; margin-top: 0px; margin-bottom: 0px;
padding-top: 20px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;
}
.linkstext1 { text-align: center; font-family: Arial; font-size: 1.2em; line-height: 1.3;
font-weight: bold; text-decoration: none; color: #FFFFFF;
padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}
.linkstext2 { text-align: left; font-family: Arial; line-height: 1.3;
font-size: 1.1em; color: #CCCCCC;
padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}
.linkstext3 { text-align: left; font-family: Arial; line-height: 1.3;
font-size: 1.1em; color: #9999FF; text-decoration: none;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
margin: 0px 15px;
}


/* Links and the like */

/* Links fix for Mozilla browser which creats a dotted outline on clicked hyperlinks */

a { -moz-outline-style: none;
} 
a:link { -moz-outline-style: none;
}
a:visited { -moz-outline-style: none;
}
a:hover { -moz-outline-style: none;
}
a:active { -moz-outline-style: none;
}

input { -moz-outline-style: none;
} 
input:link { -moz-outline-style: none;
}
input:visited { -moz-outline-style: none;
}
input:hover { -moz-outline-style: none;
}
input:active { -moz-outline-style: none;
}

/* Normal Text Links */

a { text-decoration: underline;
}
a:link { color: #9999FF; text-decoration: underline;
}
a:visited { color: #9999FF; text-decoration: underline;
}
a:hover { color: #6666FF; text-decoration: underline;
}
a:active { text-decoration: underline;
}

/* Nav Links */

a.nav { text-decoration: none;
}
a:link.nav { text-decoration: none;
}
a:visited.nav { text-decoration: none;
}
a:hover.nav { text-decoration: none;
}
a:active.nav { text-decoration: none;
}

/* Music Buy Links */

a.musicbuy { text-decoration: none;
}
a:link.musicbuy { text-decoration: none;
}
a:visited.musicbuy { text-decoration: none;
}
a:hover.musicbuy { text-decoration: none;
}
a:active.musicbuy { text-decoration: none;
}

/* Picture Nav Links */

a.nav2 { text-decoration: none;
}
a:link.nav2 { text-decoration: none;
}
a:visited.nav2 { text-decoration: none;
}
a:hover.nav2 { text-decoration: none;
}
a:active.na2v { text-decoration: none;
}

/* Picture Thumnail Links */

a.thumbnail { text-decoration: none;
}
a:link.thumbnail { text-decoration: none;
}
a:visited.thumbnail { text-decoration: none;
}
a:hover.thumbnail { text-decoration: none;
}
a:active.thumbnail { text-decoration: none;
}

/* Misc Site Picture Links */

a.sitepic { text-decoration: none;
}
a:link.sitepic { text-decoration: none;
}
a:visited.sitepic { text-decoration: none;
}
a:hover.sitepic { text-decoration: none;
}
a:active.sitepic { text-decoration: none;
}

/* Events Page Links */

a.eventspage { text-decoration: underline;
}
a:link.eventspage { color: #9999FF; text-decoration: underline;
}
a:visited.eventspage { color: #9999FF; text-decoration: underline;
}
a:hover.eventspage { color: #6666FF; text-decoration: underline;
}
a:active.eventspage { text-decoration: underline;
}

/* Contact Page Links */

a.contactpage { text-decoration: none;
}
a:link.contactpage { text-decoration: none;
}
a:visited.contactpage { text-decoration: none;
}
a:hover.contactpage { text-decoration: none;
}
a:active.contactpage { text-decoration: none;
}

/* Links Page Links */

a.links { text-decoration: underline;
}
a:link.links { color: #9999FF; text-decoration: underline;
}
a:visited.links { color: #9999FF; text-decoration: underline;
}
a:hover.links { color: #6666FF; text-decoration: underline;
}
a:active.links { text-decoration: underline;
}

/* Home Page Area */

#content1 { width: 750px; height: 339px;
border-left: 0px solid #666666; border-bottom: 1px solid #666666; border-right: 0px solid #666666;
}  
#pic1 { width: 261px; height: 329px; float: left; padding-left: 70px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px;
}
#pic2 { width: 154px; height: 134px; float: left; padding-left: 127px; padding-right: 138px; padding-top: 29px; padding-bottom: 13px;
}
#pic3 { width: 259px; height: 108px; float: left; padding-left: 74px; padding-right: 85px; padding-top: 14px; padding-bottom: 29px;
}
#content2 { width: 750px; border-left: 0px solid #666666; border-right: 0px solid #666666;
padding-top: 0px; padding-bottom: 0px;
}

/* Footer Area */

#footer { padding: 0; margin: 0; width: 750px; height: 90px;
border-left: 0px solid #666666; border-right: 0px solid #666666; border-bottom: 0px solid #666666;
background-image: url('banner_bottom_MP28_44_750pix.gif'); background-repeat: no-repeat;
}

/* Biography Page Area */

#biocontent1 { width: 750px; border-left: 0px solid #666666; border-bottom:0px solid #666666; border-right:0px solid #666666;
padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px
}  
.leftimageA { float: left; margin-left: 0px; margin-right: 20px; margin-top: 20px; margin-bottom: 10px;
}
.rightimageA { float: right; margin-left: 20px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px;
}

/* Music Page Area */

#musicpage1 { width: 750px; height: 272px; float: left;
border-left: 0px solid #666666; border-bottom: 0px solid #666666; border-right: 0px solid #666666;
}  
#music1a { width: 250px; height: 250px; float: left; padding-left: 61.50px; padding-right: 61.50px; padding-top: 20px; padding-bottom: 0px;
}
#music1b { width: 250px; height: 250px; float: left; padding-left: 61.50px; padding-right: 61.50px; padding-top: 20px; padding-bottom: 0px;
}
#music1c { width: 2px; height: 150px; float: left; border-left: 0px solid #666666; border-right: 0px solid #666666;
padding-top: 70px; padding-bottom: 0px;
}

#musicpage2 { width: 375px; float: left; border-left: 0px solid #666666; border-right: 0px solid #666666;
padding-top: 20px; padding-bottom: 0px; padding-left:0; padding-right:0;
}
#music2a { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}
#music2b { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px;
}
#music2c { width: 347.5px; float: left; padding-top: 10px; padding-bottom: 0px; padding-left: 27.5px; padding-right: 0px;
}
#music2c ul { list-style-type: none; padding: 0px; margin: 0px;
}
#music2c ul li { background-image: url('med-blue-diamond-13X13.gif'); background-repeat: no-repeat;
background-position: 0 .8em; 
padding-top: 5px; padding-bottom: 0px; padding-right: 0px; padding-left: 10px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#music2d { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px;
}

#musicpage3 { width: 375px; float: left; border-left: 0px solid #666666; border-right: 0px solid #666666;
padding-top: 20px; padding-bottom: 0px; padding-left:0; padding-right:0;
}
#music3a { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}
#music3b { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px;
}
#music3c { width: 347.5px; float: left; padding-top: 10px; padding-bottom: 0px; padding-left: 27.5px; padding-right: 0px;
}
#music3c ul { list-style-type: none; padding: 0; margin: 0;
}
#music3c ul li { background-image: url('med-blue-diamond-13X13.gif'); background-repeat: no-repeat;
background-position: 0 .8em; 
padding-top: 5px; padding-bottom: 0px; padding-right: 0px; padding-left: 10px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#music3d { width: 375px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px;
}

/* Gallery Area */

/* Gallery Index Page Area */

#gallery { float: left; width: 750px; padding: 0px; margin: 0px;
}
#gallery1 { float: left; width: 750px; padding: 0px; margin: 0px;
}
#picture1 { float: left; padding-left: 21.4px; padding-bottom: 20px
}
#picture1diller { float: left; padding-left: 42.4px; padding-right: 42.4px; padding-top: 0px; padding-bottom: 20px;
} 
#picture1kush { float: left; padding-left: 27.4px; padding-right: 6px; padding-top: 0px; padding-bottom: 20px;
} 
#picture1familysingers { float: left; padding-left: 33.4px; padding-right: 33.4px; padding-top: 0px; padding-bottom: 20px;
} 

/* Gallery Picture Page Area */

#picturenav { float: left; width: 750px;
padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}
#picturenav1 { float: left;
padding-left: 280px; padding-right: 25px; padding-top: 0px; padding-bottom: 13px;
}
#picturenav2 { float: left;
padding-left: 25px; padding-right: 25px; padding-top: 0px; padding-bottom: 13px;
}
#picturenav3 { float: left;
padding-left: 25px; padding-right: 280px; padding-top: 0px; padding-bottom: 13px;
}
#picturefull { padding-left: 75px; padding-right: 75px; padding-top: 0px; padding-bottom: 0px
} 
#picturefulldiller { padding-left: 202.5px; padding-right: 202.5px; padding-top: 0px; padding-bottom: 0px;
} 
#picturefullkush { padding-left: 110.5px; padding-right: 110.5px; padding-top: 0px; padding-bottom: 0px;
} 
#picturefullfamilysingers { padding-left: 148px; padding-right: 148px; padding-top: 0px; padding-bottom: 0px;
} 

/* Event Page Area - These settings used when no events are listed so background image appears correctly in I.E. 8.0 */

#events { width: 750px; padding: 0px; margin: 0px;
}

/* Contact Page Area */

#contactpage1 { width: 750px; border-left: 0px solid #666666; border-right: 0px solid #666666;
padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}
#contactpage2 { width: 2px; float: left; padding-left: 0px; padding-right: 0px; padding-top: 91px; padding-bottom: 0px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#contactpage3 { width: 150px; float: left; padding-left: 67px; padding-right: 68px; padding-top: 91px; padding-bottom: 20px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#contactpage4 { width: 150px; float: left; padding-left: 67px; padding-right: 68px; padding-top: 25px; padding-bottom: 20px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}
#contactpage5 { width: 150px; float: left; padding-left: 67px; padding-right: 68px; padding-top: 25px; padding-bottom: 0px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}


/* "A Swingin" Time" Liner Page Area */

#linercontent1 { width: 750px; border-left: 0px solid #666666; border-bottom:0px solid #666666; border-right:0px solid #666666;
padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px
}  
.leftimageB { float: left; margin-left: 0px; margin-right: 20px; margin-top: 20px; margin-bottom: 10px;
}
.rightimageB{ float: right; margin-left: 20px; margin-right: 0px; margin-top: 20px; margin-bottom: 10px;
}


/* Mailing List / Comment Form Page Area */

#mailing { width: 750px; padding: 0px; margin: 0px;
}


/* set width in form, not fieldset (still takes up more room w/ fieldset width */

form { width: 750px; min-width: 750px; max-width: 750px; margin: 0px; padding: 0px;
}


/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
/* padding in fieldset support spotty in IE */

form fieldset { padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 20px;
border-top: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 0px solid #666666; border-right: 0px solid #666666;
margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px
} 


/* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */

form fieldset legend { font-family: Arial; line-height: 1.3; font-size: 1.1em;
color: #CCCCCC; font-weight: bold;
}


/* block float the labels to left column, set a width */
/* set top margin same as form input - textarea etc. elements */

form label { display: block; float: left; width: 255px; padding: 0;
text-align: right; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px
}

form label.spacer { display: block; float: left; width: 255px; padding: 0;
text-align: right; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #CCCCCC;
margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px
}


/* use first-letter pseudo-class to underline accesskey, note that */
/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements, but do support it on label elements */
/* we instead underline first letter on each label element and accesskey */
/* each input. doing only legends would  lessens cognitive load */
/* opera breaks after first letter underlined legends but not labels */

form fieldset label:first-letter { text-decoration: underline;
}


/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
/* set width of form elements to auto-size, otherwise watch for wrap on resize */
/* set margin on left of form elements rather than right of label aligns textarea better in IE */

form textarea { width: auto; font-family: Arial; line-height: 1.2; font-size: 1.1em; font-weight: bold;
color: #000000;
margin-left: 10px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px; background-color: #FFFFFF;
}

form input { width: auto; font-family: Arial; line-height: 1.3; font-size: 1.1em; font-weight: bold;
color: #000000;
margin-left: 10px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px; background-color: #FFFFFF;
}

input.button { 
border: 0px solid;
border-top-color: #9999FF;
border-left-color: #9999FF;
border-right-color: #6666FF;
border-bottom-color: #6666FF;
width: auto; font-family: Arial; line-height: 1.3; font-size: 1.1em;
background-color: #9999FF;
margin-left: 10px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#FF6666FF',EndColorStr='#FFFFFFFF')
}

input.buttonhov{ width: auto; font-family: Arial; line-height: 1.3; font-size: 1.1em; color: #000000;
margin-left: 10px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;
background-color: #6666FF;
border: 0px solid;
border-top-color: #6666FF;
border-left-color: #6666FF;
border-right-color: #9999FF;
border-bottom-color: #9999FF;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#FF3333FF',EndColorStr='#FFFFFFFF');
}




/* set margin-left back to zero on reset button (set above) */

form input#reset { margin-left: 10px;
}


textarea { overflow: auto;
}


/* sets any instructions/comments left margin to align w/ right column inputs: no being used currently */

form small { display: block; margin: 0px 0px 5px 160px; padding: 1px 3px; font-size: 88%;
}


/* uses class instead of div, more efficient: no being used currently */

form .required {font-weight: normal;
} 


/* setting clear on inputs didn't work consistently, so brs added for degrade */

form br { clear: left;
}


/* Mailing List / Comment Form Responce Page Area */

#responce { width: 750px; padding: 0px; margin: 0px;
}


/* Links Page Area */

#links { width: 750px; float: left; padding: 0px; margin: 0px;
}
#linksa { width: 750px; float: left; padding: 0px; margin: 0px;
}
#linksb { width: 750px; float: left; padding: 0px; margin: 0px;
}
#linksb ul { list-style-type: none; padding: 0px;
margin-left: 20px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

/* Background-position" is used to position the images so that they line up with the text.
In this case "0 and 0em" are used. These units refer to the images position from the "left" and "top */

#linksb ul li { background-image: url('med-blue-diamond-13X13.gif'); background-repeat: no-repeat;
background-position: 0 1.1em; 
padding-top: 10px; padding-bottom: 0px; padding-right: 0px; padding-left: 10px;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
}

















#h1home {
}