/* external css file */
/* filename 'ramps.css' */


/*for ramp site */

.underline {
text-decoration:underline;
font-weight:bold;
}

.leftalign {
text-align:left;
}

p:first-letter {
font-family:papyrus, sans-serif;
font-weight: bold;
font-size: 150%;
}

.logofloatleft {
width:45px;
vertical-align:top;
float:left;
padding:10px;
}

.logofloatright {
vertical-align:top;
float:right;
padding:10px;
}

.floatleft {
float:left;
padding:10px;
border:none;
}

.floatright {
float:right;
padding:10px;
border:none;
}
 
.col_width {
text-align:left;
width:220px;
}
.col_space {
border-right-color:#24006b;
border-right-style:ridge;
width:15px;
}


/*This is the main page part that centers on the screen. Everything else goes on this. Set the rest of the screen in the body tag.*/

div#wrapper {
margin: 0 auto;
background-color:#707070;
width:760px;
}

#logo {
color:#ECECEC;
background-color:#707070;
text-align:center;
padding-top:5px;
padding-right:10px;
padding-left:10px;
}

#leftcolumn {
text-align:center;
padding:10px;
color:#ECECEC;
background-color:#707070;
width:210px;
float:left;
font-family:Arial,"Tw Cen MT ", "Gill Sans MT ", sans-serif;
font-size:small;
}

#mainpic {
padding:5px;
width:190px;
background-color:#000000;
}

#fullpage {
margin: 0 auto;
vertical-align:text-top;
background-color:#DFE2F9;
width:600px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
font-family:Arial,"Tw Cen MT", "Gill Sans MT", "Futura Lt BT", sans-serif;
}



 table {
margin-right: none;
margin-left: none;
padding:2px;
 }

table, td {
padding:7px;
}

table, tr {
border:2px black;
}

.tableservices {
width:300px;
}


div#maincontent {
float:right;
vertical-align:text-top;
background-color:#B7B7B7;
width:500px;
margin:5px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
font-family:Arial,"Tw Cen MT", "Gill Sans MT", "Futura Lt BT", sans-serif;
}

#navbar {
color:#EAE4EF;
background-color:#707070;
text-align:center;
padding:10px;
font-family:"ZapfEllipt BT", "Tw Cen MT Condensed", "Gill Sans MT Condensed", sans-serif;
font-size:1em;
}

#navbarsm {
color:#EAE4EF;
text-align:center;
padding:10px;
font-family:SquireD, Arial,"Gill Sans MT", "Tw Cen MT", sans-serif;
font-size:.75em;
}

#smallprint {
font-size:xx-small;
text-align:center;
font-family:Arial,"Tw Cen MT", "Gill Sans MT", "Futura Lt BT", sans-serif;
padding-top:0px;
padding-right:10px;
padding-bottom:0px;
padding-left:10px;
} 

body {
background-color:#EAE4EF;
}

a:link {
color:#000000;
}

a:visited {
color:#000000;
}

a:hover {
background:#5c3e90;
color:#D4CAE2;
}

a:active {
background:#5c3e90;
color:#D4CAE2;
}

h1 {
text-align:center;
font-family:serif;
}

h2 {
text-align:center;
font-family:papyrus, sans-serif;
}

h3 {
text-align:center;
font-family:papyrus, sans-serif;
}

h4 {
font-family:papyrus, sans-serif;
} 

h5 {
text-align:center;
font-family:SquireD,"Viner Hand ITC",  "Tempus Sans ITC", "Kristen ITC", sans-serif;
}

h6 {
text-align:center;
font-family:"Bradley Hand ITC", "Kristen ITC", "Lucida Calligraphy", "Lucida Handwriting", "Monotype Corsiva", cursive;
)

h7 {
font-size:xxxsmall;
text-align:center;
font-family:"Bradley Hand ITC", "Kristen ITC", "Lucida Calligraphy", "Lucida Handwriting", "Monotype Corsiva", cursive;
)

h8 {
font-family:"GoudyHandtooled BT", Linden, SquireD, "Tempus Sans ITC", "Viner Hand ITC", "Kristen ITC", sans-serif;
font-size:small;
}

hr {
color:#CF0021;
size:6px;
text-align:center;
width:75%;
}
 
/*this is for the pages where each photo is very large at 400px wide made the same bkg color as the wrapper */

#lgphoto {
margin: 0 auto;
text-align:center;
background-color:#BFB2D3;
width:600px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
font-family:Arial,"Tw Cen MT ", "Gill Sans MT ", sans-serif;
}

/*the following table ID is found on both the resume page and the contact page with the first td controled by the following class elements*/

#resumetable {
width:650px;
margin-right:5px;
margin-left:5px;
}

.resumetabledata {
width:230px;
}

.col_1_contacttable {
width:auto;
}

/*The id and class following is for the index page.*/

#threepictures {
margin: 0 auto;
padding:10px;
border:none;
}

.small {
width:130px;
padding:10px;
border:none;
}

/*used for the portfolio page*/
div#portfolio {
margin: 0 auto;
vertical-align:text-top;
background-color:#BFB2D3;
width:700px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
font-family:Arial,"Tw Cen MT", "Gill Sans MT", "Futura Lt BT", sans-serif;
}