/* ----------------------------------------------------------------------------------------- 
Beonline-egypt.com

----------------------------------------------------------------------------------------- */


/* Resets browser style sheets to create a level playing field and ensure that the styles
that we see are the styles that we write. Read more at:
http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Add a framework for all intentional general styles.
Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */

body { font : 75%/1.5 Arial,Helvetica,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 {line-height : 1; margin-bottom : 1em; font: bold 16px Arial, Helvetica, sans-serif; color: #055ba8;}
h1.red {color: #F00;}
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { line-height : 1; margin-bottom : .5em;font: bold 12px Arial, Helvetica, sans-serif; color: #055ba8; }
h4 { line-height : 1.25; margin-bottom : .5em;font: bold 12px Arial, Helvetica, sans-serif; color: #3c3c3c; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin-bottom : .5em; }
ul, ol { margin : 0 0 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-bottom : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 0 0 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : .25em; }
th ,tr{ font-weight: normal; }
th, td { text-align :left; padding : 5px; }
tr:last-child th, tr:last-child td {  border-bottom-width : 0; } 

/* Article pages  (look for class="article" on the body element of a page)
----------------------------------------------------------------------------------------- */

#contop p + h3 { clear : both; margin-top : .25em; }
#contop h1 + p:first-line { font-weight : bold; }
#contop li{FONT: 12px Arial,Helvetica,sans-serif; COLOR: #010346; TEXT-ALIGN: left; font-stretch: normal}
#contop span{FONT: 12px Arial,Helvetica,sans-serif; COLOR: #010346; TEXT-ALIGN: left; font-stretch: normal}

.readmore{overflow : hidden; font-size : 12px; color:#00497a ; FLOAT: right;; line-height :10px; padding:3px 5px 5px 0 }
#leftbox h1, #leftbox h4  { line-height : 1; margin-bottom : .25em}
.adr{ margin-bottom : .75em; }


HTML {
	FONT: 12px Arial,Helvetica,sans-serif; COLOR: #010346; TEXT-ALIGN: left; font-stretch: normal
}
body {
	background-image: url(images/mainbg.jpg);background-repeat: repeat-x;background-color:#FFF;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;text-align: left;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #055ba8;
	font-weight: bold;
	text-decoration:none
}
a:visited {
	color: #055ba8;
}
a:hover {
	color: #999;
}
a:active {
	color: #055ba8;
}
p{
	FONT: 12px Arial,Helvetica,sans-serif; COLOR: #000; TEXT-ALIGN: left; font-stretch: normal;
}
#BG{
	background-image:url(images/mainbg3.png);
	background-repeat:no-repeat;
	margin:0px;
	top:0px;
	left:0px;
	width:100%;
	height:460px;
	background-position: center;
	position:absolute;
	}
#container {
	margin: 0pt auto;
	width: 985px;
	margin-bottom:5px
}
#langnav { 
    right: 10px; WIDTH: 200px; POSITION: absolute; TOP: 2px; HEIGHT: 25px;  z-index:1000
}
#langnav ul {
	LEFT: 2px; WIDTH: 182px; POSITION: absolute; TOP: 2px; HEIGHT: 19px
}
#langnav li {
	LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0pt
}
#langnav li {
	DISPLAY: block; OVERFLOW: hidden; HEIGHT: 19px; TEXT-DECORATION: none
}
#langnav a {
	DISPLAY: block; OVERFLOW: hidden; HEIGHT: 19px; TEXT-DECORATION: none
}
.l1 {
	LEFT: 0px; WIDTH: 22px
}
.l2 {
	LEFT: 32px; WIDTH: 22px
}
.l3 {
	LEFT: 64px; WIDTH: 22px
}
.l4 {
	LEFT: 96px; WIDTH: 22px
}
.l5 {
	LEFT: 128px; WIDTH: 22px
}
.l6 {
	LEFT: 160px; WIDTH: 22px
}
#header {
	POSITION: relative; HEIGHT: 400px
}
#logo {
	LEFT: 10px; WIDTH: 189px; POSITION: absolute; TOP: 40px; HEIGHT: 116px
}
#flashtext{
	LEFT: 20px;
	WIDTH: 430px;
	POSITION: absolute;
	TOP: 175px;
	HEIGHT: 120px;
	display: block;
	overflow: hidden;
	}
