/****************************************************************
* file: 	/css/vbw.css
* author:	toy
* date:		11may09
*
* NOTE: 	base css for site
*
* rev history
* [toy 11may09]		orig version 
* [toy 1sep09]		adjusted navbar as requested by client
*****************************************************************/

/*** default style ***/
*
{
	margin: 0;
	padding: 0;
	list-style: none;
}
body
{
    font-size: .9em;
    font-family: Verdana, Arial, Sans-Serif;
    font-family: Verdana, MS Sans-Serif, Sans-Serif ;

	background-color: #0b4f24;
    background-position:center;
    background-repeat:no-repeat;
    position: relative;
    overflow: visible;
}


/*** worker styles ***/
.left
{
	float: left;
}
.right {
    float: right;
}
.clear
{
	clear: both;
}



/*** main divs ***/
#thewholeenchilada {
    display: block;
    margin-left: auto;
    margin-right: auto;

    width: 770px; 
    min-height: 500px;
    overflow: visible;

    background-image: url(../images/bg.jpg); 
    background-repeat:no-repeat;
    border: solid 0px red;

    position: relative;
    z-index: 1;
}
#header {
    top: 0px;
    left: 10px;
    width: 750px;
    height: 112px;
    position: absolute;

    background-image: url(../images/banners/lighthouse.jpg); 
    background-repeat:no-repeat;

    border: solid 0px yellow;
}
#banner {
    top: 0px;
    left: 9px;
    width: 592px;
    height: 132px;
    position: absolute;
    z-index: 1;
    border: solid 0px yellow;
}
#logo {
    top: 5px;
    left: 40px;

    position: absolute;
    z-index: 100;
    border: solid 0px yellow;
}
#menu {
    top: 250px;
    left: 20px;
    width: 140px;
    position: absolute;
    overflow: visible;

    color: White;
    background-color: Transparent;
    font-size: .8em;
    border: solid 0px white;

    z-index: 1000;
}
#signup {
    top: 650px;
    left: 35px;
    position: absolute;
    border: solid 0px white;
    z-index: 100;
}
#polandsprings {
    top: 112px;
    left: 37px;
    width: 280px;
    height: 50px;
    position: absolute;
    
    z-index: 1000;
}

#phonenumber {
    top: 168px;
    left: 147px;
    width: 130px;
    height: 30px;
    position: absolute;
    
    color: #003100;
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    
    z-index: 1000;
    border: solid 0px red;
}


#tag {
    top: 120px;
    left: 260px;
    width: 280px;
    height: 50px;
    position: absolute;

    font-size: .7em;
    margin: 10px 10px 10px 5px;
    padding: 5px 0px 5px 5px;
    border: solid 0px orange;
    float: left;
}
#main {
    top: 205px;
    left: 0px;
    width: 768px;
    min-height: 400px;
    position: absolute;
    
    background-image: url(../images/bgrepeat.jpg); 
    background-repeat:repeat;
    overflow: visible;
    border: solid 0px yellow;
    
    z-index: 1;
}
#main.title {
    font-weight: bold;
}
#content{
    width: 572px;
    min-height: 400px;

    font-size: .75em;
    
    margin: 5px 15px 10px 5px;
    padding: 5px 0px 5px 5px;
    border: solid 0px blue;
    overflow: visible;
    float: right;
}
#content div.title{
    font-size: 1.2em;
    font-weight: bold;
    color: #224fec;
    background-color: #a5c5e6;
    
    margin: -8px -5px 10px -12px;
    padding: 6px 0 6px 10px;
}
#content div.filler{
    min-width: 180px;
    position: absolute;

    font-size: .75em;
    
    margin: 10px 10px 10px 5px;
    padding: 5px 0px 5px 5px;
    border: solid 1px red;
    float: left;
}
#content div.stuff{
    top: 10px;
    left: 170px;
    width: 572px;
    position: absolute;
    
    margin: 10px 10px 10px 5px;
    padding: 5px 0px 5px 5px;
    border: solid 0px black;
    float: right;
}

