/* THEME1 for Union of UK Unicyclists */


/* Drop down menu start */

#menu {
width: 1024px;
height:19px;
background: red;
/* float: left; */
margin-left: auto;
margin-right: auto;

}

#menu ul {
text-align:center;
cursor:pointer;
list-style: none;
margin: 0;
padding: 0;
width:80px; /* width of each ul */
float: left;
}


#menu h2{

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.7em;
display: block;
margin: 0;
padding: 2px 3px;
color: #fff;
background: red;

}

/* style of navigation buttons */
#menu ul ul li a {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.7em;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}





/* set appearance of drop down menu link FAQ */

#menu a {
color: #FFF;
text-decoration: none;
}

#menu a:hover {
color: #FFF;
text-decoration: underline;
}




/* set appearance of links in sub menus only - this works because this higher precedence than #menu a */
#menu ul ul li a {
color: white;
background: #CC0000;
text-decoration: none;
}

#menu ul ul li a:hover {
color: #336699;
background: #fff;
}




#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul {
position: absolute;
z-index: 50;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 50;
}


div#menu ul li:hover ul {
display:block;
}

div#menu ul ul {
z-index:999;
display: none;
}

/*IE FIX menu appearance*/
#menu li {z-index:200; }

/* end Drop down menu */

body {background: white; }

#banner {
width:800px;
height:160px;
background-image: url(banner.gif);
display:block;
margin-left: auto;
margin-right: auto;}

/* Time in nav bar */
#roundright {
position:relative;
color: white;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.6em;
text-align:right;
float:right;
}



/*  footer  */

div#footer {
position: relative;
top:20px;
width:100%;
clear:both;
text-align: center;
color: black;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.6em;
}


#footer a {
color: black;
text-decoration: none;
}


#footer a:hover {
color: black;
font-weight:bold;
text-decoration: underline;
}



/* containers */
#container {
width:1024px;
margin-left: auto;
margin-right: auto;}

/*height is temp*/
#info_container{float:left;width:204px;height:890px;}
#main_container {float:right;width:820px;height:890px;}


#linkbox, #newsbox, #eventsbox {
position: relative;
top:15px;
width:100%;
background:#fff url(leftside.gif) repeat-y left top;
}

#linkbox a, #newsbox a, #eventsbox a {
position:relative;
/*top:-20px;
left:-30px; */
line-height: 2;
color:black;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:0.7em;
text-decoration: none;
}

#linkbox a:hover , #newsbox a:hover , #eventsbox a:hover  {
text-decoration: underline;
color: red;
}


#linkbox ul, #newsbox ul, #eventsbox ul {
position:relative;
top:-20px;
left:-30px; 
}

/* content boxes */
/* #navbox is the is the container for the main content box*/
#navbox {
position: relative;
top:15px;
width:100%;
background:#fff url(leftside.gif) repeat-y left top;
}

#navbox p {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.7em;
}

#navbox a {
font-weight: bold;
color: black;
text-decoration:underline;
}

#navbox a:hover {
color: red;
}

.top {
width:100%;
height:44px;
background:url(topleft.gif) no-repeat left top;
}

.top b{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: white;
font-size:1em;
position:absolute;  /*fixes positioning of title text */
padding: 5px 0px 0px 30px;
}

/* allow RSS feed logo to be clickable and have no border */
.top img {border: 0;}

.top span {
display:block;
position:relative;
height:44px;
background:url(topright.gif) no-repeat right top;
}



.mainbox {
position:relative;
background: url(rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px; /* top right bottom left - keeps text in box */
margin:-12px 0 -50px 0;
}

/* #mainpage is the main content box */
/* added so inc. content with <p> don't inherit */
#mainpage {
margin: 10px 0px 20px 0px;
position: relative; /* fix content position */
top:-10px;
z-index:100; /* fixes text not appearing over images in FF, but not IE :-S */
/* add scroll bars and a maximum height for box*/
height:740px;
overflow: auto;
}

#mainpage h1 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 1.1em;
color:black;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}


#mainpage h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 1em;
font-weight:bold;
text-decoration: underline;
color:black;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}


#mainpage h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.9em;
color:black;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

#mainpage p {
/* margin: [top] [right] [bottom] [left] */
margin: 0px 0px 8px 0px;
font-size:0.7em;
}

#mainpage ul {list-style: square;}
#mainpage li , #mainpage li p{ 
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.9em;}

#mainpage table {margin: 1px 2px 0px 1px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
#mainpage table, td {
/*border-collapse: collapse; -temp remove */
border:1px solid black;
}
#mainpage td {font-size: 1em;}

