/**********************************************************************/
/*This stylesheet is for use with The Royal County of Berkshire Army Cadet           */
/*Force website                                                                                                                */
/*Author: Carole Povey (Cert IT & C (Open))                                                                */
/*Date: 1 October 2005  Amended 8 December 2006                                                  */
/**********************************************************************/

/*Fieldset styling courtesy of Merle Smith of Ayr, Scotland.  http://savic.org.uk */

#info
	{
	font-family: Times;
	color: #ff0000;
	font-size: 14px;
	font-style: italic;
	}
	
fieldset	{
	color: #00008b;
	background-color: inherit;
	width: 90%;
	border-bottom: 3px solid #00008b;
	border-right:3px solid #00008b;
    border-top:1px solid #00008b;
    border-left:1px solid #00008b;
	padding-left: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
	padding-right: 1em;
	}

legend	{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ff0000;
	background-color: inherit;
	font-weight: bold;
	font-size: 18px;
	}

#info label
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #00008b;
	width: 15em;
	float: left;
	text-align: left;
	margin: 0 1em 10px 0;
	clear: both;
	}

#border	{
	width: 100%;
	padding: 12px;
	background: url(imagesLogos/l4.gif);
	}

#xmastable	{
	width: 90%;
	font: 30px Snowdrift;
	color: #ff0000;
	background: #fff;
	border: none;
	}

table.notice {
	width: 100%;
	border: none;
	border-spacing: 0;
	background-color: inherit;
	color: #00008b;
	padding-top: 1em;
	padding-right: 1em;
	}
	
table.notice td {
	padding: 5px;
	text-align: left;
	}
	

	
	
/**********************************************************************/
/* Not all the styles below have been used but are left here for future reference    */
/**********************************************************************/

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, helvetica, sans-serif;
}

.navcontainer li { margin: 0 0 .2em 0; }

.navcontainer a
{
display: block;
color: #00008b;
background-color: transparent;
width: 9em;
padding: .2em .8em;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.navcontainer a:hover
{
background-color: #00008b;
color: #ffffff;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.container
{
width: 80%;
margin: 10px auto;
background-color: #ffffff;
color: #00008b;
border: 3px solid gray;
}

.campcontainer
{
margin-left: 50px;
padding: 10px 5px 10px 5px;
max-width: 90em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.5em;
}

.headcontainer
{
width: 80%;
margin: 10px auto;
background-color: #ffffff;
color: #00008b;
border: 3px solid gray;
}

.headerbox
{
padding: .5em;
margin: 10px auto;
background-color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
color: #00008b;
}

.headcontainer2
{
width: 80%;
margin: 10px auto;
background-color: #ffffff;
color: #00008b;
border: 1px solid gray;
}

.headerbox2
{
padding: .5em;
margin: 10px auto;
background-color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
color: #00008b;
}

.leftnav
{
float: left;
width: 150px;
margin: 0;
padding: 1em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.5em;
}

.leftnav h2
{
color: #ff0000;
}

.contentnav
{
display: block;
color: #00008b;
background-color: transparent;
width: 9em;
padding: .2em .8em;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.content
{
margin-left: 180px;
padding: 10px 5px 10px 5px;
max-width: 90em;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.5em;
}

.content h1
{
font-size: 1.9em;
color: #ff0000;
background-color: transparent;
margin-left: 10px;
}

.content h2
{
font-size: 1.5em;
color: #ff0000;
background-color: transparent;
margin-left: 10px;
}

.content h3
{
font-size: 1.3em;
color: #ff0000;
background-color: transparent;
margin-left: 10px;
}

.content p
{
margin-left: 10px;
margin-right: 15px;
text-align: justified;
}

.content span
{
font: 16px times new roman;
color: #00008b;
font-style: italic;
margin-left: 10px;
line-height: 1.2em;
}

.content ul
{
list-style-type: none;
margin-right: 10px;
}


.footer
{
width: 78%;
margin: 10px auto;
padding: .8em;
background-color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
color: #00008b;
border: 3px solid gray;
}

.leftnav p { margin: 0 0 2em 0; }

a:link, a:hover, a:visited
} 
text-decoration: none;
} 

a:link
{ 
color: #00008b; 
border-bottom: 1px solid #000000;
} 

a:hover
{ 
color: #ff0000; 
border-bottom: 1px solid #ff0000;
} 

a:visited
{ 
color: #00008b; 
border-bottom: 1px solid #006400;
} 

body
{
background-color: #c0c0c0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
color: #00008b;
margin-left: 10px;
}

.imagecontainer
{
width: 100%;
margin: 10px auto;
background-color: #ffffff;
color: #00008b;
border: 1px solid gray;
}

.imagecontainer p
{
margin-left: 10px;
margin-right: 15px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
}

.article {
	margin: 20px auto;
	border-bottom: 3px solid #00008b;
	border-right:3px solid #00008b;
    border-top:1px solid #00008b;
    border-left:1px solid #00008b;
	padding: 10px 10px 10px 10px;
	width: 90%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	}

.albumlist
{
 	padding:0;
	margin-left:0em;
	margin-right:1em;
	
}

.albumlist li
{
  	list-style:none;
  	float: left;
	margin-right:10px;
	margin-bottom: 20px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#00008b;
}

.albumlist img
{
  	display: block;
}

/***************************************************************************/
/* The following table layout is based on css coding from:    http://www.somacon.com/   */
/***************************************************************************/

table.sample {
	border-width: 2px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #00008b;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #00008b;
	background-color: white;
	-moz-border-radius: 0px;
}
table.sample td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #00008b;
	background-color: white;
	text-align:left;
	-moz-border-radius: 0px;
}
/**********************************************************************/
/* To insert a table in the HTML page the following code should be used:                  */
/* <table class="sample">                                                                                                  */
/*   <tr>                                                                                                                                */
/*	<th>Header</th>                                                                                                       */
/*	<td>Content</td>                                                                                                      */
/*    </tr>                                                                                                                            */
/* </table>                                                                                                                         */
/**********************************************************************/

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 400px;
height: 40px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
font-size: 1em;
text-align: left;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}