.title{
	left:10px; font: bold 16px Arial, Helvetica, sans-serif; color: #ffff00; text-align:left; font-stretch: normal
}
.text{
	left:30px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align:left;
	font-stretch: normal;
}
.link{
	left:310px; POSITION: absolute;
}
.link a {
	 font: bold 12px Arial, Helvetica, sans-serif; color: #ffff00; text-align: right; font-stretch: normal
}
#banphoto{
	 RIGHT: 4px; WIDTH: 500px; POSITION: absolute; TOP: 77px; HEIGHT: 223px; margin:0px; 
}



#navigation,#navigationR,#navigationI,#navigationG,#navigationJA,#navigationDU {
	RIGHT: 10px; WIDTH: 680px; POSITION: absolute; TOP: 20px; HEIGHT: 58px
}
#navigation ul {
	BACKGROUND: url(images/navigation_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigationR ul {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigationG ul {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigationI ul {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigationJA ul {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigationDU ul {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat; LEFT: 10px; WIDTH: 656px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 20px; HEIGHT: 32px
}
#navigation li, #navigationR li , #navigationG li ,#navigationI li , #navigationJA li , #navigationDU li {
	LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0pt
}
#navigation li, #navigationR li , #navigationG li ,#navigationI li , #navigationJA li, #navigationDU li  {
	DISPLAY: block; OVERFLOW: hidden; HEIGHT: 32px; TEXT-DECORATION: none
}
#navigation a, #navigationR a, #navigationG a, #navigationI a, #navigationJA a, #navigationDU a {
	DISPLAY: block; OVERFLOW: hidden; HEIGHT: 32px; TEXT-DECORATION: none
}
.m1, .mr1, .mg1, .mi1, .mja1, .mdu1 {
	LEFT: 0px; WIDTH: 96px
}
.m2, .mr2, .mg2, .mi2, .mja2, .mdu2 {
	LEFT: 97px; WIDTH: 86px
}
.m3, .mr3, .mg3, .mi3, .mja3, .mdu3 {
	LEFT: 185px; WIDTH: 137px
}
.m4, .mr4 , .mg4, .mi4, .mja4, .mdu4{
	LEFT: 324px; WIDTH: 116px
}
.m5, .mr5, .mg5, .mi5, .mja5, .mdu5 {
	LEFT: 442px; WIDTH: 106px
}
.m6, .mr6, .mg6, .mi6, .mja6, .mdu6 {
	LEFT: 549px; WIDTH: 106px
}
.m1 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat 0px -32px}
.mr1 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat 0px -32px}
	.mg1 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat 0px -32px}
	.mi1 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat 0px -32px}
	.mja1 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat 0px -32px}
	.mdu1 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat 0px -32px}


.m1 #HOME {
	BACKGROUND: url(images/navigation_bg.png) no-repeat 0px -32px}
.mr1 #HOME {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat 0px -32px}
	.mg1 #HOME {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat 0px -32px}
	.mi1 #HOME {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat 0px -32px}
	.mja1 #HOME {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat 0px -32px}
	.mdu1 #HOME {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat 0px -32px}


.m2 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -97px -32px}
	.mr2 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -97px -32px}
	.mg2 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -97px -32px}
	.mi2 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -97px -32px}
	.mja2 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -97px -32px}
	.mdu2 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -97px -32px}
	
	
.m2 #ABOUTUS {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -97px -32px}
.mr2 #ABOUTUS {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -97px -32px}
	.mg2 #ABOUTUS {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -97px -32px}

.mi2 #ABOUTUS {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -97px -32px}

.mja2 #ABOUTUS {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -97px -32px}
	.mdu2 #ABOUTUS {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -97px -32px}



.m3 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -185px -32px}
.mr3 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -185px -32px}
	.mg3 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -185px -32px}
	.mi3 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -185px -32px}
	.mja3 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -185px -32px}
	.mdu3 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -185px -32px}



.m3 #SHARMCORNERS {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -185px -32px}
.mr3 #SHARMCORNERS {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -185px -32px}
.mg3 #SHARMCORNERS {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -185px -32px}
	.mi3 #SHARMCORNERS {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -185px -32px}
	.mja3 #SHARMCORNERS {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -185px -32px}
	.mdu3 #SHARMCORNERS {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -185px -32px}


.m4 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -324px -32px}
.mr4 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -324px -32px}
	.mg4 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -324px -32px}
	.mi4 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -324px -32px}
	.mja4 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -324px -32px}
	.mdu4 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -324px -32px}


.m4 #REDSEALINKS {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -324px -32px}
.mr4 #REDSEALINKS {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -324px -32px}
	.mg4 #REDSEALINKS {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -324px -32px}
