/*
pink: e61577
light pink: fcf
blue:00267f
link pink: aa1054



*/

/* clearout */
 
:link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dd,dt{ margin:0; padding:0 }



body {
font-family: verdana, arial, sans-serif;
color: #8581a4;
text-align:center;
background-color:#fff;
font-size:12px;
}

p {clear:both;}
a {
color:#aa1054;
background-color:inherit;
text-decoration:none;
}
a:hover {
background-color:#aa1054;
color:#fff
}
p{
line-height: 1.5em;
margin-bottom:1.5em;
}
b, strong{
color:#00267f;
background-color:inherit;
}
a b, a strong {
color:#aa1054;
}
a:hover b, a:hover strong {
color:#fff;
}
h1, h2, h3, h4, h5 {
font-family: "Trebuchet MS",verdana,arial, sans-serif;
color:#00267f;
margin-bottom:.5em;
background-color:inherit;
}

h1{	
font-size:1.6em;
}
h2{	
font-size:1.35em;
}
h3{	
font-size:1.2em;
margin:.5em 0;
}
h4{	
font-size:1.2em;
color:#e61577;
}
h5{
font-size:1.1em;
margin-bottom:1.5em;

}
h6{
font-size:1.3em;
margin-bottom:1.5em;
font-style:oblique

}
#pinkhead h1{	
font-size:1.6em;
color:#e61577;

}

#pinkhead{
height:35px;
background:url(../images/pinkpage.gif) no-repeat top right;}


blockquote{
border-left:solid 10px #ccc;
padding:0 10px 0 30px;
margin-bottom:1.5em;
font-family:georgia, times, serif;
color:#00267f;
background-color:inherit;

}
address{
font-size:1em;
font-weight:bold;
color:#999;
margin-bottom:.5em;
font-style:normal
}
.date{
color:#666; 
letter-spacing:.15em;
font-family:"Arial Narrow", verdana, sans-serif;
}

.simile, .cross, .coda, .pedal, .segno{
padding:10px 5px;
clear:both;
height: 26px;

}

.simile {
background: url(../images/simile.gif) no-repeat  center;
}
.segno {
background: url(../images/segno.gif) no-repeat  center;
}
.cross {
background: url(../images/cross.gif) no-repeat  center;
}
.coda {
background: url(../images/coda.gif) no-repeat  center;
}
.pedal {
background: url(../images/pedal.gif) no-repeat  center;
}

div hr {
display: none;
}
.rule{
background:url(../images/pink_dot.gif);
height:1px;
margin:5px 0;
clear:both;
}

.gruppetto_rule{
background:url(../images/gruppetto2.gif) no-repeat top center;
height:9px;
margin:5px 0 15px;
clear:both;
}
.logerr{
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background:#ffbbbb url(../kpress/images/alert.gif) left no-repeat;
color: #cc0000;
font-weight:bold;
padding:4px 0 4px 24px;
margin:15px 0 0 0;
min-height:22px;
}

.newsdate{
font-style:italic;
color:#00267f;
background-color:inherit;
}

.left49{
clear:left;
float:left;
width:49%;
}

.right49{
float:right;
width:49%;
text-align:right;

}


#relational .left49 a{
padding-left:24px;
background:url(../images/arr_l.gif) left no-repeat;
}
#relational .left49 a:hover{
color:#aa1054;
padding-left:23px;
margin-left:1px;
background:url(../images/arr_l.gif) left no-repeat;
text-decoration:underline
}

#relational .right49 a:hover{
color:#aa1054;
padding-right:23px;
margin-right:1px;
background: url(../images/arr_r.gif) right no-repeat;
text-decoration:underline
}
#relational .right49 a{
padding-right:24px;
background:url(../images/arr_r.gif) right no-repeat;
}

.picL {
float:left;
margin: 5px 5px 5px 0;
padding:4px;
border:1px solid #ccc;
}

.picR{
float:right;
margin: 5px 0 5px 5px ;
padding:4px;
border:1px solid #ccc;
}

#bracket{
background:url(../images/bracket.gif) no-repeat top;
height:45px;
width:auto;
}

.commentboxouter{
background-color: #fff
;border: 1px dashed #e8b;
padding:10px ;
margin: 20px 0;}
.commentbox{
background-color: #eee;
border:0px;
padding:25px;}

.comment{
background-color: #eee;
border-top: 1px dotted #e8b;
border-bottom: 1px dotted #e8b;
padding:10px ;margin: 0
}
.comment1{
background-color: #fff;
border-bottom: 1px dotted #e8b
;padding:10px ;
margin: 0}
.comment2{
background-color: #eee
;border-bottom: 1px dotted #e8b;
padding:10px ;
margin: 0}

#navcontainer ul{
padding: 0 0 10px 0;
list-style-type: none;
font-family: "Trebuchet MS",verdana,arial, sans-serif;;
font-size: 1.1em;
text-align:left
}

#navcontainer li {
margin: 0 0 3px 0;
 }

