/* CSS Document for Divine Tours by pjw design*/

*{
	margin:0px;
	padding:0px;
	border: 0px;
    }
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
	overflow: -moz-scrollbars-vertical;
	background-color: #404914;
	background-repeat: repeat-y;
	background-position: center top;
}
#outerWrapper{
	width: 1020px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #57641C;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrapper{
	text-align:left;
	width: 1000px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	background-color: #C4D66B;
}
#header{
	height: 250px;
}
#header2{
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
}
#logos{
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #B1BB41;
}
#contentWrapper{
	margin-right: 15px;
	margin-left: 15px;
}
#content{
	width: 475px;
	float: left;
	text-align: justify;
}
#contentLge{
	width: 970px;
	float: left;
	margin-bottom: 15px;
}
.contentMap{
	width: 970px;
	margin-bottom: 15px;
}
#contentRight{
	width: 460px;
	float: right;
	margin-bottom: 15px;
}
#footer
{
	clear:both;
	font-size:80%;
	color:#030;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 15px;
	margin-left: 15px;
}
/*--Text--*/

h1, h2, h3, h4, h5, h6, p {
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 150%;
	color: #110D08;
	font-weight: normal;
	margin-bottom: 1.0em;
	margin-top: 0em;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404914;
}
h2 {
	font-size: 140%;
	color: #404914;
	margin-bottom: 0.4em;
	margin-top: 0em;
	padding-bottom: 4px;
	font-weight: normal;
}
h3 {
	font-size: 140%;
	color: #404914;
	margin-bottom: 0.4em;
	margin-top: 0.5em;
	padding-bottom: 4px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8B9939;
}
h4 {
	font-size: 120%;
	color: #404914;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	padding-bottom: 4px;
	font-weight: bold;
}
h5 {
	font-size: 140%;
	color: #C4D66B;
	margin-bottom: 0.4em;
	margin-top: 0.8em;
	background-color: #404914;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
h6{
	font-size: 140%;
	color: #FFFFFF;
	margin-bottom: 0.8em;
	margin-top: 0.4em;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #8B9939;
}

#contentLge h6 a.white:hover{
	text-decoration: none;
	border: none
	
}
#contentRight p {
	line-height: 1.4em;
	margin-bottom: 0.5em;
	font-size: 105%;
}
#content p,  #contentLge p {
	line-height: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 105%;
	text-align: justify;
}
 .contentMap p{
	line-height: 1.4em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 105%;

}

#contentRight h4
{
	background-color: #6B92D1;
	font-size: 180%;
}
#footer p {
	padding-top: 20px;
	color: #362A1C;
}
#footer p.key {
	padding-top: 5px;
	color: #919836;
	padding-bottom: 5px;
}
#footer a  {
	padding-top: 20px;
	color: #362A1C;
	text-decoration: none
}
#footer a:hover  {
    text-decoration: underline
}
	
/*-- right Boxes--*/

