/* this is the base stylesheet for the luusac site, 
	it doesn't specify any real colour styles, only structure 

*/

html 
{
	/* this is distasteful, and not valid CSS2 (its in CSS3 I think), but it avoids the unnecessary scrollbar problem in IE */
	overflow-y: scroll;
}

body 
{
    margin: 0; 
    padding: 0; 
    font-size:9pt;
    font-family: Arial, Tahoma, Sans-Serif;
    font-weight:normal;
    text-decoration:none; 
}

a.mailto
{
	direction: rtl;
	unicode-bidi:  bidi-override;
}

a img,
a:hover img
{
	border: none;
}

#content
{
    position:absolute;
    top: 70px;
    left: 200px;
	clear: left;
    max-width: 5500px;
    width: 550px;
    padding: 10px;
}
   
h1, h2, h3, h4, h5 
{
    font-weight:bold;
}

h1 
{
	font-size: 15pt;
    text-align: center;
}

h2 
{
    font-size:13pt;
}

h3 
{
    font-size:11pt;
}

h4
{
    font-size:10pt;
}

h5
{
	font-size:10pt;
	font-weight: normal;
}

p 
{
	font-size: 9pt;
    text-align: justify; 
    max-width:600px;
}

#content acronym {  cursor: help; border-bottom: 1px dotted #000; }

#content ul.arrowbullets li
{
	list-style-type: none;
	margin: 0.4em;
	padding: 0.4em 1em 0.4em 1em;
	width: 50%;
}

/* horizontal line denoting the end of a section, used to navigate back to the top of a page */
#content a.navtop
{
	display: block;
	border-bottom: 1px solid #00537D;
	background: url(../images/blue/up_arrow.gif) no-repeat center right;
	padding: 0.5em;
	margin: 1em 2em 1em 0em;
}

#content a.navtop span
{
	display: none;
}

/* this is the pretty Leeds University Union title.  In CSS Browsers replace it with an image */ 
/* (This is FIR improved model - to avoid using span and display:none) */
#content h1.maintitle
{ 
	margin: 1em auto;
	width: 426px;
	padding: 36px 0 0 0; 
	overflow: hidden; 
	background: url(../images/maintitle.gif) no-repeat top left;
	height: 0px !important; 
	height /**/:36px; 
}


/* and this is the main center image.  (currently of eddystone lighthouse)  if the user agent doesn't support CSS
then we don't show them it, because chances are they don't want any images */
#content div.maincenterpic
{
	background: url(../images/maincenterpic.jpg) no-repeat center center;
	width: 450px;
	height: 362px;
	margin: 1em auto;
}

/* the menu bars .......*/

/* the left hand menu bar */

div.lb 
{ 
	width: 200px;
	float: left;
	clear: left;
}

div.lb h2  
{ 
	padding: 0.1em 1em 0em 1em;
	margin: 0px;
	font-size:    11pt;
	font-family: Tahoma, Sans-Serif;
    width: 135px;
    height: 21px;
}

div.lb div		/* this is the one that hosts the the whole menu . */ 
{
	margin: 1em;
}

div.lb div div
{
	margin: 0em;
	background: none;
}

div.lb ul  
{ 
	margin: 0 0.5em 1em 0.5em;
	padding: 0;
}
div.lb ul li 
{ 
	list-style: none; 
	padding-top: 0.5em;
	margin-bottom: 0em;
}

div.lb ul li a
{
	padding-left: 10px;
	font-size: 9pt;
	text-decoration:none;
}

div.lb ul li ul
{
	margin-bottom: 0;
	padding-left: 2em;
}
div.lb ul li ul li.list_group_header
{
	background-image: none;
	margin-left: -1em;
    margin-top: 0.4em;
	font-weight: bold;
}

div.lb ul li ul li a
{
	background-image: none;
	padding-left: 0px;
	font-size: 9pt;
	font-weight: normal;
	text-decoration:none;
}

   
/* the members_links page */
dl.members_links
{
  font-family: Arial, Sans-Serif;
  font-size: 11pt;
}

