/****************************************************************
* file: 	/css/vbw.css
* author:	toy
* date:		11may09
*
* NOTE: 	base css for site
*
* rev history
* [toy 11may09]		orig version 
*****************************************************************/

/*** default style ***/
*
{
	margin: 0;
	padding: 0;
	list-style: none;
}

body
{
    width: 960px;
    font-size: .9em;
    font-family: Verdana, Arial, MS Sans-Serif, Sans-Serif;

	background-color: #9fa3f7; 
    margin: 0 0 0 0px;
    position: absolute;
    overflow: inherit;
    border: solid 0px red;
}

hr {
    color: #8888aa;
    background-color: #8888aa;
    border: 1px;
    border-collapse: collapse;
    clear: both; 
}

a, a:visited, a:active {
    font-size: 1em;
    color: #5d74c1;
    color: #3b52a0;
    text-decoration: none;
}

a:hover {
    color: #8fa7f4;
    color: #072070;
    text-decoration: underline;
    cursor:pointer;
    cursor:hand;
}

select {
    font-size: .8em;
    color: #555577;
    background-color: #ddddff;
    text-decoration: none;
    border: solid 1px grey; 
}

/*** worker styles ***/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.pink { color: #f955e0; }
.red {color: Red;}
.hidden { display: none; }
.spacer { height: 20px; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.requiredInfo{
    color:red;
    text-decoration: blink;
}
.requiredInfo a{
    color:red;
    text-decoration: blink;
}
.w50{ width: 50px;}
.w100{ width: 100px;}
.w120{ width: 120px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.w400{ width: 400px;}
.w500{ width: 500px;}


/*** main divs ***/
#thewholeenchilada {
    width: 960px; 
    
    overflow: visible;
    position: relative;
    border: solid 0px black;
    z-index: 1;
}
#main {
    min-height: 760px;
    height: auto;
    margin: 0 0 0 0;
    overflow: visible;   
    border: solid 0px purple; 
}
    #logo {
        margin: 5px 0 0 0;
        overflow: auto;
        border: solid 0px yellow;
    }
    #logo img{
        height: 40px;
    }
    #header {
        margin: 0 0 0 5px;
        border: solid 0px yellow;
    }
        #header a.official {
            font-size: 1em;
            font-family: Times, Times New Roman, Serif;
            color: #150941;
        }
        #header a.official:hover {
            color: #6666ff; 
            text-decoration:none;
        }
    #address {
        font-size: 1em;
        font-family: Times, Times New Roman, Serif;
        color: #150941;
        float: left;
    }
    #nav {
        font-size: 1.1em;
        font-family: Times, Times New Roman, Serif;
        color: #150941;
        margin: -3px 0 0 0 ;
        float: right;
    }
        #nav a{
            color: #150941;
            text-decoration: none;
        }
        #nav a:hover{
            color: #6666ff;
            text-decoration: none;
        }
    #cake {
        margin: 15px 0 0 0;
        overflow: visible;
        border: solid 0px purple;
    }
    
    #left {
        width: 193px;
        margin: 0 10px 0 10px;
        float: left;
        border: solid 0px purple;
    }
        #left #actors{
            width: 193px;
            height: 550px; 
            background-image: url(/images/box4.png); 
            background-repeat: no-repeat;
            
            margin: 0 0 20px 0;
            border: solid 0px purple;
        }
            #left #actors div.title{
                margin: 0px 0 0 35px;
                padding: 2px 0 0 0px;
                border: solid 0px green;
            }
            #left #actors div.actors{
                margin: 15px 5px 0 5px;            
                border: solid 0px green;
            }
            #left #actors div.actors div.actor{
                margin: 0 0 5px 0;
                padding: 0 0 0px 0;
                overflow: auto;
                border: solid 0px yellow;
            }
            #left #actors div.actors div.actor div.headshot{
                width: 50px;
                float:left;
                border: solid 0px red;
            }
            #left #actors div.actors div.actor div.actorStuff{
                width: 120px;
                margin: 0 0 0 5px;
                float:left;
                border: solid 0px red;
            }
            #left #actors div.actors div.actor div.actorStuff div.name{
                font-size: .75em;
            }
            #left #actors div.actors div.actor div.actorStuff div.quip{
                font-size: .7em;
                color: #666688;
            }
            #left #actors div.actors div.more{
                width: 180px;
                z-index: 10;
                
                font-size: .7em;
                color: #7777aa;
                text-align: right;
                
                margin: 20px 0 0 0 ;
                float: right;
                border: solid 0px red;
            }
        #left #guests{
            width: 193px;
            height: 321px; 
            background-image: url(/images/box1.png); 
            background-repeat: no-repeat;

            margin: 0 0 0 0;            
            border: solid 0px purple;
        }
            #left #guests div.title{
                margin: 0px 0 0 35px;
                padding: 2px 0 0 0px;
                border: solid 0px green;
            }
            #left #guests div.guests{
                margin: 35px 5px 0 5px;            
                border: solid 0px green;
            }
            #left #guests div.guests div.guest{
                margin: 0 0 10px 0;
                border: solid 0px red;
            }
            #left #guests div.guests div.guest div.name{
                font-size: .9em;
            }
            #left #guests div.guests div.guest div.office{
                font-size: .75em;
                color: #7777aa;
            }
            #left #guests div.guests div.guest div.testimonial{
                font-size: .8em;
            }
            #left #guests div.guests div.guest div.quip{
                font-size: .7em;
                color: #666688;
            }
            #left #guests div.guests div.more{
                
                font-size: .7em;
                color: #7777aa;
                text-align: right;

                margin: 40px 0 0 0;
                border: solid 0px red;
            }
            
    #call {
        width: 135px;
        background: #ddddff;
        font-size: .75em;
        margin: 10px 0 10px 0;
        padding: 10px 5px 10px 5px; 
        border: solid 1px white;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    
    #quickshops{
        width: 149px;
        height: 900px; 
        background-image: url(/images/box2.png); 
        background-repeat: no-repeat;
        border: solid 0px purple;
    }
        #quickshops div.title{
            margin: 0 0 0 25px;            
            padding: 2px 0 0 0px;            
            border: solid 0px green;
        }
        #quickshops div.shops{
            font-size: .8em;
            margin: 35px 5px 0 5px;            
            border: solid 0px green;
        }
            #quickshops div.shops .quickshop {font-size: 0.9em;}
                #quickshops div.shops .quickshop  a {font-size: 0.9em;}
                #quickshops div.shops .quickshop .schedule {
                }
                #quickshops div.shops .quickshop .workshop{
                    color: Purple;
                }
    #content{
        min-height: 620px; 
        width: 570px;
        
        margin: 0 10px 10px 0px;            
        overflow: inherit;
        float: left;
        border: solid 0px purple;
    }
        #content div.top{
            height: 38px;
            background-image: url(/images/boxtop.png); 
            background-repeat: no-repeat;
        }
        #content div.stuff{
            top: 0px;
            left: 0px;
            width: 570px;
            background-image: url(/images/boxmid.png); 
            background-repeat: repeat;
            
            font-size: .85em;
            
            overflow: auto;
            position: relative;            
            border: solid 0px purple;
        }
        #content div.stuff div.menu {
            background-color: #eeeeee;
            font-size:0.9em;
            margin: 0 5px 0 0;
            padding: 3px 3px 3px 3px;
            border: solid 1px #aaaaaa;
            float: right;
        }
        #content div.bottom{
            background-image: url(/images/boxbot.png); 
            background-repeat: no-repeat;
        }
