html,
body
{ 
height: 100%;
margin: 0;
padding: 0;
width: 100%;
font-family: verdana;
font-size:10pt;
color: RGB(99,101,99);
background: white;
overflow:auto;
}

table
{
width:100%;
font-family: verdana;
font-size:10pt;
color: RGB(99,101,99);
}

table tr
{
vertical-align:top;
}

table tr td
{
padding:0px;
margin:0px;
spacing:0px;
}
ol li
{
margin-bottom:5px;
list-style: lower-alpha;
}

ul li
{
margin-bottom:5px;
list-style: disc;
}

.header
{
background: RGB(231,227,239);
height:160px;
border-bottom:20px solid white;
}

.body
{
height:100%;
}

#main
{
width:768px;
margin-left:auto;
margin-right:auto;
}

#sidebar
{
width:175px;
height:300px;
text-align:right;
padding:5px;
background-image: url("../images/gradientMenu.jpg");
background-position: top;
background-repeat: repeat-x;

}

.topHeaderIcon
{
background: RGB(231,227,239);
text-align:right;
}
.welcome
{
font-size:14pt;
}

.topHeaderTitle
{
width:100%;
border-left:5px solid white;
background: RGB(156,101,206);
color:white;
background-image: url("../images/gradientTitle.jpg");
background-position: right;
background-repeat: repeat-y;
padding-left:9px;
padding-top:5px;
padding-bottom:10px;
}

.contentStyle
{
width:100%;
border-left:5px solid white;
}
.content
{
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:20px;
}

.title,
#dedicatedToTitle,
.titleCardsAndLetters,
.titleServices,
.titleServicesYellow,
.titleAbout,
.titleStaff,
.titlePhotos,
.titleContact,
.titleDirections,
.titleIvf
{
font-weight:bolder;
font-size:11pt;
padding-left:8px;
color:white;
padding-top:2px;
padding-bottom:2px;
}

.title
{
background: RGB(99,101,156);
}

.titleServices
{
background: RGB(0,186,189);
}

.titleAbout
{
background: RGB(156,101,206);
}

.titleStaff
{
background: RGB(120,12,200);
}


.titleCardsAndLetters
{
background: RGB(206,0,99);
}

.titlePhotos
{
background: RGB(151,218,44);
}

.titleContact
{
background: RGB(255,101,0);
}

.titleDirections
{
background: RGB(156,154,156)
}

.titleIvf
{
  background: RGB(135,206,250);
}

.contentContact
{
background: RGB(241,212,194);
}

.contentPhotos
{
background: RGB(235,252,205);
}

.contentCardsAndLetters
{
background: RGB(255,235,222);
}

.contentServices
{
background: RGB(236,251,251);
}

.contentAbout
{
background: RGB(243,236,250);
}

.contentStaff
{
background: RGB(216,191,216);
}


.contentDirections
{
background: RGB(240,240,240);
}

.contentIvf
{
 background: RGB(240,240,255);
}

#dedicatedTo
{

background: RGB(241,237,249);
}

.navBar
{
width:100%;
padding:0px;
margin:0px;

}

.navBar li
{
list-style: none;
height:20px;
margin-bottom:20px;
font-weight:bolder;
color:white;
padding-top:2px;
padding-right:8px;
padding-left:0px;
cursor:pointer;
font-size:12px;
}
#buttonHome
{
background: RGB(99,101,156);
}

#buttonAbout
{
background: RGB(156,101,206);
}

#buttonStaff
{
background: RGB(120,12,200);
}

#buttonServices
{
background: RGB(0,186,189);
}

#buttonPhoto
{
background: RGB(151,218,44);
}

#buttonCards
{
background: RGB(206,0,99);
}

#buttonContact
{
background: RGB(255,101,0);
}

#buttonMap
{
background: RGB(156,154,156);
}

#buttonIvf
{
  background: RGB(135,206,250); 
}

.contactInfo
{
background:white;
padding-right:8px;
padding-bottom:2px;
margin-bottom:20px;
}

.addressTitle
{
font-weight:600;
text-decoration:underline;
}
.CEE
{
font-weight:bolder;
padding-right:5px;
}
a,
a:visited,
a:hover
{
font-family: verdana;
font-size:10pt;
color: RGB(99,101,99);
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}


#titleHope
{
font-size:62px;
color: white;
width:178px;
padding-left:5px;
}

#titleFertilityCenter
{
position:relative;
top:11px;
font-size:23px;
color: white;
}

.headerTitleText1
{
color:white;
position:relative;
top:-70px;
left:10px;
}

.headerTitleText2
{
color:white;
position:relative;
top:-60px;
left:10px;
}

.headerTitleText3
{
color:white;
position:relative;
top:-60px;
left:10px;
}