dl.members_links dt
{
  margin-top: 10pt;
}

dl.members_links dd
{  
  position: relative;
  top: -1em;
  left: 150px;
}

/* The Committee page */
     
ul.committee
{
    list-style-type: none;
    width: 480px;
    padding: 0;
    margin: 0;
}
ul.committee li
{
    margin: 1em 0em 2em 0em;
    clear: left;
    width: 480px;
    height: 200px;
    background: none;
}

ul.committee li img
{
    position: absolute;
    top: auto;
    left: 390px;
    padding: 3px;
    border: 1px solid black;
}

ul.committee li dl
{
    padding: 0;
    width: 380px;
    margin: 0;
}

ul.committee li dl dt
{
    float: left;
    width: 80px;
    padding: 2px 2px 2px 2px;
    margin: 0 ;
    font-weight: bold;
    border-top: 1px #A5BFD6 solid;
    clear: left;
}

ul.committee li dl dd
{
    width: 250px;
    padding: 2px 20px 2px 20px;
    float: left;
    margin: 0 ;
    border-top: 1px #A5BFD6 solid;
    border-left: 1px #A5BFD6 solid;
}

ul.committee li dl dt.first_child,
ul.committee li dl dd.first_child
{
    border-top: none;
}

div.inset_photo
{
  float: right;
  width: 210px;
  margin: 10px 0 10px 10px;
  border: 1px solid black; 
}

div.noimgborder
{
	border: 0;
}

div.inset_photo img
{
  width: 200px;
  display: block;
  margin: 5px;
}

div.inset_photo p
{
  width: 200px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}

div.portrait_inset_photo
{
  float: right;
  width: 160px;
  margin: 10px 0 10px 10px;
  border: 1px solid black; 
}

div.portrait_inset_photo img
{
  width: 150px;
  display: block;
  margin: 5px;
}

div.portrait_inset_photo p
{
  width: 150px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}


div.mugshot_inset_photo
{
  float: right;
  width: 121px;
  margin: 10px 0 10px 10px;
  border: 1px solid black; 
}

div.mugshot_inset_photo img
{
  width: 111px;
  display: block;
  margin: 5px;
}

div.mugshot_inset_photo p
{
  width: 111px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}

div.panoramic_inset_photo
{
  width: 560px;
  margin: 10px 0 10px 0px;
  border: 1px solid black; 
}

div.panoramic_inset_photo img
{
  width: 550px;
  display: block;
  margin: 5px;
}

div.panoramic_inset_photo p
{
  width: 550px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}


div.lhs_inset_photo
{
  float: left;
  width: 210px;
  margin: 10px 0 10px 10px;
  border: 1px solid black; 
}

div.lhs_inset_photo img
{
  width: 200px;
  display: block;
  margin: 5px;
}

div.lhs_inset_photo p
{
  width: 200px;
  text-align: center;
  margin: 0px 5px 5px 5px;
  font-weight: bold;
}


#styleSelectorStandard,
#styleSelectorBossMode
{
	display: block;
}


blockquote 
{ 
	width: 18em;
	padding: 0;
	margin: 10px;
	background: url(../images/bq_left.gif) left top no-repeat; 
} 
blockquote div
{ 
	width: 100%;
	padding: 0 48px; 
	margin: 0;
	font-style: italic;
	background: url(../images/bq_right.gif) right top no-repeat; 
}
blockquote p 
{
	width: 100%;
}
blockquote p cite
{
    font-weight: bold;
}


/* table like definitions, with an arrow as the dd background */
dl.arrowdefinitions
{
    width: 420px;
	padding: 0;
}

dl.arrowdefinitions dt
{
    float: left;
    width: 200px;
    padding: 2px 2px 2px 2px;
    margin: 0 ;
    font-weight: bold;
    border-top: 1px #A5BFD6 solid;
    clear: left;
}

dl.arrowdefinitions dd
{
	background: url(../images/blue/littlearrow.gif) no-repeat center left;
    width: 180px;
    padding: 2px 10px 2px 10px;
    float: left;
    margin: 0 ;
    font-weight: bold;
    border-top: 1px #A5BFD6 solid;
    border-left: 1px #A5BFD6 solid;
}