#breadcrumbs{
    color: #ff6600;
    margin: -10px 0 10px 0;
    float: right;    
}
#breadcrumbs a{
    color: #ff6600;
    font-size: .85em;
    text-decoration: none;
}
#breadcrumbs a:hover{
    color: #888888;
    font-size: .85em;
    text-decoration: underline;
}

#footer
{
    font-size: .7em;
    background-image: url(../images/bgrepeat.jpg); 
    background-repeat:repeat;
    padding: 5px 0px 5px 170px;
	z-index: 1000;
	border: solid 0px red;
}
#err {
    color: #f955e0;
    margin: 10px 0 10px 0;
}
#disclaimer {
    margin: 10px 10px 10px 170px;    
    font-size: .7em;
    color: #cccccc;
}

/*** navs ***/
/* [toy1sep09] adjusted as requested by client */
#nav{
    top: 113px;
    left: 455px;
    height: 20px;
    position: absolute;

    font-size: .8em;
    font-weight: bold;
    margin: 0 1px 10px 10px;
    border: solid 0px green;
}

a.navA, a.navA:active, a.navA:visited {
    font-size: .75em;
    color: Black;
    text-decoration: none
}
a.navA:hover {
    font-size: .75em;
    color: #665533;
    text-decoration: underline;
}

.menuD{
    background-color: #dddddd;
    width: 100px;
    margin: 10px 5px 10px 10px;
    padding: 5px 5px 5px 5px;
    border: solid 1px silver;
    float: left;
}

a.categoryA, a.categoryA:visited, a.categoryA:active {
    color: White;
    background-color: Transparent;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    margin: 3px 0 3px 0;
    padding: 3px 0 3px 0;
    border: solid 0px silver;
    cursor:pointer;
    cursor:hand;
}
a.categoryA:hover{
    color: #ccccff;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    margin: 3px 0 3px 0;
    padding: 3px 0 3px 0;
    border: solid 0px silver;
    cursor:pointer;
    cursor:hand;
}
.categoryHR{
    color: White;
    background-color: White;
    height: 1px;
    margin: 6px 0 6px 0;
    border: 0px;
    border-collapse: collapse;
}

.categoryHR1{
    color: White;
    background-color: White;
    height: 1px;
    margin: 6px 0 0px 0;
    border: 0px;
    border-collapse: collapse;
}

/*** generic content styles ***/
.tagD{
}

.contentD {
    margin: 0 0 20px 0;
}

.titleD {
    font-size: 1.3em;
    font-weight: bold;
    background-color: #ccccee;
    margin: -5px 0px 10px -5px;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #aaaacc;
    clear: both;
}

.subTitleD{
    font-weight: bold;
}

.editD {
    background-color: #eeeeff;
    width: 770px;
    margin: 10px 0 0 5px;
    padding: 5px 5px 5px 5px;
    border: solid 1px #aaaacc;
}

.buttonS{ 
    margin: 5px 0 0 0;
}

a.buttonA, a.buttonA:active{
    font-weight: bold;
    color: #dddddd;
    background-color: #aaaacc;
    text-decoration: none;
    padding: 1px 1px 1px 1px;
    cursor: pointer;
    cursor: hand;
    border: solid 1px grey;
}
a.buttonA:hover{
    font-weight: bold;
    color: #aaaacc;
    background-color: #ddddff;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    border: solid 1px grey;
}

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

.gridDataTD{
    font-size: .8em;
}
.hDividerD{
    height: 2px;
    width: 100%;
    margin: 0 0 0 -5px;
}
.hDividerI{
    height: 2px;
    width: 570px;
}


.textI {
    width: 250px;
}
.selectI{
    width: 170px;
}
.textareaI {
}
.fileI{
    width: 170px;
}
.thumbnailI {
    width: 50px;
}
.typeI {
    height: 70px;
}
.w300 {
    width: 300px;
}