/* html and body are styled here to help with the differences between different browser renderings of margin and padding */
html,body{
margin:0px 0px 5px 0px;
padding:0;
/*set the overall backround color or image here */
background-color:#aoaoao;
} 
/* the catch-all is styled to help with the differences between different browser renderings of margin and padding */
* { 
margin: 0; 
padding: 0; 
}
/* img tag is styled to help with the differences between different browser rendering of images
as well, this prevents linked images from having a border */
img{
border:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* the font for the site is set here*/
body{
font-family:Arial, Geneva, Helvetica, sans-serif;
}

/* the clearBoth class of the br tag is used to help with the div-based layout */
br.clearBoth{
clear:both;
}

p{margin-top:0}
/*
h1,h2,h3{font: normal normal 200% Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
*/
h3{font-size:16px;
}
h4{font-size:14px;
}

div#container{
position:relative;
width:1000px;
margin:5px auto 10px;
padding:0px 0px 0px 0px;
text-align:left;
background-color:#4b7fe5;
}

div#mainContent{
width:998px;
margin:-4px 1px 0px 1px;
padding:10px 0px;
text-align:left;
background-color:#FFFFFF;
/* this changes the bottom border color when the container is outlined */
border-bottom:1px solid #4b7fe5;
}







div#leftNav{
display:inline;
float:left;
width: 240px;
padding:0px;
margin:0px 10px 10px 10px;
background-color:#FFFFFF;
}

div#leftNav p{margin:5px 0 10px;padding: 0 10px;}
/*
div#leftNav h2, div#leftNav h3{margin:5px 0 5px;padding: 0 10px;color:#FFFFFF;}
*/
div#leftNav form{margin:0;padding:0}
div#leftNav input.go{text-size:50%;margin:2px 0 0;padding:0}

div#leftNav img{margin:-5px 0px 0px 0px;padding:0}

ul.leftNavlinkList{
width:238px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#f2f2f2;
border-right:1px solid #66FFFF;
border-left:1px solid #66FFFF;
border-top:1px solid #66FFFF;
border-bottom:1px solid #66FFFF;
}

ul.leftNavlinkList li{
margin-bottom:5px;
}

.leftNavlinkList a{
background: #f2f2f2url("http://www.panamacosmeticsurgery.com/images/blueAndRed.gif") no-repeat 2px;
background-position:top left;
text-decoration: none; 
color:#000033;
padding-left:14px;
}

.leftNavlinkList a:visited {
text-decoration: none; 
color:#000033;
}

.leftNavlinkList a:active {
text-decoration: none; 
color: #000033;
}

.leftNavlinkList a:hover {
text-decoration: none; 
color:#FF0000;
background-position:bottom left;
}

#rightContentContainer{
display:inline;
float:right;
margin:0 10px 10px 0;
padding:0;
width:725px;
}

#rightContentContainer p{
margin:5px 0 5px;
padding: 0 5px;
}

#rightContentContainer h1{
text-align:center;
color:#032467;
font-size:20px;
margin:5px 0 5px;
padding: 0 5px;
}

#rightContentContainer h2{
color:#032467;
font-size:18px;
margin:5px 0 5px;
padding: 0 5px;
}

#rightContentContainer h3{
color:#032467;
font-size:16px;
margin:5px 0 5px;
padding: 0 5px;
}

#rightContentContainer b{
color:#000033;
}

#rightContentContainer ul{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
}
#rightContentContainer li{
margin-bottom:5px;
margin-right:5px;
}

#rightContentContainer .rightFloatImg{
float:right;
margin:10px 0px 10px 10px;	
}

#rightContentContainer img{
border:0px 0px 0px 0px;
}


div#floatedRightNav{
float:right;
width:240px;
margin:0px 0px 10px 10px;
padding:0px 0px 0px 0px;
}

div#floatedRightNav ul{
width:238px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#f2f2f2;
}

div#floatedRightNav li{
margin-bottom:5px;
}

div#floatedRightNav a{
background: #f2f2f2 url("http://www.panamacosmeticsurgery.com/images/blueAndRed.gif") no-repeat 2px;
background-position:top left;
text-decoration: none; 
color:#000033;
padding-left:14px;
}

div#floatedRightNav a:visited {
text-decoration: none; 
color:#000033;
}

div#floatedRightNav a:active {
text-decoration: none; 
color: #000033;
}

