body {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
margin: 0%;
padding: 0%;
background: #000 url(../Graphics/red_gatheredFolds_large4.jpg) top left no-repeat;
}


#PageFlex {
display: block;
width: 85%;
margin: 2% 5% 1% 6%;
padding: .5% 2%;
color: #000;
background-color: #fff;
border: 1px solid #bb1100;

}

#PageFlex h1{
text-align: center;
margin: 0% .5%;
padding: 0%;
background-color: transparent;
color: #000;
font-weight: 600;
font-style: italic;
line-height: 1.3em;
font-size: 1.2em;
font-family: 'Comic Sans MS', cursive;
}

#PageFlex h1.intro {
text-align: center;
margin: .5% 1% .5% 1%;
padding: .5% 0%;
background-color: transparent;
color: #000;
font-weight: 600;
font-style: italic;
line-height: 1.1em;
font-size: 1em;
font-family: 'Comic Sans MS', cursive;
}


#PageFlex h2.right {
text-align: right;
margin-left: 1%;
margin-right: 1%;
margin-top: 2%;
margin-bottom: 1%;
padding: 0%;
background-color: #fff;
color: #000;
font-weight: 600;
font-style: italic;
line-height: 1.1em;
font-size: 1em;
font-family: 'Comic Sans MS', cursive;
}

#Fashion-Slogan {
display: block;
text-align: center;
margin: 1%;
padding: 0%;
}

#Fashion-Slogan h1{
text-align: center;
margin-left: 1%;
margin-right: 1%;
margin-top: 2%;
margin-bottom: 1%;
padding: 1% 0% 0% 0%;
background-color: transparent;
color: #000;
font-weight: 600;
font-style: italic;
line-height: 1.3em;
font-size: 1.2em;
font-family: 'Comic Sans MS', cursive;
}


#HBar {
display: block;
width: 92%;
text-align: center;
margin: .5% auto 1% auto;
padding: 0% 2% 1% 2%;
border-top: 4px solid #bb1100;
}

