/* include this page in all pages where no logon is required  */

body {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}


.box1 {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	}

h1 {
font-size: 12px;
color: #3333FF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
display:inline; 

} 

h2 {
font-size: 16px;
color: #3333FF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
display:inline; 

} 

h6 {
font-size: 24px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
display:inline; 

} 

h4 {
font-size: 14px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
display:inline; 

}

a:link {
	color: #0000FF;
	text-decoration: underline;
	font-size: 12px;
}
a:hover {
	color: #ADADAD;
	text-decoration: none;
	font-size: 12px;
}

a:visited {
	color: #00FF00;
	text-decoration: underline;
	font-size: 12px;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.style4 {
	font-size: 10px;
	color: #666666;
}
.style6 { color: #000000;}
.style7 { font-size: 10px; }


.style7 {color: #FFCCCC}


.style16 {
	font-size: 12px;
	color: #666666;
}
.style17{
	font-size: 12px;
	color: #FF0000;
}


.style18 {
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	
}
.style24 {color: #0000FF; }
.style25 {
	font-size: 12px;
	color: #666666;
}
.style26 {font-size: 16px; }
.style27 {color: #FF00CC}
.style28 {
	font-size: 14px;
	font-weight: bold;
}
.style29 {font-size: 16px; font-weight: bold; }
.style30 {color: #FF0099}


}
.style31{
	font-size: 8px;
}


.style32 {font-size: 12px; color: #666666; font-weight: bold; }

.style40 {
	font-size: 14px;
	font-style: normal;
	color: #FF2094;
}

.style41 {color: #FF00CC}

.style42 {color: #009966}

/*

 just include this code in any div tag containing an image.  -  class="img-shadow"  
 
 <div class="img-shadow" style="width: 270px;"><img src="images/cat.gif" width="260" height="200" alt="A stupid waving cat" /></div>

*/
.img-shadow {
float:right;
background: url(../images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}


/*
wedding directory
*/


div.container
{
width:729px;
/*margin:0px;*/
margin-left: auto ;
margin-right: auto ;
line-height:150%;
background-color:#FFFFFF;
height:auto;

}
div.header,div.footer
{
color:white;
clear:left;
}

div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
	font-size: 12px;
	color: #666666;
}


div.left a:visited{
	color: #666666;

}

div.content a:visited{
	color: #666666;
	
}



div.content
{
margin-left:190px;
padding:1em;
height:100%;
}




div.content_left
{
float:left;
width:160px;
margin:0;
padding:1em;
height:100%;

}

div.content_right
{
float:right;
width:220px;
margin:0;
padding:1em;
height:100%;

}

div.content_both
{
float:left;
width:440px;
margin:0;
padding:1em;
height:100%;

}




h1.header
{
padding:0;
margin:0;
}
h2 {
line-height:18px;
margin:0px;
padding:0px;

}

h4 {
line-height:18px;
margin:0px;
padding:0px;
size:16px;

}

/*
directory start
*/


.subheader{
font-size: small;
color: #333333;

}


.roger_menu1{
font-size: small;
color: #333333;

}

.subtext{
font-size: xsmall;
font-style:italic;


}

.regiontitle{
font-size: 18px;
font-style: oblique;

}

.locate_confirm{

font-size: 18px;
font-style: oblique;

}

.display_ads{

font-size: 14px;


}

.form_layout_ads{
font-size: 12px;

}

.wrong_ids{
color: #FF0000;
font-size: 10px;
}


.wedding_dir_cp_menu{
color: #FF0000;
font-size: 10px;

}


.wedding_dir_cp_menu a:link{
	color: #000000;
	text-decoration: underline; 
	font-size: 12px;

}

.wedding_dir_cp_menu a:hover{
	color: #0099FF;
	text-decoration: underline;
	font-size: 12px;

}

.wedding_dir_cp_menu a:visited{
	color: #666666;
	text-decoration: underline;
	font-size: 12px;

}

.cp_title{
color: #333333;
font-size: 18px;
}


.dir_ads1{
color: #3366CC; 
font-size: 12px;
line-height:110%;
border-top:  1px inset gray;
border-left: 1pt inset gray;
border-bottom: 1px ridge gray;
border-right: 1px groove gray;
padding-left:3px;
padding-top:7px;
padding-right:5px;
padding-bottom:3px;
background-color:#FFF4FF;


} 


.dir_ads2{
color: #006699; 
font-size: 12px;
line-height:110%;
border-top:  1px inset gray;
border-left: 1pt inset gray;
border-bottom: 1px ridge gray;
border-right: 1px groove gray;
padding-left:3px;
padding-top:5px;
padding-right:5px;
padding-bottom:3px;
background-color:#F4F4F4;


}


.dir_ads_rotation{
color: #3366CC; 
font-size: 12px;
line-height:110%;
border-top:  1px inset gray;
border-left: 1pt inset gray;
border-bottom: 1px ridge gray;
border-right: 1px groove gray;
padding-left:3px;
padding-top:7px;
padding-right:5px;
padding-bottom:3px;
background-color: #CCCCFF;


}


.newsearch{
text-decoration:none;

}


.first_search{
color: #006699; 
font-size: 14px;
float:left;


}

.second_search{
color: #006699;
font-size: 14px;
float:right;

}

.encase_search{
border-top:  1px inset gray;
border-left: 1pt inset gray;
border-bottom: 3px inset #006699;
border-right: 1px inset gray;
height:100px;
padding-top:5px;
padding-right:5px;



}


.img_float{
float:right;
border-top:  0px inset #FFF4FF;
border-left: 0pt inset #FFF4FF;
border-bottom: 0px groove #FFF4FF;
border-right: 0px ridge #FFF4FF;
background-color: #CCCCCC;


}


.img_float img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 0px solid #000000; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -3px 3px 3px -3px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}





/*
directory end
*/