.mi4 #REDSEALINKS {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -324px -32px}
.mja4 #REDSEALINKS {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -324px -32px}
	.mdu4 #REDSEALINKS {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -324px -32px}




.m5 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -442px -32px}
.mr5 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -442px -32px}
	.mg5 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -442px -32px}
	.mi5 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -442px -32px}
	.mja5 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -442px -32px}
	.mdu5 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -442px -32px}


.m5 #GUESTBOOK {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -442px -32px}
.mr5 #GUESTBOOK {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -442px -32px}
	.mg5 #GUESTBOOK {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -442px -32px}
	.mi5 #GUESTBOOK {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -442px -32px}
	.mja5 #GUESTBOOK {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -442px -32px}
	.mdu5 #GUESTBOOK {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -442px -32px}



.m6 a:hover {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -549px -32px}
.mr6 a:hover {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -549px -32px}
.mg6 a:hover {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -549px -32px}
	.mi6 a:hover {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -549px -32px}
	.mja6 a:hover {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -549px -32px}
	.mdu6 a:hover {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -549px -32px}

.m6 #CONTACTUS {
	BACKGROUND: url(images/navigation_bg.png) no-repeat -549px -32px}
.mr6 #CONTACTUS {
	BACKGROUND: url(images/navigationR_bg.png) no-repeat -549px -32px}
	.mg6 #CONTACTUS {
	BACKGROUND: url(images/navigationG_bg.png) no-repeat -549px -32px}
.mi6 #CONTACTUS {
	BACKGROUND: url(images/navigationI_bg.png) no-repeat -549px -32px}
.mja6 #CONTACTUS {
	BACKGROUND: url(images/navigationJA_bg.png) no-repeat -549px -32px}
	.mdu6 #CONTACTUS {
	BACKGROUND: url(images/navigationDU_bg.png) no-repeat -549px -32px}
	
	
	
#photonav, #photonavR, #photonavG, #photonavI, #photonavJA, #photonavDU {left: 1px; WIDTH: 984px; POSITION: absolute; TOP: 300px; HEIGHT: 103px}
#photonav ul {BACKGROUND: url(images/imgeslink.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonavR ul {BACKGROUND: url(images/imgeslinkR.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonavG ul {BACKGROUND: url(images/imgeslinkG.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonavI ul {BACKGROUND: url(images/imgeslinkI.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonavJA ul {BACKGROUND: url(images/imgeslinkJA.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonavDU ul {BACKGROUND: url(images/imgeslinkDU.png) no-repeat; LEFT: 7px; WIDTH: 967px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 5px; HEIGHT: 89px}
#photonav li, #photonavR li, #photonavG li, #photonavI li, #photonavJA li, #photonavDU li {LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0pt;DISPLAY: block; OVERFLOW: hidden; HEIGHT: 89px; TEXT-DECORATION: none}
#photonav a, #photonavR a, #photonavG a, #photonavI a, #photonavJA a, #photonavDU a {DISPLAY: block; OVERFLOW: hidden; HEIGHT: 89px; TEXT-DECORATION: none}
.p1, .pr1, .pg1, .pi1, .pja1, .pdu1 {LEFT: 0px; WIDTH: 313px}
.p2, .pr2, .pg2, .pi2, .pja2, .pdu2 {LEFT: 327px; WIDTH: 313px}
.p3, .pr3, .pg3, .pi3, .pja3, .pdu3 {LEFT: 653px; WIDTH: 313px}
.p1 a:hover {BACKGROUND: url(images/imgeslink.png) no-repeat 0px -92px}
.pr1 a:hover {BACKGROUND: url(images/imgeslinkR.png) no-repeat 0px -92px}
.pg1 a:hover {BACKGROUND: url(images/imgeslinkG.png) no-repeat 0px -92px}
.pi1 a:hover {BACKGROUND: url(images/imgeslinkI.png) no-repeat 0px -92px}
.pja1 a:hover {BACKGROUND: url(images/imgeslinkJA.png) no-repeat 0px -92px}
.pdu1 a:hover {BACKGROUND: url(images/imgeslinkDU.png) no-repeat 0px -92px}

.p1 #offers {BACKGROUND: url(images/imgeslink.png) no-repeat 0px -92px}
.pr1 #offers {BACKGROUND: url(images/imgeslinkR.png) no-repeat 0px -92px}
.pg1 #offers {BACKGROUND: url(images/imgeslinkG.png) no-repeat 0px -92px}
.pi1 #offers {BACKGROUND: url(images/imgeslinkI.png) no-repeat 0px -92px}
.pja1 #offers {BACKGROUND: url(images/imgeslinkJA.png) no-repeat 0px -92px}
.pdu1 #offers {BACKGROUND: url(images/imgeslinkDU.png) no-repeat 0px -92px}

