/* External CSS file */
/* File name stylesheet.css */
/* NO HTML MARKUP ALLOWED */

BODY {background: black; color: #FFF;}
P {font-size: 11pt;font-family: georgia, times,sans-serif; text-align: justify; color: #D5D4D4}
H2 {font-size: 14pt; color: #eeeeee}
A {text-decoration: none; font-weight:normal; font-family:georgia, times, sans-serif;}
	A:link {color:#dC2151;}
	A:visited {color:#A9094C;}
        A:hover {color: red;}	
        A:active {color:gray;}
DD {text-align: justify; margin-right: 20px;}
DT {margin-left: 5px;}
UL LI {font-size: 10pt; color: #D5D4D4; }
IMG {border: 0px;}

/* Terms Page */
.dt {color: red; text-transform: capitalize;} /* Word being Defined */
.dd {color: black;}  /* Definition */
.sa {color: blue;}   /* See Also */
li {list-style-position: outside; color: black; margin: 1em;}
ul {list-style-type: disc;}
/* End Terms */

.terms {color: black; text-indent: 2em; margin: 1em; text-align: justify;}
.center {text-align: center;}
.left {text-align: left; margin-left: 1em}
.right {text-align: right;}
.cu {text-align:center; text-decoration: underline;}  /*Centered Underlined text */
.menu {margin: 0; }
.cr {text-align: right; color: gray;}      /*Copyright text used in footers*/
.cl {text-align: center; margin: 0 0 0 0;} /*Centered List used in Weddings*/
.tracking {visibility: hidden;}

/*  Structures and Elements  */

#pageHeader {
    margin: 10px 0px 0px 175px; 
    }

#pageHeader h1 { 
    background: black url("weblogo.jpg") no-repeat top center;
    height: 172px; 
    width: 600px;
    color: #D5D4D4;
    }
   
#pageHeader h1 span, h2 span {    /* Allows for hidden text but still showing bgimage from above */
    display:none;
    }

#menu{                            /* Menu DIV layout */
    position: absolute;
    left:5px;
    top: 150px;
    height: 400px;
    width: 140px;
    text-align: center;
}

#mainbody{
    background:transparent;
    padding-left:0;
    width: 600px;
    position: absolute; 
    left:175px;
    top: 200px;
    text-align: center;
}    

#contact{               /* Body DIV for Contact Page */
    background: transparent;
    padding-left:0px;
    width: 600px;
    position: absolute; 
    left:175px;
    top: 175px;
    margin-top: 50px;
}    

.contact{               /* Body text for Contact Page */
    font-size: 16pt;
    text-align: center;
}

.rates{                 /* Body DIV for Rates Page */
    background:transparent;
    padding-left:10;
    width: 600px;
    position: absolute; 
    left:175px;
    top: 350px;
    text-align: left;
    font-size: 10pt;
    margin-top: 50px;
} 

#terms{
    background:transparent;
    padding-left:0;
    position: absolute; 
    left:175px;
    right: 10px;
    top: 200px;
    bottom: 20px;
    text-align: left;
    font-family: times, serif;
    color: black;
    font-size: 12pt;
    margin-top: 5px;
    overflow: scroll;
    background-color: white;
}  


#mainphoto{
    position: absolute; overflow: hidden;
    left: 350px;
    top: 210px;
    width: 400px;
    height: 400px;
    text-align: center;
    vertical-align: middle;
    visibility: visible;
}

.photos{                /* Moves the Photos down 25 pixels to center in the div */
    position:relative;
    top: 25px;
}

#image12-1{                     /*First Row 1*/
    position: absolute; 
    left: 150px;
    top: 10px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-2{                     /*First Row 2*/
    position: absolute; 
    left: 350px;
    top: 10px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-3{                     /*First Row 3*/
    position: absolute; 
    left: 550px;
    top: 10px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-4{                     /*First Row 4*/
    position: absolute; 
    left: 750px;
    top: 10px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-5{                     /*Second Row 1*/
    position: absolute; 
    left: 150px;
    top: 210px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-6{                     /*Second Row 2*/
    position: absolute; 
    left: 750px;
    top: 210px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}

#image12-7{                     /*Third Row 1*/
    position: absolute; 
    left: 150px;
    top: 410px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-8{                     /*Third Row 2*/
    position: absolute; 
    left: 750px;
    top: 410px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-9{                     /*Fourth Row 1*/
    position: absolute; 
    left: 150px;
    top: 610px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-10{                     /*Fourth Row 2*/
    position: absolute; 
    left: 350px;
    top: 610px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-11{                     /*Fourth Row 3*/
    position: absolute; 
    left: 550px;
    top: 610px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}
#image12-12{                     /*Fourth Row 4*/
    position: absolute; 
    left: 750px;
    top: 610px;
    width: 200px;
    height: 200px;
    text-align: center;
    visibility: visible;
}

/*Rebecca Resume*/
.resume {background-color: white; color: black; margin-left: 20px; font-size: 11pt;list-style-type:square;}
.resume-right {text-align:left; font-size: 11pt; position: absolute; right:5%; width: 140px;}
.resume-gpa {text-align:left; font-size: 11pt; position: absolute; right:40%;}
.resume-left {text-align: left; font-size: 11pt; margin-left: 20px;}
.resume-center {text-align: center; font-size: 16pt;}

#resume-header{
	position: absolute;
	top: 25px;
	height: 30px;
	right: 40%;
	overflow: hidden;
	text-align: center;
	font-size: 16pt;
	color:black;
}

#resume-address-left{
	position: absolute;
	top: 55px;
	left: 50px;
	height: 50px;
	text-align: left;
	font-size: 11pt;
	color:black;
	margin-left: 20px;
}

#resume-address-right{
	position: absolute;
	top: 55px;
	right: 50px;
	width: 140px;
	height: 50px;
	text-align: left;
	font-size: 11pt;
	color:black;
}

#resume-email{
	position: absolute;
	top: 105px;
	right: 44%;
	height: 20px;
	text-align: center;
	font-size: 11pt;
	color:black;
}

#resume-body{
	position: absolute;
	top: 150px;
	left: 0px;
	right: 0px;
	height: 20px;
	text-align: left;
	font-size: 11pt;
	background-color: white:
	color:black;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.Karla{
	padding: 10px;
	vertical-align: middle;
}