/*********************************************************
 **   RoseRoad.org.uk
 **   Stylesheet (C) 2009 The Rose Road Association
 **   Site by Richard Gomer, www.richardgomer.co.uk
 *********************************************************/

html, body
{
padding: 0;
margin: 0;
}

body
{
background: url(img/page_bg.png) #bdc9cc;
background-repeat: repeat-x;

font-size: 14px;
font-family: helvetica, sans-serif;

padding: 0 0 30px 0 ;

text-align: center;
}

#page
{
text-align: left;
width: 950px;
margin: 0 auto 0 auto;
position: relative;
padding-right: 20px;
}

#top
{
height: 134px;
margin-bottom: 0px;
padding-top: 30px;
background: url(img/top_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
overflow: hidden;
}

	#top_rborder
	{
	display: block;
	position: static;
	float: right;
	width: 0;
	height: 35px;
	border-right: 1px solid #c90101;
	margin-top: 100px;
	}
	
	#logo
	{
	margin: 30px 0 0 0;
	float :left;
	}
	
	#ticker
	{
	width: 533px;
	float: left;
	overflow: hidden;
	color: #c90101;
	font-size: 14px;
	margin: 80px 0 0 0;
	}
	
		#tickertext
		{
		white-space: nowrap; 
		padding-left: 500px; 
		display: block; 
		overflow: hidden;
		margin-left: 0px;
		width: 2500px;
		}

#middle
{
position: relative;
z-index: 20;
padding-top: 5px;
background: #fff;
border-right: 1px solid #c90101;
border-left: 1px solid #c90101;
overflow: visible;
margin-left: 22px;
}

	#menu
	{
	width: 140px;
	padding-right: 1%;
	position: static;
	float: left;
	margin-left: -22px;
	}
	
		#menu ul
		{
		list-style-type: none;
		padding: 0;
		margin: 15px 0 0 0;
		}
		
		#menu ul li
		{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 0 3px 0;
		}
		
		#menu ul li a
		{
		display: block;
		line-height: 15px;
		background: #c90101;
		margin: 0 0 0 0;
		padding: 2px 10px 6px 4px;
		color: #fff;
		text-decoration: none;
		text-align: right;
		}
		
			#menu ul li a:hover
			{
			background: #a00000;
			}
			
		#menu ul ul
		{
		margin: 3px 0 0 10px;
		}
		
			#menu ul ul li a
			{
			background: #333;
			}
			
			#menu ul ul li a:hover
			{
			background: #111;
			}
	
	#content
	{
	background: #fff;
	width: 788px;
	padding: 15px 1% 5px 0;
	position: static;
	float: right;
	overflow: auto;
	}
	
#bottom
{
margin-left: 22px;
padding: 4px;
border: 1px solid #c90101;
border-top: 0;
background: #fff;
}

	#footerbox
	{
	background: url(img/bottom.png) #930303;
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #fff;
	padding: 4px 15px 4px 15px;
	font-size: 12px;
	}
	
		#footerbox img
		{
		margin-top: 16px;
		}
	
		#footerbox a
		{
		color: #fff;
		}
		
		.small
		{
		font-size: 10px;
		}
	
		.c33
		{
		position: static;
		float: left;
		width: 32%;
		padding: 0 0.5% 0 0.5%;
		}
	
	#smallprint
	{
	font-size: 10px;
	color: #666;
	overflow: auto;
	}
	
		#smallprint a
		{
		color: #666;
		}
	
	
	.left50, .right50
	{
	position: static;
	width: 50%;
	padding: 2px 0 2px 0;
	margin: 0;
	}

	.left50
	{
	float: left;
	}

	.right50
	{
	float: right;
	text-align: right;
	}

/*** CML Box ***/

#cmlbox
{
position: relative;
float: right;
top: 3px;
margin-right: 20px;
}

  #cmlbox img
  {
  border: 0;
  }


/*** Page Components ***/

.pageleft
{
width: 591px;
margin: -3px 5px 0 0;
padding: 0;
float: left;
}

.pageright
{
width: 190px;
padding: 0;
margin: -6px 0 0 0;
float: right;
}


#content .banner
{
margin: 3px 6px 0 0;
padding: 0;
overflow: hidden;
height: 225px;
background: url(img/bg_red.png) #a80202;
background-repeat: repeat-y;
color: #fff;
}

  #content .banner img
  {
  position: static;
  float: none;
  margin: 0;
  }

  #content .banner .bannercol
  {
  float: left;
  width: 49.5%;
  padding: 0;
  margin: 0;
  }

    #content .banner .bannercol p
    {
    padding: 5px 10px 5px 10px;
    }
    
    #content .banner .bannercol h1
    {
    padding: 10px 5px 0 10px;
    }
    
  #events
  {
  font-size: 12px;
  }

    #events h2
    {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 14px;
    }

    #events div
    {
    border: 1px solid #a80202;
    margin-bottom: 4px;
    }

      #events div h3
      {
      margin: 0;
      padding: 2px 0 5px 2px;
      color: #fff;
      background: #a80202;
      font-size: 12px;
      font-weight: normal;
      }
      
    #content #events img
    {
    float: none;
    text-align: center;
    margin: 5px 15px 5px 15px;
    }
    

.feature
{
width: 191px;
margin: 5px 6px 0 0;
padding: 0;
background: #a80202;
min-height: 330px;
float: left;
overflow: hidden;
color: #fff;
}

  #content .feature img
  {
  padding: 0;
  margin: 0;
  display: block;
  float: none;
  }

  .feature h2
  {
  margin: 0;
  padding: 3px 5px 5px 5px;
  background: #333;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  }
  
  .feature p
  {
  margin: 0;
  }
  
  .feature a
  {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #999;
  }

/*** Headings / Paragraphs ***/
p
{
padding: 3px;
margin: 5px 0 4px 0;
}

h1
{
margin: 0 0 4px 0;
padding: 3px;
clear: both;
}

h2, h3, h4
{
margin: 5px 0 4px 0;
padding: 3px;
clear: both;
}

h1 img
{
padding: 0;
margin: 5px 0 0 5px;
}

a img
{
border: 0;
}

form
{
margin-top: 15px;
}

  label
  {
  display: block;
  border-bottom: 1px solid #ccc;
  margin: 5px 0 2px 0;
  width: 250px;
  }
  
  textarea, input[type="text"], select
  {
  width: 90%;
  padding: 2px;
  border: 1px solid #bbb;
  display: block;
  }
  
 a
 {
 color: #a80202;
 }

.col50
{
float: left;
width: 48%;
margin-right: 1%;
}

#content img
{
float: right;
clear: both;
margin: 5px 7px 0 7px;
}

  #content img.nofloat
  {
  float: none;
  }

.rightimagebox, .leftimagebox, .imagebox
{
border: 1px solid #a80202;
padding: 3px;
clear: both;
}

#content img.leftimagebox
{
float: left;
}

  #content .imagebox img
  {
  float: none;
  display: block;
  margin: 0;
  }

.box
{
background: #a80202;
color: #fff;
padding: 5px;
margin: 5px 0 3px 0;
}

.box a
{
color: #fff;
}

.megaquote
{
font-size: 14px;
border: 1px solid #a80202;
float: right;
padding: 3px;
margin: 5px;
width: 25%;
color: #333;
font-weight: bold;
text-align: center;
}

img.icon
{
float: right;
}

.box h3
{
clear: none;
}


table
{
border: 1px solid #aaa;
padding: 3px;
border-spacing: 0;
}


  td
  {
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  text-align: center;
  }

  thead
  {
  background: #a80202;
  color: #fff;
  font-weight: bold;
  margin: -3px -3px 0 -3px;
  }

  thead td
  {
  border: 0;
  }

form table
{
border: 0;
}

  form table td
  {
  border: 0;
  text-align: left;
  }