/* 
Victoria Anderson - website style sheet v1.0

made by

Michael McKimm @ www.peacemakergfx.com

*/
#contentContainer {
	margin: -8px 0 0 -8px !important; margin: -15px 0 0 -10px;
	background-color: #000000;
	height: auto;
    width: 100%;
}

#fadeLine {
    background: url('images/f-line.png') no-repeat;
    padding: 0 0 0 0;
    margin: 0;
    height: 3px;
    width: 400px;
    border: 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 500;
	color:#cccccc;
    padding: 0;
    margin: 0;
}

blockquote {
    width: 900px;
    color: #bbbbbb;
}

body {
    background-color: #000000;
}

#bodyContainer { /* Top of Website background frame */
	margin: 0;
	padding: 0;
	background: url('images/background.png') no-repeat;
	height: 608px;
	width: 1024px;
    border: 0;
}

#bodyText {
    color: #eeeeee; 
}

#bodyTextPadding { /* Used in a normal .html file */
    padding: 15px 0 0 15px;
}

#bodyTextPadding2 { /* Used in the Index.html file (Buttons push text aside so this tells the text to position correctly */
    padding: 237px 0 0 5px;
}

#bodyTextContainer {
    padding: 340px 0 0 50px !important;
    padding: 360px 0 0 52px;
    color: #eeeeee;
    font-family: arial;
    width: 970px;
}

#bodyContentBackground1 { /* for the Index content background*/
    background: url('images/BodyContentBG.png') no-repeat;
    height: 300px;
    width: 700px;
    padding: 0;
    margin: 7px 0 5px 0 !important;
    margin: 0px 0 12px 0;
}

#bodyContentBackground2 {/* for a Normal page content background */
    background: url('images/BodyContentBG2.png') no-repeat;
    height: 300px;
    width: 700px;
    padding: 0;
    margin: 7px 0 5px 0 !important;
    margin: 0px 0 12px 0;
}

#footer { 
    background: url('images/footerBG.png') no-repeat;
    margin: 0;
    padding: 0;
    height: 37px;
    width: 981px;
    border: 0;
}

#footer2 { 
    background: url('images/footerBG.png') no-repeat;
    margin: 0 0 0 50px !important; margin: 0 0 0 52px;
    padding: 0;
    height: 37px;
    width: 981px;
    border: 0;
}

#footerText {
    float: right;
    color: #cccccc;
    font-family: arial;
    padding: 11px 15px 0 0 ;
    margin: 0;
}

/* Two glass layers, using z-index = 3, while buttons (that are involved) = 2, & background-image = 1 */

#shotGlass {
	position: absolute;
    display: block;
	top: 68px;
    left: 698px;
    z-index: 3;
    height: 315px; 
    width: 325px;
    border: 0;
}

#topButtonGlass{
	display: block;    
    position: absolute;    
	margin: 0 7px 0 0;
    top: 7px; 
    left: 623px;
    z-index: 3;
}

#vicShots {
    position: absolute;
    display: block;
    height: 324px; 
    width: 324px;
    top: 72px;
    left: 698px;
    z-index: 2;
}

#copyright { 
    float: left;
    font-family: arial;
    font-size: 12px;
    margin: 14px 0 0 55px !important; margin: 14px 0 0 28px;
    color: #cccccc;
}

#siteDesigner { 
    float: left;
    font-family: arial;
    font-size: 12px;
    margin: 14px 0 0 55px !important; margin: 14px 0 0 28px;
    color: #cccccc;
}

#siteDesigner a {
    font-size: 12px;
}

#subLine {
     display: block;
     margin: 0 0 0 15px;
     padding: 0;
     font-size: 12px;
     color: #bbbbbb;
}

#spacer {
    margin: 15px 0 0 0; /*coordinates: top, right, bottom, left */
}


/* Top menu Button */

#homeButtonN {
    display: block;   
    position: absolute;
    top: 11px;   
    left: 306px;
    z-index: 3;

}

#homeButtonH {
    display: block;   
    position: absolute;
    visibility: hidden;
    top: 4px;
    left: 299px;
    z-index: 3;

}

#linksButtonN {
    display: block;   
    position: absolute;
    top: 11px;
    left: 228px;

}

#linksButtonH {
    display: block;   
    position: absolute;
    visibility: hidden;
    top: 4px;
    left: 222px;

}

#contactButtonN {
    display: block;   
    position: absolute;
    top: 12px;
    left: 117px;

}

#contactButtonH {
    display: block;   
    position: absolute;
    visibility: hidden;
    top: 4px; 
    left: 110px; 

}

/* Index page: Biography, Achievements, Forthcoming Events & Past Events Button; Normal & Hover states, Positioning & Visibility properties */ 

#biographyN {
    position: absolute;
    display: block;
    top: 420px !important; top: 430px;
    left: 65px;
}

#biographyH {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 419px !important; top: 429px;
    left: 64px;
}


#achievementsN {
    position: absolute;
    display: block;
    top: 500px !important; top: 510px;
    left: 65px;
}

#achievementsH {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 499px !important; top: 509px;
    left: 64px;
}

#comingEventsN {
    position: absolute;
    display: block;
    top: 601px !important; top: 613px;
    left: 65px;
}

#comingEventsH {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 600px !important; top: 612px;
    left: 64px;
}

#pastEventsN {
    position: absolute;
    display: block;
    top: 658px !important; top: 670px;
    left: 65px;

}

#pastEventsH {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 657px !important; top: 669px;
    left: 64px;
}

#top a {
    display: block;
    margin: 0 0 10px 910px;
    text-decoration: none;
}

/* Anchor link colours: applicable to body content */
#bodyText a {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #555555;
	color: #dddddd;
}

#bodyText a:hover {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #aaaaaa;
	color: #eeeeee;
}

#bodyText a:visited {
    font-size: 16px;
    border-bottom: 1px solid #333333;
	color: #aaaaaa;
}

#bodyText a:active {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #dddddd;
	color: #ffffff;
}

#footer a {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #555555;
	color: #dddddd;
}

#footer a:hover {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #aaaaaa;
	color: #eeeeee;
}

#footer a:visited {
    font-size: 16px;
    border-bottom: 1px solid #333333;
	color: #aaaaaa;
}

#footer a:active {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #dddddd;
	color: #ffffff;
}

#footer2 a {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #555555;
	color: #dddddd;
}

#footer2 a:hover {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #aaaaaa;
	color: #eeeeee;
}

#footer2 a:visited {
    font-size: 16px;
    border-bottom: 1px solid #333333;
	color: #aaaaaa;
}

#footer2 a:active {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #dddddd;
	color: #ffffff;
}