dl.arrowdefinitions dt.first_child,
dl.arrowdefinitions dd.first_child
{
    border-top: none;
}

fieldset 
{
  border: 0;
  width: 340px;
}

label 
{
	margin-left: 0.25em;
    margin-top: 1em; 
    display: block; 
    font-weight: bold; 
}

textarea,
select,
input 
{ 
    display: block;
    margin-left: 2em; 
    width: 300px;
}

textarea
{
    height: 15em;
}

input.submit
{
    margin-top: 1em;
    width: 80px;
    font-size: 8pt;
    font-weight: bold;  
}

dl#for_sale dt
{
    font-size: 120%;
    font-weight: bold;
    display: inline;
    margin-left: 1em;
    padding: 0.25em 0.5em;
    border-width: 2px;
    border-style: solid;
    border-color: #ddf #bbf #bbf #ddf;
    background-color: #f8f8ff;
    z-index: 5;
}

dl#for_sale dd
{
    margin: 0em 1em 2em 0em;
    border-width: 2px;
    border-style: solid;
    border-color: #ddf #bbf #bbf #ddf;
    background-color: #f8f8ff;
    padding: 1em;
}


dl.links dd
{
    margin-bottom: 1em;
}

#ads
{
    position: absolute;
    top: 100px;
    left: 800px;
	width: 150px;
	height: 750px;
}


#trip_reports_menu div
{
	margin: 0 1em 0 2em;
}

#trip_reports_menu p.intro
{
	margin: 0;
}
#trip_reports_menu p.details
{
	float: right;
	margin: -0.1em 0 0 0;
	color: #888;
	background-color: #fff;
}


#trip_reports_menu p.details a
{
	font-weight: normal;
	text-decoration: underline;
	color: #888;
	background-color: #fff;
}

#trip_reports_menu p.details a:hover
{
	color: #008;
	background-color: #fff;
}


#trip_reports_menu h2
{
	clear: right;
	margin: 2em 0 1em 0;
}
#trip_reports_menu h3
{
	clear: right;
	border-bottom : 1px solid #888;
	margin: 1.5em 1em 0.25em 1em;
}

div.trip_report_details 
{
	background-color: #eee;
	width: auto;
	border: 1px solid black;
	float: right;
	margin: 0 0 1em 1em;
	padding: 1em;
}

div.trip_report_details *
{
	margin: 0;
	padding: 0;
	text-align: center;
}

div.trip_report_details dt
{
	margin-top: 0.6em;
	font-weight: bold;
}


div.trip_report_details dd
{
	text-align: center;
}


/* Map links stuff.  Basically anything with an <address class='maplink'> will become a maplink */
address.maplink
{
	font-style: normal;
	display: inline;
}

#content address.maplink a
{
	background: url(../images/dropdown.gif) right -1px no-repeat;
	margin: 1px;
	padding: 0px 20px 0px 0px;
}

#content address.maplink ul a
{
	background-image: none;
	padding: 0;
}

#content address.maplink ul a.google_earth
{
	padding-right: 18px;
	background: url(../images/icons/google_earth.gif) right top no-repeat;
}

address.maplink ul
{
	position: absolute;
	margin: 2px 0 0 -2px;
	padding: 0.5em;
	left: -1000px;
	width: auto;
}

body address.maplink ul
{
	background-color: #eef;
	border: 1px solid #aaf;
}

body.boss address.maplink ul
{
	background-color: #eee;
	border: 1px solid #aaa;
}

#content address.maplink ul li
{
	list-style-type: none;
	background-image: none;
	padding: 0.25em 0.5em;
	margin-left: 0.5em;
	width: auto;
}

address.active ul
{
	left: auto;
}

* html address.active ul
{
	margin-left: -8em;
}

/* Used for floating tooltips */
.popup
{
	position:absolute;
	display:none;
	background:white;
	padding:2px;
}