#footer
{
    font-size: .85em;
    font-family: Times, Times New Roman, Serif;
    color: #445588;

    padding: 0px 0px 5px 5px;
    position: relative;
    overflow: auto;
    border: solid 0px green;
}
    #footer div.copyright{
        float: left;
    }
    #footer div.footerBar{
        float: right;
    }
    #footer a{
        color: #445588;
        text-decoration: none;
    }
    #footer a:hover{
        color: #6666ff;
        text-decoration: none;
    }

#err {
    color: #f955e0;
}

#marcia {
    width: 600px;
    color: Black;
    background-color: #bdccf3;
    margin: 0 auto 10px auto;
    padding: 5px 5px 5px 5px;
    border: solid 1px #666688;
}


/*** general classes ***/
span.titleS{
    font-family: Times, Times New Roman, Serif;
    font-size:1.2em;
    font-weight: bold;
    color: #6bb1f8;
    border: solid 0px red;    
}
div.titleS{
    font-family: Times, Times New Roman, Serif;
    font-size:1.2em;
    font-weight: bold;
    color: #6bb1f8;
    border: solid 0px red;    
}
a.buttonA, a.buttonA:active{
    font-weight: bold;
    color: #ffffff;
    background-color: #cccccc;
    text-decoration: none;
    padding: 3px 3px 3px 3px;
    border: solid 1px grey; 
    cursor: pointer;
    cursor: hand;
}
a.buttonA:hover{
    font-weight: bold;
    color: #aaaacc;
    background-color: #ddddff;
    text-decoration: none;

    cursor: pointer;
    cursor: hand;
    border: solid 1px grey;
}

a.commandA {
    cursor: pointer;
    cursor: hand;
}
a.commandA:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

a.subcommandA {
    font-size: .85em;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
a.subcommandA:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}

img.actorBar{
    width:50px;
    border: 10px;
}

/*** default table form stuff ***/
table.formT {
    font-size: 1em;
}
td.subHeadTD{
    font-size: 1em;
}

/*** default grid stuff ***/
.gridD {
    margin: 0 0 20px 0;
}
.gridT{
    background-color: transparent;
}
.gridT tr:hover{
    background-color: #ddddff;
}

.gridHeaderTD{
    font-size: .8em;
    font-weight: bold;
    vertical-align: top;
    border-bottom: solid 1px black;
}

.gridDataTD{
    font-size: .7em;
}

.subHeadTD{
    vertical-align: top;
}



/*** generics ***/
.textI {
    width: 250px;
}
.selectI{
    width: 170px;
}
.textareaI {
}
.fileI{
    width: 170px;
}
.thumbnailI {
    border: solid 1px #555566;
    width: 50px;
}

.inputDropDown{
    overflow: visible;
    position: absolute;
    
    width: 296px;
    background: #fefecd;
    font-size: 16pt;
    z-index:10001;
    border-left: solid 1px #eeeeef;
    border-bottom: solid 1px #eeeeef;
    border-right: solid 1px #eeeeef;
}
    .inputDropDown a{font-size: 13pt;}
    .inputDropDown div{padding: 5px 2px;}
    .inputDropDown div:hover{background: white; }