/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#9A120F;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left !important;}
.right {float:right !important;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#75b100;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.link {background:url(images/link-bg.gif) no-repeat 0 0; padding:3px 0 3px 29px; color:#44494f; font-size:1.083em; display:block; float:right; margin-top:9px;}

.list li a {line-height:1.667em;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {padding-bottom:4px; border-bottom:1px solid #dfdfd9; margin-bottom:15px;}
.title3 {margin-bottom:20px;}

/* ============================= header ====================== */

.border1 {border:1px solid #dfdfd9;}
.border1 .left {padding:8px 0 9px 22px;}
.border1 .right {padding:6px 9px 0 0;}

.submenu li {display:inline; font-size:0.833em; text-transform:uppercase; background:url(images/submenu-line.gif) no-repeat 0 0; padding:0 5px 0 8px; margin-left:-1px;}
.submenu li a {color:#4A4A4C; text-decoration:none;}
.submenu li a:hover {text-decoration:underline;}
.submenu .active a {text-decoration:underline;}
.submenu .first {background:none;}

.row2 .left {padding:0px 0 4px 1px;}
.row2 .right {padding:40px 18px 0 0;}
.row2 a {color:#cf3a00;}
.row2 a {size:40px;}
/* ============================= menu ====================== */
.menu {padding-right:1px;}
.menu {width:100%; height:30px; font-size:0.65em; position:relative; z-index:100; background:#F4F4EC; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-left:1px solid #e9e9e0; padding-left:0px; font:normal 7pt arial, helvetica; background-image: url(../images/buttonfade.gif); z-index: 1;} /* hack to correct IE5.5 faulty box model */* html 

.menu ul ul {} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;} /* style the links for the top level */
.menu li a {display:block; color:#44494f; padding:2px 18px 2px 19px; background:#f4f4ec; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-right:1px solid #e9e9e0; border-left:1px solid #e9e9e0; text-decoration:none;}
.menu li a:hover {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; border-left:1px solid #e9e9e0; color:#fff; text-decoration:none;}
.menu .active a {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; border-left:1px solid #e9e9e0; color:#fff;}
.menu .first a  {border-left:1px solid #e9e9e0;}
.menu .first a:hover  {border-left:1px solid #cf3a00;}
.menu a, .menu a:visited {display:block; font:bold 8pt arial, helvetica; text-decoration:none; color:#44494f; height:30px; border-right:1px solid #e9e9e0; background:#F4F4EC; padding-left:14px; padding-right:14px; line-height:30px; background-image: url(../images/buttonfade.gif);}
.menutext{display:block;font:normal 10pt verdana, arial, helvetica; text-decoration:none; color:#cf3a00; background:#000000; padding-left:5px; padding-right:5px; line-height:15px;}
.activemenu {
display:block; font:normal 10pt verdana, arial, helvetica; text-decoration:none; color:#fff;  padding-left:5px; padding-right:5px; line-height:10px;color:#ffffff;background:#cf3a00;
background-image: url(../images/topfade.gif);
bottom right no-repeat;} /* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:0px; w\idth:0px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#cf3a00; color:#ffffff; url(../../www.cssplay.co.uk/graphics/drop.html) bottom right no-repeat;} /* style the second level hover */
.menu ul ul a.drop:hover{background:#cf3a00;url(images/drop.html) bottom right no-repeat;}
.menu ul ul :hover > a.drop {color:#ffffff;background:#cf3a00;bottom right no-repeat;} /* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#cf3a00;} /* style the third level hover */
.menu ul ul ul a:hover {
color:#12105C;
background:#cf3a00;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; }


/* another hack for IE5.5 */
* html 
.menu ul ul {
top:20px;
t\op:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:161px; top:0px; width:100px;} /* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#D3C672; background-image: url(../images/buttonfade.gif);
height:auto; line-height:1em; padding:8px 8px; width:130px;text-align: left;border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-top:1px solid #ddd;color:#cf3a00;} /* yet another hack for IE5.5 */* html .menu ul ul a, * html .menu ul ul a:visited {
width:200px;w\idth:200px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#cf3a00;background:#ffffff;}
.menu :hover > a, .menu ul ul :hover > a {
color:#ddd;
background:#cf3a00;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* ============================= side menu ====================== */
.menu1 {padding-right:1px;}
.menu1 {width:150px; height:40px; font-size:0.65em; position:absolute; z-index:100; background:#F4F4EC; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-left:1px solid #e9e9e0; padding-left:0px; font:normal 7pt arial, helvetica; background-image: url(../images/buttonfade.gif); z-index: 1;} /* hack to correct IE5.5 faulty box model */* html 

.menu1 li {float:left;position:relative;} /* style the links for the top level */
.menu1 li a {display:block; color:#44494f; padding:2px 18px 2px 19px; background:#f4f4ec; border-top:1px solid #e9e9e0; border-bottom:1px solid #e9e9e0; border-right:1px solid #e9e9e0; border-left:1px solid #e9e9e0; text-decoration:none;}
.menu1 li a:hover {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; border-left:1px solid #e9e9e0; color:#fff; text-decoration:none;}
.menu1 .active a {background:#cf3a00; border-top:1px solid #cf3a00; border-bottom:1px solid #cf3a00; border-right:1px solid #cf3a00; border-left:1px solid #e9e9e0; color:#fff;}
.menu1 .first a  {border-left:1px solid #e9e9e0;}
.menu1 .first a:hover  {border-left:1px solid #cf3a00;}
.menu1 a, .menu a:visited {display:block; font:bold 8pt arial, helvetica; text-decoration:none; color:#44494f; height:30px; border-right:1px solid #e9e9e0; background:#F4F4EC; padding-left:14px; padding-right:14px; line-height:30px; background-image: url(../images/buttonfade.gif);}
.menutext{display:block;font:normal 10pt verdana, arial, helvetica; text-decoration:none; color:#cf3a00; background:#000000; padding-left:5px; padding-right:5px; line-height:15px;}
.activemenu {
display:block; font:normal 10pt verdana, arial, helvetica; text-decoration:none; color:#fff;  padding-left:5px; padding-right:5px; line-height:10px;color:#ffffff;background:#cf3a00;
background-image: url(../images/topfade.gif);
bottom right no-repeat;} /* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:0px; w\idth:0px;}

/* style the second level background */
.menu1 table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */
.menu1 a:hover, .menu ul ul a:hover{color:#cf3a00;background:#ffffff;}
.menu1 :hover > a, .menu ul ul :hover > a {
color:#ddd;
background:#cf3a00;}

/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,.menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul{ visibility:visible;}

.row3 {padding:4px 0; border-bottom:3px solid #f4f4ec;}

.header-box {background:url(images/header-box-bg.jpg) top left no-repeat #F48221;}
.header-box .title {padding:11px 0 0 10px; margin:0;}


/* ============================= content ====================== */

.main-box {border:1px solid #c7c7c2; background:#fff; padding:15px 11px 14px 14px;}
.main-box1 {border:1px solid #c7c7c2; background:#D3C672; padding:15px 11px 14px 14px;}
.main-box1a {border:0px solid #c7c7c2; background:#D3C672; padding:5px 5px 5px 5px;}
.col-pad1 {padding:0 6px 0px 2px;}
.col-pad2 {padding-right:10px;}
.box1 {background:url(images/box1-tail.gif) bottom repeat-x;}
.box1 .tail-right {background:url(images/box1-tail.gif) right repeat-y;}
.box1 .tail-left {background:url(images/box1-tail.gif) left repeat-y;}
.box1 .tail-top {background:url(images/box1-tail.gif) top repeat-x; width:100%;}
.box1 .indent {padding:18px 19px 23px 20px;}
.box1 p {padding:10px 0 0 0;}

.box2 {border:1px solid #dfdfd9; background:#f4f4ec; padding:6px 5px 6px 5px;}

.box3 {border:0px solid #dfdfd9; padding:0px 0px 0px 0px;}

.date {color:#cf3a00; font-size:0.917em;}

.lined-row .col-1, .lined-row .col-2 {background:url(images/line-hor1.gif) top repeat-y; font-size:0.1em; line-height:1em; height:12px;}
.lined-row .col-line {background:none; height:12px;}

.line-hor1 {border-bottom:0px solid #f4f4ec; padding-bottom:6px; margin-bottom:4px; width:310px;}
.line-hor2 {border-bottom:0px solid #f4f4ec; padding-bottom:3px; margin-bottom:4px;}

.tabs {background:url(images/line.gif) bottom repeat-x;}
.tabs ul {width:100%; overflow:hidden;}
.tabs li {float:left; width:70px; margin-right:1px;}
.tabs li a {border-left:1px solid #e1e1db; border-top:1px solid #e1e1db; border-right:1px solid #e1e1db; background:#e1e1db; display:block; text-align:center; text-transform:uppercase; font-size:0.917em; line-height:1.091em; color:#000000; text-decoration:none; padding:7px 0 1px 0;}
.tabs li a:hover {background:#fff; color:#69912c;}
.tabs .active a {background:#fff; color:#69912c;}

.table {border-left:solid 1px #e1e1db; border-bottom:solid 1px #e1e1db; border-right:solid 1px #e1e1db; padding:0 1px; background:#fff;}
.table .row-1 {color:#9b9b94;}
.table .col-1 {padding:12px 0 2px 15px;}
.table .col-2 {padding:0px 0 2px 0px;}
.table .col-3 {padding:12px 0 2px 11px;}

.table li {display:inline;}
.table li a {width:100%; text-decoration:none; display:block; overflow:hidden; cursor:pointer;}
.table li a strong { padding:8px 0 4px 0; display:block; width:100%; overflow:hidden; font-weight:normal;}
.table li b {width:62px; font-weight:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table li span {width:162px; display:block; float:left; color:#44494f; padding-left:13px;}
.table li i {width:56px; font-style:normal; display:block; float:left; color:#9b9b94; text-align:center;}
.table .li1 a {background:#fff url(images/line.gif) repeat-y 238px 0;}
.table .li2 a {background:#f4f4ec url(images/line.gif) repeat-y 238px 0;}
.table .li1 a strong {background:url(images/line.gif) repeat-y 62px 0; padding:9px 0 5px 0;}
.table .li2 a strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li1 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li2 a:hover {background:#afc96a url(images/line.gif) repeat-y 238px 0;}
.table .li1 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table .li2 a:hover strong {background:url(images/line.gif) repeat-y 62px 0;}
.table li a:hover b {color:#000;}
.table li a:hover i {color:#000;}
.table li a:hover span {color:#000;}

.special {color:#44494f; font-size:0.917em; display:block; padding:10px 0 2px 2px;}
.extra {color:#000; text-transform:uppercase; font-size:0.917em;}
.line-height20 {line-height:1.667em; color:#44494f; padding:12px 0 10px 0;}
.mail {color:#44494f; font-size:1.0833em; padding:10px 0 0 0;}
.mail a {color:#44494f;}

.indent2 {padding:18px 14px 34px 15px;}
.indent3 {padding:12px 14px 24px 15px;}
.margin1 {margin-top:10px;}
.margin2 {margin-right:30px;}
.padding1 {padding-top:20px;}
.padding2 {padding-bottom:0;}

/* ============================= footer ====================== */

#footer {text-align:center; color:#6e6759; padding:21px 74px 0 0;}
#footer a {color:#6e6759; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:33px;}

#SearchForm .search-button {background:#cf3a00; border:1px solid #d1420a; font-size:0.833em; color:#fff; text-decoration:none; text-transform:uppercase; display:block; float:left; padding:2px 9px 1px 8px;}
#SearchForm .search-button:hover {background:#ae2a00;}
#SearchForm span {display:block; float:left;}
#SearchForm .input {width:163px; height:18px; border:1px solid #dfdfd3; background:#f4f4ec; padding:0 0 0 5px; font-size:1em; float:left; margin:0 8px 0 6px;}

#SearchForm2 {padding:0px 11px 4px 10px; color:#f4f4ec;}
#SearchForm2 .input {width:226px; height:19px; border:1px solid #789641; background:#D3C672; padding:0 0 0 5px; font-size:1em; float:left; color:#547422;}
#SearchForm2 .select {width:231px; border:1px solid #789641; background:#D3C672; font-size:1em; float:left; color:#547422; line-height:1.7em; padding:2px 0;}
#SearchForm2 .rowi {height:45px;}
#SearchForm2 .rowl {height:33px;}
#SearchForm2 a {color:#202910; text-transform:uppercase; font-size:0.833em; margin-right:15px;}
#SearchForm2 .link4 {color:#eeff5b;}

textarea {width:193px; height:152px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}  

#cities {background:#FFFFFF; border:1px solid #d1420a;}