div#floatedRightNav a:hover {
text-decoration: none; 
color:#FF0000;
background-position:bottom left;
}
/* old below here
ul.rightLinkList{
width:238px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#f2f2f2;
}

ul.rightLinkList li{
margin-bottom:5px;
}

.rightLinkList a{
background: #f2f2f2 url("http://www.panamacosmeticsurgery.com/images/blueAndRed.gif") no-repeat 2px;
background-position:top left;
text-decoration: none; 
color:#000033;
padding-left:14px;
}

.rightLinkList a:visited {
text-decoration: none; 
color:#000033;
}

.rightLinkList a:active {
text-decoration: none; 
color: #000033;
}

.rightLinkList a:hover {
text-decoration: none; 
color:#FF0000;
background-position:bottom left;
}
 */



h4.imgHeader{
text-align:center;
margin:5px 0px 5px 0px;
padding:0;
color:#000033;
}
h4.imgHeader a:link {text-decoration: none; color:#000033;}
h4.imgHeader a:visited {text-decoration: none; color:#000033;}
h4.imgHeader a:active {text-decoration: none; color: #000033;}
h4.imgHeader a:hover {text-decoration: underline; color:#000033;}

.required{
color:#FF0000;
}
.redlink{
font-size:10px;
float:right;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 0px;
}
.redlink a:link {text-decoration: none; color:#FF0000;}
.redlink a:visited {text-decoration: none; color:#FF0000;}
.redlink a:active {text-decoration: none; color: #FF0000;}
.redlinka:hover {text-decoration: underline; color:#FF0000;}


/* D0FFBF - light green
 */
.boxTop{
width:240px;
background-color:#609afe	;
color:#000033;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
}

h4.boxTop{
background-color:#609afe;
color:#000033;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
}
h4.boxTop a{
width:100%;
display:block;
}
h4.boxTop a:link {text-decoration: none; color:#000033;}
h4.boxTop a:visited {text-decoration: none; color:#000033;}
h4.boxTop a:active {text-decoration: none; color: #000033;}
h4.boxTop a:hover {text-decoration: none; color:#000033;}

span.leftNavBoxTop{
font-size:16px;
background-color:#71d0fe;
color:#032467;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
}

/* this sets the border for the bottom of a 'topped' box */
.boxBottom{
border:1px solid #999999;
margin-bottom:5px;
padding-bottom:0px;
background-color:#f2f2f2;
}
.boxBottom img{
margin:0px 0px 0px 0px;
}
/* 
this div starts a two column row with the left side wider than the right
the two columns can be set to be of the same height, if desired
bottom margin here controls distance to footer, if this row ends on the page below bottom of  leftNav */
div#twoBoxRowLeftWide_01{margin:0;padding:0;}

/* this sets the padding and margin for the ul that is used to create the 'topped' box */
ul#twoBoxRowLeftWide_01a li, ul#twoBoxRowLeftWide_01b li{margin:0;padding:0}

/* this sets the width of the left hand box (the box is a modified list li)
IMPORTANT - also creates the space between left and right boxes with margin-right  */
ul#twoBoxRowLeftWide_01a,ul#twoBoxRowLeftWide_01 li{list-style-type:none;margin:0 10px 0 0;padding:0;width:350px;}

/* this sets the width of the right hand box (the box is a modified list li) */
ul#twoBoxRowLeftWide_01b,ul#twoBoxRowLeftWide_01 li{list-style-type:none;margin:0;padding:0;width:193px;}

ul#threeBoxRow_01,ul#threeBoxRow_01 li{list-style-type:none;margin:0;padding:0}
ul#threeBoxRow_01{width:100%;overflow:hidden;margin-bottom:0px;}
ul#threeBoxRow_01 li{float:left;width:175px;margin-left:12px;padding:0}

/* this is for a content container that has a floated nav div in uper left */
/* also used to contain a toped box stretching the width of the content area (550px) */

/* clear:both; */
div#footer{
position:relative;
width:1000px;
margin:5px auto 10px;
padding:0px 0px 0px 0px;
text-align:center;
}
ul#footerNav,ul#footerNav li{list-style-type:none;margin:0;padding:0;}

div#footer a:link {text-decoration: none; color:#000033;}
div#footer a:visited {text-decoration: none;color:#000033;}
div#footer a:active {text-decoration: none;color: #000033;}
div#footer a:hover {text-decoration: underline;color:#000033;}

/* the float in 'ul#footerNav li' keep the list on a horizontal line for ie6 */
ul#footerNav li{float:left;margin-right:3px;text-align: center}
/* the float in 'ul#footerNav a' keep the list on a horizontal line for firefox */
ul#footerNav a{float:left;width: 55px;padding: 2px 0;}

.input, textarea, select {
background-color:#ffffff;

margin:3px 0x;
}



#emailForm{
margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}