.box1 {
	padding-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

.box1 h5, .box2 h6 {
	font-size: 110%;
	color: #660000;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.box2 h6 {
	color: #234070;
}
.box1 p,.box2 p {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.box2 {
	padding-bottom: 10px;
}
.box2 img{
	margin-top: 10px;
}

.box1 a, .box2 a {
	color: #003200;
	text-decoration: none;
	font-size: 95%;
}
.boxLeft {
    float: left;
    width: 450px

}
#flashcontent {
	width: 1000px
}
/*-- Navbar--*/

#outer {
	height: 30px;
	background-color: #404914;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: both;
}
#outer ul {
	float:left;
	text-align: center;

} 
#point {
	white-space: nowrap;
	list-style-type: none;
	padding: 0px;

}
#point li {
    float: left;
}
#point li a {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	float: left;
	color: #fff;
	font-family: arial;
	letter-spacing: 1px;
	height: 30px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-color: #fff;
	font-weight: bold;
	line-height: 30px;
}
#point li a:hover {
	color: #fff;
	background-color: #013300;
	background-image: url(../images/up_arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#point li a.current {
	color: #fff;
	background-color: #013300;
	background-image: url(../images/up_arrow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*--List Centre--*/
.norm {
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}
.norm li{
	list-style: none;
	background-image: url("../images/Tours-of-england-and uk-Tours-of-england-and uk-bullet.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 22px;
}
/*--Images--*/
.imgLeft {
	float: left;
	padding: 5px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	background-color: #D3E195;
}
.img {
	padding: 5px;
	background-color: #D3E195;
	
/*--Blockquotes--*/
}
/* Give blockquotes some margin, and make them italic. */
    blockquote {
	font-style: italic;
	margin-top: 1em;
	margin-right: 2em;
	margin-left: 2em;
    } 
blockquote p {
	color:  #404914;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
    }
    /* Make CSS generate and include quotation marks before and after
      the paragraph. */
blockquote p:before {
	content:  "\201C";
    }
blockquote p:after { 
      content:  "\201D";  
    }
p.margin {
	margin-left: 2em;
    }
#content a, #contentLge a, .contentMap a {
	color: #990000;
	font-size: 110%;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-weight: bold;
	}
#content a:hover, #contentLge a:hover, .contentMap a:hover {
	text-decoration: none;
	border-bottom: none

	}

#contentLge h6 a.white{
	font-size: 110%;
	color: #990000;
	margin-bottom: 15px;
	margin-top: 0.4em;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

/*--Map London--*/


.london {
	padding:0;
	list-style-type:none;
	width:970px;
	height:632px;
	position:relative;
	z-index:100;
	background-color: #fff;
	background-image: url(../images/Tours-of-england-and-uk-londonMap2.gif);
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/* move the text off screen */
.london li a {
	text-indent:-999px;
	display:block;
	color:#fff;
	width:50px;
	height:33px;
	position:absolute;
	line-height:33px;
	border-bottom: none
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.london li a em {
	visibility:hidden;
	position:absolute;
	border: none;
	z-index: 100;
}
/* position the square markers */
.london li a.greenwich {top:255px; left:628px;}
.london li a.tower {top:199px;left:570px;}
.london li a.stpauls {top:182px;left:522px;}
.london li a.trafalgar {top:213px;left:461px;}
.london li a.parliament {top:256px;left:448px;}
.london li a.palace {top:209px; left:410px;}
.london li a.harrods {top:243px;left:360px;}
.london li a.museum {top:146px; left:464px;}
.london li a.hampton {top:364px;left:253px;}
.london li a.windsor {top:226px;left:24px;}
.london li a.ham {top:323px;left:322px;}
.london li a.globe {top:244px; left:562px;}
.london li a.tate {top:250px; left:506px;}
.london li a.british {top:146px; left:464px;}
.london li a.kp {top:213px; left:310px;}
.london li a.albert {top:204px; left:358px;}
.london li a.abbey {top:244px; left:421px;}

.london li a {background:url(trans.gif); cursor:pointer;}

.london li a:hover.greenwich em{top:-245px; left:-618px;}
.london li a:hover.tower em{top:-189px; left:-560px;}
.london li a:hover.stpauls em{top:-172px;left:-512px;}
.london li a:hover.trafalgar em{top:-203px; left:-451px;}
.london li a:hover.parliament em{top:-246px;left:-438px;}
.london li a:hover.palace em{top:-199px; left:-400px;}
.london li a:hover.harrods em{top:-233px; left:-350px;}
.london li a:hover.museum em{top:-136px; left:-454px;}
.london li a:hover.hampton em{top:-354px; left:-243px;}
.london li a:hover.windsor em{top:-216px; left:-14px;}
.london li a:hover.ham em{top:-313px; left:-312px;}
.london li a:hover.globe em{top:-234px; left:-552px;}
.london li a:hover.tate em{top:-240px; left:-496px;}
.london li a:hover.british em{top:-136px; left:-454px;}
.london li a:hover.kp em{top:-203px; left:-300px;}
.london li a:hover.albert em{top:-194px; left:-348px;}
.london li a.abbey em{top:-234px; left:-411px;}

/* move the text back into view on hover */
.london li a:hover {
	color: #fff;
	text-decoration: none;
	text-indent:0;
	border: none;
	height:33px;
	font-size:90%;
	line-height:1em;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/* make the descriptive text visible, give it a size and position */
.london li a:hover em {
	visibility:visible;
	margin-left:5px;
	background:#fff;
	padding:20px;
	font-style:normal;
	top:-190px;
	letter-spacing:1px;
	line-height:1.5em;
	z-index: 100;
	border: 1px solid #003333;
   }
.london li a:hover em p {
	color:#404914;
	font-weight: normal;
	width: 250px;
}
.london li a:hover em h2 {
	font-weight: bold;
	width: 200px;
}
/* give the image a border and margin */
.london li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span into an arrow point */

/* hack for IE5.x */
* html .london li a:hover em span {
	width:30px;
	height:30px;
	w\idth:0;
	he\ight:0;
	text-decoration: none;
}

/*--Map Uk--*/

.uk {
	padding:0;
	list-style-type:none;
	width:970px;
	height:632px;
	position:relative;
	z-index:100;
	background-color: #fff;
	background-image: url(../images/Tours-of-england-and-uk-englandMap.gif);
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/* move the text off screen */
.uk li a {
	text-indent:-999px;
	display:block;
	color:#fff;
	width:50px;
	height:33px;
	position:absolute;
	line-height:33px;
	border-bottom: none
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {
	visibility:hidden;
	position:absolute;
	border: none;
	z-index: 100;
}
/* position the square markers */
.uk li a.dover {top:374px; left:858px;}
.uk li a.oxford {top:279px; left:596px;}
.uk li a.bath {top:284px; left:437px;}
.uk li a.cotswolds {top:230px; left:501px;}
.uk li a.stratford {top:187px; left:517px;}
.uk li a.warwick {top:142px; left:537px;}
.uk li a.winchester {top:361px; left:638px;}
.uk li a.salisbury{top:366px; left:579px;}
.uk li a.stonehenge {top:361px; left:516px;}
.uk li a.avebury {top:318px; left:531px;}
.uk li a.blenheim {top:256px; left:553px;}
.uk li a.lacock {top:277px; left:492px;}
.uk li a.leeds {top:349px; left:762px;}
.uk li a.faversham {top:320px; left:787px;}
.uk li a.canterbury {top:350px; left:816px;}
.uk li a.ightham{top:352px; left:697px;}
.uk li a.sissinghurst{top:403px; left:755px;}
.uk li a.chartwell{top:381px; left:692px;}

.uk li a {background:url(trans.gif); cursor:pointer;}

.uk li a:hover.dover em {top:-364px; left:-848px;}
.uk li a:hover.oxford em {top:-269px; left:-586px;}
.uk li a:hover.bath em {top:-274px; left:-427px;}
.uk li a:hover.cotswolds em {top:-220px; left:-491px;}
.uk li a:hover.stratford em {top:-177px; left:-507px;}
.uk li a:hover.warwick em {top:-132px; left:-527px;}
.uk li a:hover.winchester em {top:-351px; left:-628px;}
.uk li a:hover.salisbury em {top:-356px; left:-569px;}
.uk li a:hover.stonehenge em {top:-351px; left:-506px;}
.uk li a:hover.avebury em {top:-308px; left:-521px;}
.uk li a:hover.blenheim em {top:-246px; left:-543px;}
.uk li a:hover.lacock em {top:-267px; left:-482px;}
.uk li a:hover.leeds em {top:-339px; left:-752px;}
.uk li a:hover.faversham em {top:-310px; left:-777px;}
.uk li a:hover.canterbury em {top:-340px; left:-806px;}
.uk li a:hover.ightham em {top:-342px; left:-718px;}
.uk li a:hover.sissinghurst em {top:-393px; left:-745px;}
.uk li a:hover.chartwell em {top:-371px; left:-682px;}

/* move the text back into view on hover */
.uk li a:hover {
	color: #fff;
	text-decoration: none;
	text-indent:0;
	border: none;
	height:33px;
	font-size:90%;
	line-height:1em;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {
	visibility:visible;
	margin-left:5px;
	background:#fff;
	padding:20px;
	font-style:normal;
	top:-140px;
	letter-spacing:1px;
	line-height:1.5em;
	z-index: 100;
	border: 1px solid #003333;
   }
.uk li a:hover em p {
	color:#404914;
	font-weight: normal;
	width: 240px;
}
.uk li a:hover em h2 {
	font-weight: bold;
	width: 240px;
}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}





/*--testimonials--*/

.clients{
	padding: 12px;
	border: 1px solid #EEF3D8;
	margin-bottom: 15px;
	background-color: #D3E195;

}
.clients p{
	font-family: "Times New Roman", Times, serif;
	}

/*--list with images--*/

/*.catlist {

}
.catlist dl {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	overflow: hidden;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #879A2C;
}
.catlist dd {
	overflow: auto
}
.catlist p {
	margin-bottom: 1em
}
.catlist dt strong {
	padding-right: 0px; padding-left: 20px; float: right; padding-bottom: 0px; padding-top: 0px
}
.catlist dt img {
	display:block;
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	padding: 5px;
	background-color: #D3E195;
}*/
dl {
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 948px;
	background-color: #D0DF8A;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
dl.kent {
	border-left-color: #D0DF8A;
	width: 740px;
	margin-left: 176px;
}
dl.kentt {
	background-color: #D0DF8A;
	width: 946px;
}
dl.kenttt {
	background-color: #D0DF8A;
	width: 946px;
	padding-top: 0px;
}
dl.kentb {
	background-color: #C9DA76;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0DF8A;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D0DF8A;
	border-left-color: #D0DF8A;
	width: 946px;
}
dd {
	overflow: auto
}
dd p{
	margin-bottom: 2em
}
dt img{
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #FFFFFF;
	padding: 5px;
}
 HTML DD {
	HEIGHT: 1%
	}
/*--Table Prices--*/
.datatable td, .datatable th {
	font-size: 90%;
}
.datatable {
	border: 1px solid #57641C;
	border-collapse: collapse;
	width: 970px;
	background-color: #E0EAB3;
	margin-bottom: 10px;
	font-size: 95%;
	margin-top: 5px;
}
.datatable td {
	border: 1px solid #C4D66B;
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	color: #404914;
	margin: 0em;
}

.datatable td.padding {

	padding: 8px;

}
.datatable th {
	border: 1px solid #9DB432;
	background-color: #57641C;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	font-size: 90%;
	color: #FFFFFF;
}
.datatable caption {
	color: #6C6ABD;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
.datatable tr.altrow {
	background-color: #9DB432;
	color: #000000;
}
/*--Table Prices on Tour Pages--*/
.datatable2 td, .datatable th {

}
.datatable2 {
	border-collapse: collapse;
	width: 970px;
	margin-bottom: 10px;
	font-size: 95%;
	margin-top: 5px;
}
.datatable2 td {
	padding: 4px;
	vertical-align: top;
	line-height:1.5em;
	margin: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABC437;
}
.datatable2 th {
	border: 1px solid #9DB432;
	background-color: #57641C;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	font-size: 90%;
	color: #FFFFFF;
}
.datatable2 caption {
	color: #6C6ABD;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
.datatable2 tr.altrow {
	background-color: #BCD15A;
}
.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	margin-top: 0.5em;
}
#breadCrumb {
	height: 18px;
	font-size: 95%;
	padding: 0px;
	color: #FFFFFF;
	margin-bottom: 15px;
	text-align: center;
} 
#breadCrumb li { 
    float: left; 
    display: inline; 
    margin-right: 4px; 
} 
#breadCrumb a {
	color: #990000;
	font-weight: bold;
	padding-right: 11px;
	text-decoration: underline;
	background-image: url(../images/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
} 
#breadCrumb a:hover  {
	text-decoration: underline;
} 
#breadCrumb #current {
	font-weight: bold;
	text-decoration: none;
} 
.imgLeft{
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.imgLeft2{
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding:3px
}
table h2 {
    font-weight: bold
}
p.right {
float: right}

table td { 
padding: 3px 0 3px 0
}