#Htextbar a, #Htextbar a:visited {
display: inline;
text-align: center;
margin: 6% .5% 0% .5%;
padding: 0% .5%;
text-decoration: none;
background-color: #fff;
color: #aa0022;
font-weight: 700;
font-style: italic;
line-height: 1.3em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Georgia, Palatino, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Htextbar a:hover {
display: inline;
text-align: center;
margin: 6% .5% 0% .5%;
padding: 0% .5%;
text-decoration: none;
background-color:  #880000;
color: #fff;
font-weight: 800;
font-style: italic;
line-height: 1.3em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Georgia, Palatino, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Htextbar a.current {
display: inline;
text-align: center;
margin: 6% .5% 0% .5%;
padding: 0% .5%;
text-decoration: none;
background-color:  #8811ff;
border: 1px solid #ccc;
color: #fff;
font-weight: 800;
font-style: italic;
line-height: 1.3em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Georgia, Palatino, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Htextbar a.current:hover {
display: inline;
text-align: center;
margin: 6% .5% 0% .5%;
padding: 0% .5%;
text-decoration: none;
background-color: #ccc;
border: 1px solid #666;
color: #666;
font-weight: 800;
font-style: italic;
line-height: 1.3em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Georgia, Palatino, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Fashion-Content {
display: block;
margin: 1%;
width: 99%;
padding: 0%;
color: #000;
background-color: #fff;
}

#Fashion-Content p {
display: block;
text-align: left;
margin: .5em .2em;
padding: 0em;
font-weight: 500;
line-height: 1.1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#Fashion-Content img.picR {
float: right;
margin: .5%;
padding: .5%;
}

#Fashion-Content h2.main {
display: block;
text-align: center;
margin: 1%;
padding: 0%;
background-color: #fff;
color: #000;
font-style: italic;
font-weight: 700;
line-height: 1.3em;
font-size: 1.2em;
font-family: 'Comic Sans MS', cursive;
}

h2.sub {
display: block;
text-align: center;
margin: 0% 0% 1% 0%;
padding: 0% 0% 1% 0%;
background-color: #fff;
color: #000;
line-height: 1.2em;
font-weight: 500;
font-size: 1.1em;
font-family: 'Comic Sans MS', cursive;
}

h3 {
display: block;
text-align: left;
margin: .5% 1%;
padding: 0%;
color: #000;
background-color:#fff;
font-weight: 700;
line-height: 1.1em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


#Fashion-Content .noteSm {
text-align: center;
margin: 0% 2%;
padding: 0% 1%;
font-weight: 700;
font-style: normal;
line-height: 1em;
font-size: .9em;
font-family: 'Trebuchet MS', Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Fashion-Content .seeNote {
text-align: center;
margin: 0% 2%;
padding: 0% 1%;
font-weight: 500;
font-style: normal;
line-height: 1em;
font-size: .9em;
font-family: 'Trebuchet MS', Geneva, Lucida, Arial, Helvetica, sans-serif;
}


.imgContourL {
float: left;
margin: 1% .5% 1% 2%;
padding: 0%;
}
.imgLh {
float: left;
margin:  1% .5%;
padding: 0%;
}

.imgL {
float: left;
margin: .5% 2% .5% 1%;
padding: 0%;
}

.imgR {
float: right;
margin: .5% 2%;
padding: 0% 0% .5% 0%;
}
.imgRh {
float: right;
margin:  3% 3% .5% .5%;
padding: 0%;
}



div.cls {
clear: both;
display: block;
margin-bottom: 2%;
padding-bottom: 2%;
}

div.clsSm {
clear: both;
display: block;
margin-bottom: .5%;
padding-bottom: .5%;
}

div.clsDeep {
clear: both;
margin-bottom: 6%;
padding-bottom: 6%;
}


ul.prime3 {
display: block;
list-style: disc;
list-style-position: outside;
text-align: left;
margin-top: 0;
margin-left: 30%;
padding: .5%;
font-weight: 700;
line-height: 1.2em;
font-size: 1em;
font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}

ul.flow {
display: block;
list-style: disc;
list-style-position: outside;
text-align: left;
margin-top: 0;
margin-left: 35%;
padding: .5% .5% .5% 1%;
font-weight: 700;
line-height: 1.2em;
font-size: 1em;
font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}



p {
display: block;
text-align: left;
margin: .5em 1.5em;
padding: 0em;
font-style: normal;
font-weight: 600;
line-height: 1.1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.smaller {
display: block;
text-align: left;
margin: .5em 1.5em;
padding: 0em;
font-style: normal;
font-weight: normal;
line-height: 1em;
font-size: .9em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.custom-listLead {
display: block;
text-align: left;
text-indent: 3em;
margin: .5% 1%;
padding: 0%;
color: #000;
background-color: #fff;
line-height: 1em;
font-size: 1em;
font-weight: 600;
font-style: italic;
font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}

p.cursive {
display: block;
text-align: left;
margin-left: 1.5em;
margin-right: 1.5em;
margin-top: .5em;
padding: .5%;
line-height: 1.2em;
font-size: 1em;
font-style:normal;
font-weight: 500;
font-family: 'Comic Sans MS', cursive;
}



.picL2 {
float:left;
margin: 0% .5% 1% 0%;
padding: 1% 1% 2% 0%;
}

.picRlist {
float: right;
padding-top: 2%;
padding-right: 10%;
padding-left: 2%;
margin-top: 2%;
margin-left: 1%;
margin-right: .5%;
margin-bottom: .5%;
}


img.right {
float: right;
vertical-align: middle;
border: none;
padding: .5em;
}

img.vh {
float: left;
margin: 1% 0%;
padding: .5%;
}

/* ***** about maria ***** */
ul.accomplishments {
list-style: disc;
list-style-position: outside;
margin: 0em 2em;
padding: 0em;
}

ul.accomplishments li {
margin: 0% 2% 0% 2%;
padding: .5%;
color: #000;
background-color: #fff;
line-height: 1.1em;
font-size: 1em;
font-weight: 500;
font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}

p.emphCtr {
display: block;
text-align: center;
padding: .5em 1em;
color: #555;
background-color: #fff;
font-style: italic;
font-weight: 700;
line-height: 1.1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}




/* ***** contact ***** */

#Contact {
display: block;
text-align: left;
margin: .5% 5% 1% 5%;
padding: 0%;
}

#Contact p {
display: block;
text-align: left;
margin: .5% 1%;
padding: 0%;
color: #000;
background-color:#fff;
font-weight: 600;
line-height: 1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#Contact h3 {
display: block;
text-align: left;
margin: .5% 1%;
padding: 0%;
color: #000;
background-color:#fff;
font-weight: 700;
line-height: 1.1em;
font-size: 1.1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.btnEmail {
display: block;
float: left;
width: auto;
height: 2.2em;
margin: .5%;
padding: 0%;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-right: 2px outset #666;
border-bottom: 4px outset #666;
background-color: #eeddcc;
color: #000;
font-weight: 700;
line-height: 1.1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.instruction {
display: block;
width: 100%;
text-align: left;
margin: 1% 1% 0% 0%;
padding: 0%;
color: #555;
background-color:#fff;
font-weight: 700;
line-height: 1.1em;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.note {
display: block;
width: 100%;
text-align: left;
margin: .5% 2%;
padding: .5% 0%;
color: #333;
background-color:#fff;
font-weight: 500;
line-height: 1em;
font-size: .9em;
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
}

p.note2 {
display: block;
width: 100%;
text-align: left;
margin: .5% 5%;
padding: .5% 0%;
color: #333;
background-color:#fff;
font-weight: 500;
line-height: 1em;
font-size: .9em;
font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
}

em {
font-weight: 700;
font-style: italic;
}

p.emphSmMarq {
display: block;
text-align: left;
margin: .5% 10%;
padding: 0% 10%;
font-weight: 500;
font-style: normal;
line-height: 1em;
font-size: .9em;
font-family: 'Comic Sans MS', cursive;
border: 1px dashed black;
}

#SidebarRsm {
display: block;
float: right;
width: 150px;
margin: 1% .5% 0% 1%;
padding: 0%;
background-color: #fff;
color: #555;
border-left: 2px dotted #aabbcc;
}

#SidebarRsm p {
text-align: left;
margin: .5% 2%;
padding: .5%;
background-color: #fff;
color: #555;
font-weight: 500;
font-style: normal;
line-height: 1em;
font-size: .9em;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

/* **************** credits ****************** */
#FootCtr { 
clear: both;
display: block;
width: 100%;
text-align: center; 
margin: 0%;
padding: 0%;
}

#FootCtr .credits {
display: block;
width: 100%;
text-align: center; 
margin: 0%;
padding: 0%;
color: #000;
background-color: #eeddcc;
border-top: 6px solid #666;
}

.credits p {
margin: 0%;
padding: .9% 0%;
text-align: center;
color: #000;
line-height: 1.1em;
font-size: .9em;
font-style: italic;
font-weight: 600;
font-family: Georgia, serif;
}

.credits p.subnote {
margin: 0% 4%;
padding: .9% 0%;
text-align: center;
color: #000;

line-height: 1em;
font-size: .8em;
font-style: italic;
font-weight: 600;
font-family: Georgia, serif;
}


#FootCtr .credits img {
vertical-align: middle;
padding: .5% 0%;
}


p a, p a:visited {
text-decoration: underline;
font-weight: 700;
color: #336699;
background-color: #fff;
}

p a:hover {
text-decoration: underline;
font-weight: 700;
color: #bb1100;
background: #fff;
}

.textEmph  {
display: inline;
margin: .5% 0%;
padding: .1% .2%;
text-decoration: underline;
color: #aa5555;
background-color: #ffffee;
font-weight: 800;
line-height: 1.2em;
font-size: 1em;
font-family: 'Trebuchet MS', Georgia, Arial, Helvetica, sans-serif;
}



.textEmph a {
margin: .5% 0%;
padding: .1% .2%;
text-decoration: underline;
font-weight: 800;
color: #aa5555;
background-color: #ffffee;
}

.textEmph a:hover {
margin: .5% 0%;
padding: .1% .2%;
text-decoration: none;
font-weight: 800;
color: #aa5555;
background-color: #003366;
}


#CreditsCtr .lookHere {
display: inline;
width: 100%;
padding: .5%;
margin-left: .5%;
color: #cc6666;
background-color: #eeeedd;
text-decoration: underline;
font-weight: 600;
font-style: italic;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


#CreditsCtr .lookHere a {
display: inline;
width: 100%;
padding: .5%;
margin-left: .2%;
color: #cc6666;
background-color: #eeeedd;
text-decoration: underline;
font-size: 1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#CreditsCtr .lookHere a:hover {
display: block;
width: 200px;
padding: .5%;
margin-left: .5%;
color: #eeaa11;
background: #ffffdd;
text-decoration: none;
font-weight: 800;
}

.btn-email {
float: left;
margin: 2% 5% 2% 12%;
padding: 0%;
}

#ContactCtr {
display: block;
text-align: center;
margin: 2% auto;
padding: 5%;
line-height: 1em;
font-size: .9em;
}

#ContactCtr form {
float: left;
margin: 0% 5%;
padding: 0% .5%;
}