.p2 a:hover {BACKGROUND: url(images/imgeslink.png) no-repeat -327px -92px}
.pr2 a:hover {BACKGROUND: url(images/imgeslinkR.png) no-repeat -327px -92px}
.pg2 a:hover {BACKGROUND: url(images/imgeslinkG.png) no-repeat -327px -92px}
.pi2 a:hover {BACKGROUND: url(images/imgeslinkI.png) no-repeat -327px -92px}
.pja2 a:hover {BACKGROUND: url(images/imgeslinkJA.png) no-repeat -327px -92px}
.pdu2 a:hover {BACKGROUND: url(images/imgeslinkDU.png) no-repeat -327px -92px}

.p2 #news {BACKGROUND: url(images/imgeslink.png) no-repeat -327px -92px}
.pr2 #news {BACKGROUND: url(images/imgeslinkR.png) no-repeat -327px -92px}
.pg2 #news {BACKGROUND: url(images/imgeslinkG.png) no-repeat -327px -92px}
.pi2 #news {BACKGROUND: url(images/imgeslinkI.png) no-repeat -327px -92px}
.pja2 #news {BACKGROUND: url(images/imgeslinkJA.png) no-repeat -327px -92px}
.pdu2 #news {BACKGROUND: url(images/imgeslinkDU.png) no-repeat -327px -92px}

.p3 a:hover {BACKGROUND: url(images/imgeslink.png) no-repeat -653px -92px}
.pr3 a:hover {BACKGROUND: url(images/imgeslinkR.png) no-repeat -653px -92px}
.pg3 a:hover {BACKGROUND: url(images/imgeslinkG.png) no-repeat -653px -92px}
.pi3 a:hover {BACKGROUND: url(images/imgeslinkI.png) no-repeat -653px -92px}
.pja3 a:hover {BACKGROUND: url(images/imgeslinkJA.png) no-repeat -653px -92px}
.pdu3 a:hover {BACKGROUND: url(images/imgeslinkDU.png) no-repeat -653px -92px}

.p3 #gallery {BACKGROUND: url(images/imgeslink.png) no-repeat -653px -92px}
.pr3 #gallery {BACKGROUND: url(images/imgeslinkR.png) no-repeat -653px -92px}
.pg3 #gallery {BACKGROUND: url(images/imgeslinkG.png) no-repeat -653px -92px}
.pi3 #gallery {BACKGROUND: url(images/imgeslinkI.png) no-repeat -653px -92px}
.pja3 #gallery {BACKGROUND: url(images/imgeslinkJA.png) no-repeat -653px -92px}
.pdu3 #gallery {BACKGROUND: url(images/imgeslinkDU.png) no-repeat -653px -92px}


#clear{
	clear:both;
}
#main {
	margin:0px; top:58px; left:5px; height: auto; margin-bottom:5px;margin-top:60px
}
#leftbox {
	width:285px; left:10px; margin:0px; border: #CCC 1px solid; background-color: #fdfdfd; text-align:left; padding: 5px;float: left;  
}
#divelinks {
	margin:0px; padding:10px; width:265px; border-bottom:#CCC 1px solid; text-align:left; height:300px
}
#mainmenu{
	top:10px; position:relative; margin-bottom:10px; left:10px; z-index:1100
}
#malinglist {
	margin:0px; padding:10px; position:relative; width:265px; border-bottom:#CCC 1px solid; text-align:left; top:5px
}
#malinglist p{ font-size:13px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;  color:#FFF
}
#content {
	left:20px; margin:0px;text-align:left; padding: 10px; width:630px; text-align:left; OVERFLOW: hidden;  z-index:1000
}