#navcontainer a
{
display: block;
padding: 2px;
border: 1px solid #999;
border-top-color: #bbb;
border-left-color: #bbb;
width: 159px;
background: url(../images/box_back.gif) repeat-x top #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #888;
text-decoration: none;
}
#navcontainer a.sub:link, #navcontainer a.sub:visited {
font-size:.9em;
color:#aaa;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
background:url(../images/grey_dot.gif) bottom repeat-x;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}

#navcontainer a.sub:hover {
font-size:.9em;
color:#e61577;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
background:#eee url(../images/grey_dot.gif) bottom repeat-x;}


#navcontainer a:hover
{
color: #e61577;
}

#active a:link, #active a:visited, #active a:hover
{
border:#fcf 1px solid ;
border-bottom-color:#edb6d2;
border-right-color:#edb6d2;

background: url(../images/box_back_active.gif) repeat-x top #fddded;
color: #e61577;
}
#active a.sub:link, #active a.sub:visited {
font-size:.9em;
color:#e61577;
text-decoration:underline;
background:#fef}

.tablehead {background-color:#00267f; color:white; font-weight:bold;}
table {color:#888bab; margin-bottom:2em;}
table td{padding:5px 0;}

#members p{
font-size:.9em;
padding-left:24px;
min-height:20px;
margin-bottom:.5em;}
#members h2{
margin-top:1.5em;}

.pinkpages {
background-color:#ffffff;
border:#e61577 3px solid;
padding:10px;
margin:35px 0 50px;


}

.pp_address p{
font-size:.9em;
padding-left:24px;
min-height:20px;
margin-bottom:.5em;}

#members,#facilities {

margin-bottom:1.5em;}

#members h5{
font-size:1.1em;
margin:0
}

#facilities p{
font-size:.9em;
margin-bottom:.5em;
padding-left:24px;}

#composers {
font-size:.9em;
margin-bottom:3em;}

.member{
background:url(../images/user.gif) top left no-repeat; 

}
.mail{
background:url(../images/mail.gif) top left no-repeat; 

}
.phone{
background:url(../images/phone.gif) top left no-repeat;

}
.home{
background:url(../images/home.gif) top left no-repeat; 

}
.fax{
background:url(../images/fax.gif) top left no-repeat; 

}
.mobile{
background:url(../images/mobile.gif) top left no-repeat; 

}

.studio{
background:url(../images/studio.gif) top left no-repeat; 

}
.composition{
background:url(../images/composition.gif) top left no-repeat; 

}

.design{
background:url(../images/design.gif) top left no-repeat; 

}

.sync{
background:url(../images/sync.gif) top left no-repeat; 

}
.SFX{
background:url(../images/SFX.gif) top left no-repeat; 

}
.casting{
background:url(../images/casting.gif) top left no-repeat; 

}

.ISDN{
background:url(../images/ISDN.gif) top left no-repeat; 

}
.library{
background:url(../images/library.gif) top left no-repeat; 

}
.research{
background:url(../images/research.gif) top left no-repeat; 

}
.editing{
background:url(../images/editing.gif) top left no-repeat; 

}
.web{
background:url(../images/web.gif) top left no-repeat; 

}
.www{
background:url(../images/www.gif) top left no-repeat; 

}
.map{
background:url(../images/map.gif) top left no-repeat; 

}
.duplication{
background:url(../images/duplication.gif) top left no-repeat; 

}

.archive{
background:url(../images/archive.gif) top right no-repeat; text-align:right;

font-size:.9em;
min-height:20px;
padding-right:24px;
}
.new_member{
background:url(../images/logged.gif) top left no-repeat; 
font-size:.9em;
min-height:20px;
padding-left:24px;
}

label{
bottom:3px

}

.yt {
background:url(../images/youtube_icon.gif)  top left no-repeat;
min-height:33px;
padding-left:36px;
}

.cb {
background:url(../images/cb_logo.gif)  top left no-repeat;
min-height:33px;
padding-left:36px;
}
.logged{
background:url(../images/logged.gif) top left no-repeat; 

}
.user_comment{
background:url(../images/logged.gif) top left no-repeat; 
padding-left:24px;
min-height:20px;
color:#888bab;
}
.edit{
background:url(../images/edit.gif) top left no-repeat; 


}
.preload{
display:none
}

input, textarea{
border:#ccc 1px solid;
border-top-color: #aaa;
border-left-color: #aaa;
color:#888;
padding:3px;
font-family: Verdana, Arial, sans-serif;
font-size:1em;
}
.submit{
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
background: url(../images/box_back.gif) repeat-x top #eee;
color:#888;
padding:3px;
cursor: pointer;
}

.submit:hover{

background: url(../images/box_back_over.gif) repeat-x bottom #eee;
}



fieldset{
border:1px dotted #aaa;
padding:12px;
margin-bottom:2em
}

legend{
font-family: "Trebuchet MS",verdana,arial, sans-serif;
color:#fff;
padding:4px;
letter-spacing:.2em;
background-color:#00267f;
font-weight:bold;
font-size:1.2em;
border: 1px solid #fff;
border-top-color: #8581a4;
border-left-color: #8581a4;
}
#login{
background: url(../images/box_back.gif) repeat-x top #eee;
border: 1px solid #999;
border-top-color: #bbb;
border-left-color: #bbb;
padding:9px;
margin:15px 0;
font-size:.9em;
text-align:right
}