.mainbox ul {list-style: square;}

/* fixes link click-ability in left pane list boxes */
.mainbox ul a {position: relative;z-index:100;}

/* div - for mainpage to make space between logo in boxes */
#botspacer {height:30px;width:100%;}

/* spacers for other boxes */
.botspacer {height:10px;width:100%;}

.bottom {
clear:both;
width:100%;
height:71px;
background:url(bottom.gif) no-repeat left top;
}


.bottom span {
z-index:1;
display:block;
position:relative;
height:71px;
background:url(bottomright.gif) no-repeat right top;
}


.rssinlist {
position:relative;
left:5px;
list-style-image:url(rss.png);}

/* end content boxes */

#roundleft {float:left;display:block;background: #ff0000 url(leftmencorner.gif) no-repeat left;height:19px;width:20px;}
#roundright {height:19px;background: #ff0000 url(rightmencorner.gif) no-repeat right;}
#roundright b {font-weight: normal;position: relative; left:-10px;}

/* Start form styles */

input, textarea {
font-size:1em;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
background: #e5f3f8;
color: red;
border: 1px solid #1772cf;
}

textarea {
overflow: scroll;
width:20em;
height:10em;
}



input:hover {
border: 1px solid red;
}


input:focus {
border: 2px solid red;
}

select {
background:#e5f3f8;
border: 1px solid #1772cf;
}


/*form arranging w/out tables */

fieldset {
float:left;
clear:left;
width:90%;
margin: 0 0 0 0;
padding: 0;
}

legend {
margin-left:1em;
font-weight: bold;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

fieldset ol {
padding: 1em 1em 0 1em;
list-style:none;
}

fieldset li {
/* we float the list item to prevent label text overflow (by floating the parent) */
float:left;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
clear:left;
width:100%;
padding-bottom: 1em;
}

fieldset.submit {
border-style: none;
padding-left:10em;
} 

label {float: left;
width: 8em;
margin-right: 1em;
}

/* page hints */
fieldset li em {
text-align: left;
background: #f9ff63;
margin: 0em 1em 0em 2em;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75em;
}


#label2hide {color: white;}



/* end form styles */

/* start myUUU styles */

#uuulogind {float:left; width:40%;}
#uuuloginside {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
float:right;width:45%;}


.myuuumsgbox {
/* the message box shown at the top of myuuu pages */
font-size: 0.8em;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
background: #e5f3f8;
color: red;
border: 1px solid #1772cf;
padding: 0px 3px 0px 3px;
display: inline;
}

#myuuumsgboxcont {
clear: left;
margin: 10px 0px 20px 3px;
width:24em;
}

/* myUUU menu */
#myuuumenu {
width: 100%;
height: 19px;
margin: 8px 0px 10px 0px;
}
#myuuumenu ul {
text-align:center;
list-style: none;  
margin: 0;
padding: 0;
width: 65px;
float: left; 
}


#myuuumenu ul li ul a, #myuuumenu h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.7em;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

/*correct logout link colour */
#myuuumenu ul li a:hover {color: #000;}

#myuuumenu h2{
cursor: pointer;
background: red;
text-decoration:none;
color: #fff;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 0.7em;
}

/* top level menu links */
#myuuumenu ul a {color: #fff; text-decoration: none;}
#myuuumenu ul a:hover {text-decoration:underline;}

#myuuumenu ul li ul a {
color: #000;
background: #efefef;
text-decoration: none;
}

#myuuumenu ul li ul a:hover {
color: #a00;
background: #fff;
}

#myuuumenu li {position: relative;}

#myuuumenu ul ul {
position: absolute;
z-index: 500;
}

#myuuumenu ul li ul {display:none;}
#myuuumenu ul li:hover ul {display:block;}
/* end myUUU menu */ 

#myuuustats ul {
font-size: 0.8em;
}

#myuuustats p {
font-size: 0.9em;
}

#myuuutbl {
/* fixes bug in old versions of Firefox causes table to appear in wrong place */
font-size:0.9em;
clear:both;
}


.emg
{
/* fix for e-mail images */ 
vertical-align: bottom;
}  

/* fix for club listings */
.clublist {
margin-bottom:25px;

}


/* figures for images and text wrapping */

.figure {
clear: right;
float: right;
margin: 5px 5px 5px 5px;
}

.figure img {display:block; margin-left: auto; margin-right: auto;}

.figure div  {
font-size:0.9em;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
display: block;
text-align:center;
margin-left: auto;
margin-right: auto;
max-width:15em;
}


/* end myUUU style */