#contop { 
	margin : .25em; padding:0px; position:relative;width:650px;
}
.news_details{ FLOAT: left; width:600px; text-align:left; OVERFLOW:hidden; padding: 10px ; }
.news_details img{float : left; margin : 0 20px 0 0; padding : 5px; background-color : #fff; border : 1px solid #CCC ; }
.ad_pic { FLOAT: left; width:210px; OVERFLOW:hidden; text-align: center; margin: .25em; padding : 5px; background-color : #fdfdfd; border : 1px solid #CCC ;}
.ad_pic img{ margin : .25em; background-color : #fff; border:0px }
#highlightC {
	margin: .25em; padding : 5px 5px; background-color: #C1E0FF  ; border : 1px solid #CCC ; position:relative; top:10px; width:620px;FONT: 12px Arial,Helvetica,sans-serif; COLOR: #010346; TEXT-ALIGN: left; font-stretch: normal
}
#highlight {
	margin: .25em; padding : 0 auto; background-color : #fdfdfd; position:relative; top:10px; width:600px
}
.highlight-in {
	margin:0 0 0 10px; position:relative; top:10px; width:260px ; float:left; overflow:hidden; text-align:left; padding:10px;  height:230px
}
.highlight-in p{text-align:left; font:12px Arial ,sans-serif ; overflow:hidden}
#weather{float:left; width:265px;  overflow:hidden; text-align:left; padding:10px; background-color:#fff; margin:5px 0; height:60px;border-top:#CCC 1px solid}
#contact-logo{float:left; width:265px;  overflow:hidden; text-align:left; padding:10px; background-color:#fff; margin:5px 0; border-top:#CCC 1px solid}
#bfooter{
	margin: 0pt; width: 100%; background-color: #055ba8; position: relative; height:14px; top:10px
}
#footer{
	width:985px; background: url(images/footer_bg.png) no-repeat    ; margin:0 auto; height:142px; margin-bottom:0px; position:relative;top:10px
}
#foo_nav {width:807px;  margin:0 ; height:18px; top:5px ; left:150px; position: relative
}
#foo_nav ul{ height:18px; margin:0 auto; width:807px;
}
#foo_nav li {
	LIST-STYLE-TYPE: none; TOP: 0pt; 	DISPLAY: inline; OVERFLOW: hidden; HEIGHT: 18px; TEXT-DECORATION: none;BORDER-right: #c1c2c2 1px solid; padding-right:3px;padding-left:3px;font:11px Arial, Helvetica, sans-serif;
}

#foo_nav a {
	DISPLAY: inline; OVERFLOW: hidden; HEIGHT: 18px; TEXT-DECORATION: none
}
#footer ul li A:link , #footer ul li A:visited {COLOR: #838383; TEXT-DECORATION: none}
#footer ul li A:hover , #footer ul li A:active {TEXT-DECORATION: underline;COLOR: #055ba8;}
#copyright {
	width:807px;  margin:0 ; height:18px; top:18px ; left:150px; position: relative; font:12px Arial, Helvetica, sans-serif; color:#055ba8  
}
#copyright H4.left {
	FONT-WEIGHT: normal; FLOAT: left; MARGIN-RIGHT: 5px; font:12px Arial, Helvetica, sans-serif;
}
#copyright H4.right {
	FONT-WEIGHT: normal; FLOAT: right; font:12px Arial, Helvetica, sans-serif;
}
#copyright a:link {
	FONT-WEIGHT: bold; COLOR: #055ba8; TEXT-DECORATION: none
}
#copyright a:visited {
	FONT-WEIGHT: bold; COLOR: #055ba8; TEXT-DECORATION: none
}
#copyright a:hover {
	FONT-WEIGHT: bold; COLOR: #999;; TEXT-DECORATION: none
}
#copyright a:active {
	FONT-WEIGHT: bold; COLOR: #055ba8; TEXT-DECORATION: none
}
/* Sitemap template  
----------------------------------------------------------------------------------------- */

.sitemap-wrapper { overflow : hidden; width : 100%; margin-bottom : 1.5em;  }
.sitemap-wrapper .col { float : left; width : 280px; margin-right : 20px; }
.sitemap-wrapper .four { margin-right : 0; }

/* =Google maps 
----------------------------------------------------------------------------------------- */

.g-map { margin-bottom : .75em; padding : 10px; background-color : #fff; border : 1px solid #69c3ff; 
text-align : center; }
.g-map p { margin-bottom : 0; text-align : left; }


/* Sample 7*/

/* Sample 7*/

#thumbs7{
	position:relative;
	width:590px;
	clear:both;
	height:60px;
	overflow:hidden;
	margin:10px 0;
	border:1px solid #CCC;
	background:#E8E8E8
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:50px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:80px;
	height:50px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:80px;
	float:right;
}


/* ********************************** */

.thumbs{
	width:80px;
}
.thumbs div{
	display:block;
	width:80px;
	height:50px;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none;
	background:#E8E8E8
}

span img{
	display:block;
	border:none;
	background: #E8E8E8
}