/* Style sheet for Girlguiding Lancs West */

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  background-color: #ffffff;  
  line-height: 125%;
  padding: 10px;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #6666ff;
}

h1 {
  font-size: x-large;
  text-align: center;
  padding-top: .7em;
  padding-bottom: .7em;
  color: #B4042C;
}

h2 {
  font-size: large;
  font-weight: bold;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: 0.0em;
  color: #B4042C;
}

h3 {
  font-size: medium;
  font-weight: bold;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0.3em;
  color: #B4042C;
}

li {
  font-size: small;
  color: navy;
}

p {
  font-size: medium;
  color: navy;
}

a {
  font-weight: bold;
}

a:link {
  color: #B4042C;
}

a:visited {
  color: navy;
}

a:hover {
  text-decoration: none;
  color: red;
}

a:active {
  color: aqua;
  background-color: navy;
}



/* Formatting classes */

/* For featured items */
.feature {
  float: right;
  right: 20px;
  margin: 0px;
}


.logo {
  float: left;
  margin: 10px;
}

.taglineclass {
  text-align: center;
}

.emailclass {
  font-size: small;
}

.thumblink {
  margin: 2px;
  border-top: 1px solid navy;
  padding-top: 5px;
  padding-bottom: 2px;
  width: 50%;
}

.thumbtext {
  position: relative;
  top: -35px;
  left: 1em;
}

.date {
  font-weight: bold;
}

.strapline {
  font-style: italic;
  text-align: center;
  font-family: sans serif, Times, serif;
  font-size: x-large;
  color: #B4042C;
  font-weight: bold;
}		





/* Tables */
table {
  border-collapse: collapse;
  border: none 1px #6666ff;
}

table caption {
  color: #B4042C;
  text-align: center;
  font-weight: bold;
  font-size: medium;
}

table th {
  background-color: #6666ff;
  color: white;
  text-align: left;
  padding: 0.2em;
  font-size: medium;
}

table td {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: navy;
  border-bottom: solid 1px #6666ff;
  padding: 0.2em;
  font-size: medium;
}

.tbl_centre {
  text-align: center;
}

.tbl_hdr {
  text-align: left;
  padding: 0.2em;
  font-size: medium;
  font-weight: bold;
}

.tbl_noborder
{
  border: none;
}

.tbl_bottomdash {
  margin: 2px;
  border-top: 1px dashed #6666ff;
  border-bottom: 1px dashed #6666ff;
  padding-top: 5px;
  padding-bottom: 2px;
}


/* Formatting of Divisions */

#header, 
#bodycontent, 
#bodycontentwide, 
#annivbadge, 
#sitelogo,
#tagline, 
#roundbadge, 
#header, 
#photosright, 
#photosbottom {
  position: absolute;
}

#bodycontent, 
#bodycontentwide, 
#photosright {
  top: 180px;
}

#photosbottom {
  left: 0px;
  top: 80%;
  width: 300%;
}


#bodycontent {
  left: 200px;
  width: 50%;
}

#photosright {
  right: 20px;
  width: 200px;
}

#counter {
 left: 250px;
}

#annivbadge {
  top:   0px;
  right: 80px;
  width: 100%;
}

#roundbadge {
  top:  470px;
  left: 5px;
}


#sitelogo {
  top: 0px;
  left: 0px;
}

#tagline {
  width: 100%;
  top: 80px;

}
#tagline p {
  text-align: center;
  font-style: italics;
  font-weight: bold;
  font-size: large;
  font-family: Georgia, Times, serif;
  color: #6666ff;
}

#header {
  margin: 2px;
  height: 135px;
  border-bottom: 2px solid #6666ff;
  padding-top: 0px;
  padding-bottom: 2px;
  width: 100%;
}

#counter {
  position: relative;
  bottom: 0px;
  right:  0px;
  margin-top: 10px;
}

#featurephoto {
  position: absolute;
  right: 30px;
  top: 180px;
  margin: 0px; 
  width: 25%;
}


#bodycontentwide {
  left: 200px;
  width: 80%;
}

#newsitem {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6666ff;
}
#newsitemwithphoto {
  width: 100%;
  height: 170px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6666ff;
}

#newsphoto {
  float: right;
  margin: 5px;
}

#news_details {
  position: absolute;
  left: 0%;
  width: 100%;
  top: 30px;
}

#trainingtable {
  position: absolute;
  top: 435px;
  padding-left: 20px;
  width: 95%;
}

#eventtable {
  position: absolute;
  top: 100px;
  width: 100%;
}

#calendartable {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6666ff;
}

#calendar_filter {
  position: absolute;
  right: 30px;
  top: -70px;
  margin: 0px;
  width: 166px;
}

#calendar_filter label {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #EEE;
  padding: 0px;
}

#calendar_filter select {
/*
  position: absolute;
  right: 0px;*/
  padding: 0px;
  background-color: #eee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #6666ff;
}

#calendar_filter input {
  position: absolute;
  right: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: black;
}

#calendar_filter td {
  color: #eee;
}





#top_left_button {
  position: absolute;
  left: 0px;
  top: -10px;
}

#top_right_button {
  position: absolute;
  right: 0px;
  top: -10px;
}

#top_middle_button {
  position: absolute;
  left: 40%;
  top: -10px;
  align: center;
}

#float_right_button {
  float: right;
}

#loginform {
  position: absolute;
  left: 30%;
  top: 200px;
  width: 400px;
}

#useradminform {
  position: absolute;
  left: 15%;
  top: 180px;
  width: 83%;
}

#loggedinuser {
  position: absolute;
  top: 10px;
  left: 45%;
}


#onephoto {
  position: absolute;
  left: 0%;
  width: 100%;
  top: 35px;
}

#slideshowpanel {
  position: absolute;
  right: 0px;
  top: 190px;
  margin: 5px; 
  width: 24%;
}


#photo_page_panel {
  position: absolute;
  width: 10%;
  left: 2%;
  top: 500px;
}




.link_button a {
  display: block;
  padding: 1px;
  width: 120px;
  background-color: #eeeeee; 
  border: 1px solid black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  text-align: center;
}

.link_button a:link {
  color: black; 
  text-decoration: none;
}

.link_button a:visited {
  color: black; 
  text-decoration: none;
}

.link_button a:hover {
  background-color: red; 
}


.small_link_button a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: normal;
  text-align: center;
}

.small_link_button a:link {
  color: #6666ff; 
  text-decoration: none;
}

.small_link_button a:visited {
  color: #6666ff; 
  text-decoration: none;
}

.small_link_button a:hover {
  color: red; 
}


/*******************/
/* Navigation Menu */
/*******************/

.sidebarmenu ul{
position: absolute;
top: 185px;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width: 140px; /* Main Menu Item widths */
border-bottom: 1px solid #eee;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#6666ff; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: #EEE;
}

.sidebarmenu ul li a:hover{
background-color: #B4042C;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 140px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */