/* CSS Document */

/* General */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-image:  url(images/top_bg.gif);background-repeat: repeat-x;}
p{margin:15 0 0 0}
a{color: #336699;text-decoration: none}
a:hover {color: #6699cc;}
div#header{height:195px;margin:0;background: #EEE;background-image:  url(images/topbanner_bg.jpg);}
div#topmenu {width:920px;height:24px;background-color: #4a6997;}
div#logo {position: relative;left:10px;top:22px;width:406px;height:80px;background-image:  url(images/ols_logo.jpg);}
div#container {text-align:left;width:920px;margin:0 auto}
div#wrapper {float:left;width:920px;margin-top:15px}

/* General Leftside Navigation */
div#sideNav {float:left;width:170px;background:#fff}
#sideNav ul{margin:0 0 10px 0;padding: 0;list-style-type: none;}
#sideNav ul a {display: block;width: 170px;line-height: 20px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;background: #fff url(images/menubutton_bg.gif) no-repeat right bottom;text-indent: 0px;}
#sideNav li.title{height: 29px;line-height: 29px;background-color: #fff; background-image:url('images/menutitle_choose_category.gif');}  
#sideNav li.regiontitle{height: 29px;line-height: 29px;background-color: #fff; background-image:url('images/menutitle_choose_region.gif');}  
#sideNav a:hover, .selected a {background-position: left bottom}
#sideNav li {display: inline:} 

/* General Top Navigation */
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}

#nav a {display: block;width: 10em;}

#nav li {float: left;width: 10em;}

#nav li ul {position: absolute;width: 10em;left: -999em;}

#nav li:hover ul {left: auto;}

/* General Rightside Secondary Navigation */
div#secondContent {float:right;width:190px;}
#secondContent ul {margin:  0;padding: 0;list-style-type: none}
#secondContent ul a {padding-left:22px;display: block;width: 190px; line-height: 24px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-indent: 0px}
#secondContent li.articleinfotitle{height: 27px;line-height: 27px;background: #fff url(images/sidetitle_article_info.gif) no-repeat}  
#secondContent li.comment a {background: #fff url(images/comment_icon.gif) no-repeat;width: 168px} 
#secondContent li.print a {background: #fff url(images/print_icon.gif) no-repeat;width: 168px}  
#secondContent li.mail a {background: #fff url(images/mail_icon.gif) no-repeat;width: 168px}
#secondContent li.rate a {background: #fff url(images/rate_icon.gif) no-repeat;width: 168px}  
#secondContent li.forumtopictitle{margin: 0 0 5px 0;width:190px;height:27px;background: #fddf3f url(images/sidetitle_forum_topics.gif)}
#secondContent li.archiveTitle{height: 27px;line-height: 27px;background: #fff url(images/sidetitle_article_archive.gif) no-repeat}  

#secondContent li.directoryTitle{height: 27px;line-height: 27px;background: #fff url(images/sidetitle_local_scene_guide.gif) no-repeat}  

#secondContent li.secondLink a {padding-left:0}   
#secondContent a:hover, .selected a {background-position: left bottom}

/* Chris Added For Forum Topics 
#secondContentFront li.forumtopictitle{margin: 0 0 5px 0;width:190px;height:27px;background: #fddf3f url(images/articletopics_title_trial.gif)}
#secondContentFront li.secondLink a {padding-left:0}   
#secondContentFront a:hover, .selected a {background-position: left bottom}*/


.blankheader {margin: 0;width:190px;height:29px;background: #d4d7de}

/* Articlegeneral */
div#mainBody {float:right;width:735px;}
div#content {float:left;width:600px}
div#mainContent {float:left;margin:0 0 15px 0;width:395px;}
.img-wrapper img {background-color: #fff;border: 1px solid #a9a9a9;padding: 4px;margin: 0px;} 
.search{width:170px;background:#E6EFFF;border: none;vertical-align: bottom;} /* changed by cf 19/11/06 */
.titlebar {margin: 0 0 0 0;width:395px;height:29px;background: #c1d0e7;}

.titlebar img {
border: none;vertical-align: bottom;
}

.search img {
border: none;vertical-align: bottom;
}

/* Frontpage */
div#contentFront {float:left;width:785px}
div#mainContentFront {float:left;margin:0 0 15px 0;width:600px;}
div#secondContentFront {float:right;width:170px;background: #333}

/* Extra Content */
div#extraContent {clear:both;margin: 0 0 10px 0;width:600px;}
.travelGuide{border: 1px solid #cce2ff;width:598px;height:134px;background: #d4d7de url(images/travel_guide_bg.gif)}

/* Affilates */
div#banner {position: relative;left:10px;top:10px;width:726px;height:90px;}
.affliateThree{margin:0 0 15px 0;}
div#skyscraper {float:right;width:120px;height:600px;margin: 0 0 10px 0}

/* Footer */
div#footer {clear:both;width:920px;background: #32517D;color: #fff} /* changed by cf 19/11/06 */
div#footer p {margin:0;padding:5px 10px;}
div#footer a {color:#fff;} /* added by cf 19/11/06 */

/* FruitBox */

#mainContentFront .sectionTitle 
{
	font-size: 11px;
	font-weight: bold;
	color: #336699;
}

#mainContentFront .articleTitle 
{
	font-size: 11px;
	color: #666666;
}

#mainContentFront .articleDescription
{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#mainContentFront .articleText 
{
	font-size: 11px;
	color: #333333;
}

#mainContent .sectionTitle 
{
	font-size: 14px;
	font-weight: bold;
	color: #336699;
}

#mainContent .articleTitle 
{
	font-size: 14px;
	color: #666666;
}

#mainContent .articleDescription
{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#mainContent .articleText 
{
	font-size: 11px;
	color: #333333;
}

#mainContent .directoryTitle { font-size:11px; color:#333333; font-weight:bold;}
#mainContent .directoryDetails { font-size:11px; color:#333333;}
#mainContent .directoryText { font-size:11px; color:#333333;}

.chromestyle{
width: 920px;
height: 24px;
background-color: #0066CC;
padding: 0;
margin: 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

.chromestyle ul{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
	
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 0;
margin: 0;
text-decoration: none;
}

/*.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE
}*/

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

.chromestyle img {
border: none;vertical-align: bottom;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:11px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/* CSS Document */

img.floatRight { 
    float: right; 
    margin: 5px 0 0 4px; 
}

img.floatLeft { 
    float: left; 
    margin: 5px 4px 0 0; 
}