body{
font-family:arial, sans-serif;
color:#333;
line-height:1.25;	
background-color:#333 !important;
margin:0 5px 5px 5px;
padding:0;
}
	
#main_body_width	{
max-width:990px;
width: expression(document.body.clientWidth > 990 ? "990px": "auto");
	
min-width:990px;
width:auto !important;
width:990px;
	
margin:0 auto;
border-left:1px solid #999;
border-right:1px solid #999;
}

#content, #photos{
margin-left:150px;/*width of left column, also change in "left" id*/
margin-right:175px;/*width of right column, also change in "right" id*/
	
background-color:#505050;
color:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.feature, .archive	{
min-height:900px;
height:auto !important;
height:900px;
}

#left {float:left; width:150px;/*width of left column*/
}
#right {width:175px;/*width of right column*/
float:right;
color:black;
text-align: center;
}	
	
#masthead{border-bottom:1px solid #ccc; height: 80px;
}
#siteName {margin:0; padding:25px 0 15px 0; text-align:center;}
#pageName {margin:0; padding:0px 0 7px 0; text-align:center; color:#999;  font-size:140%;
			/*border-bottom:1px solid #ccc;*/
}



a:link {color:#9c9; text-decoration:underline;}
a:visited {color:#9cc; text-decoration:underline;}
a:hover {color:#69f; text-decoration:underline;}
/* for e-mails */
a:link.email {color:#9c9; text-decoration:none;}
a:visited.email {color:#9cc; text-decoration:none;}
a:hover.email {color:#69f; text-decoration:underline;}
/* links in feature */
a:link.f_link, a:visited.f_link {font-size:120%; color:#cc0; text-decoration:underline;}
a:hover.f_link	{font-size: 120%; color:#ff0; text-decoration:underline;
}
a:link.f_link_no, a:visited.f_link_no {font-size:120%; color:#cc0; text-decoration:none;}
a:hover.f_link_no	{font-size: 120%; color:#ff0; text-decoration:underline;
}
a:link.no_und, a:visited.no_und {text-decoration:none;
}
a:hover.no_und {text-decoration:underline;
}
h1 {font-family:Verdana,Arial,sans-serif; font-size:120%; color:#fff; margin:0; padding:0;}
h2 {font-family:Arial,sans-serif; font-size:114%; color:#fff; margin:0; padding:0;}
h3 {font-family:Arial,sans-serif; font-size:100%; color:#fff; margin:0; padding:0;}



p.photos{ color:#c0c0c0; font-weight:bold; text-align:center;
}
p.photos a:link, p.photos a:visited, p.photos a:hover {color:#999; text-decoration:underline; font-size:120%;
}
p.pic_al, p.object {text-align:center;
}

.feature, .imgs, .archive	{padding:10px 10px 10px 10px; font-size:80%;
}
.feature h3, .imgs h3, .archive h3 {padding:20px 0 5px 0; font-size:110%; text-decoration:none; color:#9c9; text-align:center;}
.feature h3.underline {padding: 20px 0 5px 0; font-size:110%; text-decoration:underline; color:#fff; text-align:center;}
.feature h3.exept {padding:20px 0px 5px 0px; font-size:110%; text-decoration:none; color:#9c9; text-align:left; text-indent:20px;
}
.feature h2.photo {padding:20px 0px 20px 0px; font-size:140%; text-decoration:none; color:#c0c0c0; text-align:center;
font-family:Verdana, Arial, sans-serif;
}
.feature img {padding:0 20px 20px 0; float:left;
}
.feature img.right {padding:0 10px 10px 10px; float:right; border:0;
}
.feature img.borys {padding:20px 20px 20px 20px; float:right;
}
.feature img.demo {padding:10px 10px 0 0; border:none; 
}
.feature img.middle {padding:10px 10px 10px 170px; border:none;
}
.feature span.nb {font-size:140%; font-weight:bold; color:#999;
}

img.img {border:2px solid #000;
}
img.no_border, img.none, img.img_johns {border:none;
}
img.blog {vertical-align:middle;
}
img.cds {padding:0 10px 20px 5px; float:left; border:none;
}
img.cds_right {padding:0 0 0 20px; float:right; border:none;
}
img.studio {padding:0 20px 20px 5px; float:right;
}
.feature img.photo {border:1px #c0c0c0 solid; padding:0;
}

p.demo_line {line-height:1.5;	
}
p.ind, .ind {text-indent:20px;
}
p.ind_2 {text-align:right; padding-right:70px;
}

.button {width:15em;
border:2px ridge #c0c0c0;
padding-left:0.7em;
background-color:#404040;
font-family:arial, sans-serif;
color:#c0c0c0; 
background-color:#666;
}
.contact {font-size:120%; padding-left:70px;
}
.search_above {width:185px; position:absolute; margin:5px 0 0 10px;
}
.search_above input.red_red {background-color:#999; color:white; border:1px solid #c0c0c0;
}
.search_above input.button {
background-color:#444444;
color:#c0c0c0;
border-top:none;
border-bottom:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
width:150px;
}
div.addthis {margin:55px 0px 0 10px; float:left; position:absolute;
}
html>body div.addthis {margin:55px 0px 0 10px; float:left; position:absolute;
} /*for Netscape and Opera*/

.it, span.ital {font-style:italic;
}
.b, span.b {font-weight:bold;
}
.u {text-decoration:underline;
}
.c, .center {text-align:center;
}
.r {text-align:right;
}
.l {text-align:left;
}
.s120 {font-size:120%;
}
.red {color:red;
}
.orange {color:#FFA500;
}
.new {vertical-align:baseline;
font-size:0.8em;
position:relative;
top:-0.4em;
color:#FAFAD2;
}

.feature span.it, .img span.it {font-style:italic; font-weight:bold;
}
.feature span.bu, .img span.bu {text-transform:uppercase; font-weight:bold;
}
/* forTeachers*/
.feature span.mus {color:#69f; font-weight:bold;}
.feature p.legal {color:#999; font-family:Verdana, sans-serif;}
font.new {vertical-align: super;font-size:80%; color:red; font-weight:normal;
}
span.bold {font-weight:bold;color:#9c9;
}
li.dit {	list-style-type:lower-alpha; font-style:italic;
}
ul.feed {list-style-type:square;
}
ul.no_signs {list-style-type:none;
}
#webmaster, #webmaster_b{clear:both;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:75%;
padding:10px;
color:#999;
}
#webmaster_b{text-align:center;}

table.concerts {width:85%;
margin-left:auto; margin-right:auto;
border:0px dotted red;
text-align:center;
}
table.concerts td {border:1px solid #999;
padding:10px 5px 10px 5px;
border-width:1px;
}
table.concerts td._1 {width:px;}
table.concerts td._2 {width:px;}
table.concerts td._3 {width:px;}
table.concerts td._4 {padding-left:10px; padding-right:10px; text-align:left;
}
.was {color:#999;
}

div.float_r_cd {float:left; clear:right; margin:0 20px 10px 20px; width:270px;
}

div.cd_content {padding:0 0 0 290px;
}
div.cds_stars {text-align:center; letter-spacing:10px;
}
div.warn {font-style:italic; text-align:center; background-color:#708090; color:maroon;
}
div.concerts_nav {padding:20px 0 5px 60px;	
}
div.green {background-color:green; color:white; padding:10px 20px 10px 10px;
}


table.social td {vertical-align:top; padding:0 10px 30px 10px; text-align:center;
}
table.social img {padding:0 10px 10px 10px;
}

span.ab_links{background-color:#808080; color:#000; font-size:110%;
}
span.underline {text-decoration:underline ;
}
/*photos_section*/
img.gal-front-pic {border:none; border-color:#333; margin:0 0 0 15px;
}
img.l_contact {padding:1% 0 0 5%; border:0;
}
a:link.more, a:visited.more {text-decoration:none;}
a:hover.more {text-decoration:underline;
}
p.noscipting {color:red;}

/*photos "my story in pictures"*/
.archive {text-align:center;
}
.archive img {padding:0; border:1px solid #999; margin:5px;
}
/*.archive table {
width: auto;
margin: 0;
padding: 0;
}
.archive td {
border:1px solid #999;
padding:0;
}*/

.space_20px {height:20px; font-size:0; clear:left;}
.space_40px {height:40px; font-size:0; clear:left;}
.space_100px {height:100px; font-size:0; clear:left;}
.space_200px {height:200px; font-size:0; clear:left;}
.space_300px {height:300px; font-size:0; clear:left;}


/* VIDEO buttons*/

table.video_nav td.video_nav {padding-bottom:5px;
text-align:center; font-weight:bold; vertical-align: text-bottom;
}
table.video_nav td.mid {width:4px;
}


#tab a
{
display:block;
background-color:green;
color:#cc0;
height:30px;
width:150px;
padding-top:8px;
text-decoration:none;
}

#tab a:hover
{
background-color:#228B22;
color:#ff0;
width:136px;
border-left:7px solid #cc0;
border-right:7px solid #cc0;
}