#login input{
width:50%;
margin:4px 0 4px 4px;
}
#login h5{
text-align:left
}
#login p{
padding-left:24px;
min-height:20px;
margin-bottom:.5em;
color:#888bab;
text-align:left
}
form#insure {
border: 1px solid #999;
border-top-color: #bbb;
border-left-color: #bbb;
background: url(../images/box_back.gif) repeat-x top #eee;
padding:12px;
margin-bottom:2em;
 width:300px
}
form#insure div{margin:1em 0; clear:both}

form#insure .putin, textarea{ width:97%}

form#insure label{
color:#00267f
}

.yesno{border:1px solid #ccc; padding:8px; display:inline; clear:both; float:right}

form#insure select{float:right; margin-bottom:2em}

form#insure .submit{
margin-bottom:1em
}

/* LAYOUT */



#wrapper{
width:790px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#head{
background:url(../images/head_back.gif) bottom left no-repeat;
padding:30px 30px 25px 30px;

}

div#head h1 {
	width:96px;
	text-indent:-8000px;  
}
div#head h1 a{	
 background:url(../images/pcam_logo.gif) no-repeat;
 display: block;
 height:35px;
 text-decoration:none; 

}

#foot{
font-family: verdana, arial, sans-serif;
font-weight:bold;
font-size:.9em;
color:#444;
height:50px;
padding-top:40px;
background:url(../images/foot_back.gif) no-repeat center top;
 }
 
#strap{
background:#00267f;
color:#ffffff;
padding:5px 30px;
font-family:"Arial Narrow",verdana,sans-serif;
letter-spacing:.35em;
font-size:1.1em;
font-weight:bold;
text-align:center;
clear:both;
}

#nav_col_bg{
width:195px;
float:left;
background: url(../images/content_back.gif) repeat-y left;

}
#nav_col{
width:165px;
float:left;
padding:0 0 100px 30px;
background:  url(../images/content_back_fade.gif) no-repeat left bottom ;
}
#content{
margin:0 10px 0 20px;
width:340px;
float:left;
display:inline;

}
#content p{
text-align:justify;
}
#content ul,ol{
margin:2em 0 2em 3em;
list-style:none;
}


#content ol li{list-style-type: upper-roman;margin-bottom:.6em;}


#content ul li{
font-size:.95em;
background:url(../images/note_bullet.gif) top left no-repeat;
margin-bottom:.6em;
padding-left:15px;
min-height:14px;
color:#00267f;
}

#news_col_bg{
float:left;
width:225px;
background:url(../images/content_back.gif) repeat-y right ;

}
#news_col{
float:left;
width:165px;
padding:0 30px 100px 30px;
min-height:200px;
background:url(../images/content_back_fade.gif) no-repeat right bottom ;

}

#news_col p{
font-size:.9em;

line-height: 1.2em;
margin-bottom:.2em;
}
#news_col h2{
font-size:1.1em
}

.news{margin-bottom:1em;padding-bottom:1em;background:url(../images/gruppetto.gif) bottom center no-repeat;

}
div.archive_item{margin-bottom:1em;padding-bottom:1em;background: url(../images/gruppetto2.gif) bottom center no-repeat;

}

.validators a{
font-size:.8em;
color:#eee
}

table td{padding:6px;}

.streamedpic img{padding:5px 5px 15px 5px; background-color:#eee;border:1px solid #ccc; float:left;display:inline; margin:6px}
.streamedpic img:hover{background-color:#cce3ee;border:1px solid #88ccee; }

.backpage{background:url(../kpress/images/back.gif) left no-repeat; padding-left:20px}



img:hover{background-color:white}

.smaller{font-size:.9em;}

.err{
border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;
background:#ffbbbb url(../kpress/images/alert.gif) left no-repeat;
color: #cc0000;
font-weight:bold;
padding:4px 4px 4px 24px;
margin:15px 0;
min-height:22px;

}

.accept{
border-top:1px solid #3f8b3b;
border-bottom:1px solid #3f8b3b;
background:#b1dda7 url(../kpress/images/accept.gif) left no-repeat;
color: #3f8b3b;
font-weight:bold;
padding:4px 4px 4px 24px;
margin:15px 0 ;
min-height:22px;

}

.clean {border:0; padding:0; margin:0}

.navicon-prev{
background:url(../images/nav-icons.gif);
background-position:96px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-next{
background:url(../images/nav-icons.gif);
background-position:0;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-index{
background:url(../images/nav-icons.gif);
background-position:80px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-prev10{
background:url(../images/nav-icons.gif);
background-position:32px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-next10{
background:url(../images/nav-icons.gif);
background-position:48px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-all{
background:url(../images/nav-icons.gif);
background-position:16px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}
.navicon-paginate{
background:url(../images/nav-icons.gif);
background-position:64px;
height:16px;
width:16px;
margin:0 4px 4px 0;
float:left
}