/*
   COLOUR INDEX
-------------------------------------------------------*/

/*
   BODY
-------------------------------------------------------*/
body {
   text-align: center;  
   font-size: 12px;
   font-family: Arial, sans-serif;
   color: #333;
   background-color:#FFF;  
   
   
}
#home{
background: url(../../fragments/css_100/bg-body.gif) repeat-x;
	
}
table, td, tr, th {
   line-height: 1.4;  
   font-size: 12px;
   font-family: Arial, sans-serif;
}
TABLE.table-right{ 
float:right;
margin-left:20px;
}
TABLE.table-left { 
float:left; 
margin-right:20px;
}

P.img-right{ 
float:right; 
margin-left:20px;
}
P.img-left { 
float:left; 
margin-right:20px;
}
img.img-right{ 
float:right;
margin-right:0px;
margin-left:20px;
margin-top:20px;
margin-bottom:20px;
}
img.img-left { 
float:left; 
margin-left:0px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
}
/*
   CLEARFIX
-------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings*/
h2, h3, h4, h5, h6 {
   font-family: Georgia, Times, serif;
   color: #03202F;
   /*color: #0046ad;*/
} 

h1 {
	text-indent: -9999px;
}

	/* requires w, h,  */
h1 a {
	   display: block;
	   width: 268px;
	   height: 158px;
	   position: absolute;
	   top: 0px;
	   left: 20px;
	   background: url(../../fragments/css_100/bg-h1.gif) no-repeat top left;
}

#col-2 h2 {
  font-size: 26px;   
  font-weight: normal;
  font-family: Georgia, Times, serif;
  color: #03202F;
   /*color: #0046ad;*/
 
}

#col-3 h2 {
  font-size: 26px;   
  font-weight: normal;
  font-family: Georgia, Times, serif;
  color: #03202F;
  margin-left:15px
   /*image gallery heading*/
 
}
#col-2 h3 {
   font-size: 20px;
   font-weight: normal;
   font-family: Georgia, Times, serif;
   color: #03202F;
   padding: 10 0 20 0;
   /*color: #0046ad;*/
}
#col-1 h3 {
   font-size: 17px;
   text-transform: uppercase;
   font-weight: bold;
   padding: 0;
}

#col-1 h4, #col-2 h4 {
   font-size: 14px;
   font-weight: bold;
   padding: 0 0 5px;
}
#col-1 h4 a {
	color: #005b82;
   /*color: #cc3333;*/
}

/*
.col-204 h4 {
   text-align: center;
   color: #a39b74;
}

*/

/* paragraphs etc. */
#col-1 p, #col-2 p, #footer p {
   line-height: 1.4;
   padding-bottom: 10px;
   font-size: 12px;
   font-family: Arial, sans-serif;
}
#col-1 p.paragraph{
	line-height: 1.4;  
   font-size: 12px;
   font-family: Arial, sans-serif;	
   padding-bottom: 10px;
}
/* subnav lists - usually have to put #content in front */
#content ul {
   line-height: 1.4;
   list-style: square outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

#content ol {
   line-height: 1.4;
   list-style: decimal outside;
   margin-left: 36px;
   padding-bottom: 15px;
}

/* links */
a, a:visited {
   text-decoration: none;
   color: #005b82;
   /*color: #0046ad;*/
}

a:hover {	 
   
}

a.mtroyal {
   display: block;
   text-indent: -9999px;
   width: 186px;
   height: 85px;
   background: url(../../fragments/css_100/link-mtroyal.gif) no-repeat top left;
   position: absolute;
   top: 15px;
   right: 0px;
}


/* horizontal rule */
div.hr {
	border-top: 1px dotted #a4a6a0;
	height: 10px;
	clear: both;
}

/*
   CONTAINER / 970px
-------------------------------------------------------*/
#container {
   width: 970px;
   margin: 0 auto;
   text-align: left;
}


/*
   BRANDING / 970px
-------------------------------------------------------*/
#branding {
	float: left;
	width: 970px;
	height: 112px;
	position: relative;
	background: transparent;
}

#countdown {
   width: 362px;
   height: 81px;
   padding: 33px 70px 0 62px;
   position: absolute;
   top: -10px;
   left: 146px;
}

* html #countdown { 
   top: 10px;
   left: 176px;
   /*IE hack*/ 
}
/*
   MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
   float: left;
	width: 970px;
	height: 58px;
	background: url(../../fragments/css_100/bg-mainnav-div.gif) no-repeat top left;
}

#mainnav ul {
   	width: 970px;
      padding-left: 298px;
}

#mainnav li { 
  float: left;
  position: relative;
}

#mainnav li:hover ul,
#mainnav li.sfHover ul { 
   display: block;
}

#mainnav li a {
   display: block;
   height: 34px;
   font-size: 12px;
   color: #fff;
   padding-top:15px;
   margin-left:0px;
   font-stretch:condensed;
	text-transform:	uppercase;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
}
* html #mainnav li a { 
padding-bottom: 15px;/*IE hack*/ 
}


/* TRADITION */
#mainnav li.tradition {
   width: 228px;
   text-align:center;
}

#mainnav li:hover.tradition, #mainnav li.tradition a:hover  {
   background: #b43f3c;
}

/* Legacy */
#mainnav li.legacy {
   width: 112px;
   text-align:center;
   margin-left:1px;
}

#mainnav li:hover.legacy, #mainnav li.legacy a:hover {
   background: #b43f3c;
}


/* Events*/
#mainnav li.events {
   width: 109px;
   text-align:center;
   margin-left:1px;
}

#mainnav li:hover.events, #mainnav li.events a:hover {
   background: #b43f3c;
}

/* MRC Now */
#mainnav li.mrc-now {
   width: 220px;
   text-align:center;
   margin-left:1px;
}

#mainnav li:hover.mrc-now, #mainnav li.mrc-now a:hover {
  background: #b43f3c;
}

/* Get Involved */
#mainnav li.get-involved {
   width: 124px;
   text-align:center;
   margin-left:1px;
}

#mainnav li:hover.get-involved, #mainnav li.get-involved a:hover {
   background: #b43f3c;
}

#mainnav li.get-involved li a {
   background: #598527;
   width: 205px;
}

/*
   CONTENT
-------------------------------------------------------*/
#content {
	float: left;
	width: 970px;
	padding-bottom: 100px;
	display: inline;
	background: url(../../fragments/css_100/bg-content.gif) no-repeat -1px 0;
}

/*
   COL-1 / 298px
-------------------------------------------------------*/
#col-1 {
   float: left;clear:both;
	width: 269px;
	padding: 19px 0 0 29px;
	background: url(../../fragments/css_100/bg-col-1.gif) no-repeat 0 0;
	font-size: 11px;
}
/*
   COL-2 / 644px
-------------------------------------------------------*/
#col-2 {
   float: left;
	width: 609px;
	padding: 0px 15px 0 20px;	
	font-size: 11px;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space:normal;
 	text-align:left;
}

#col-2 ul, li{
   font-size: 12px;
   font-family: Arial, sans-serif;
}


/*
   COL-3 / 700px image gallery 
-------------------------------------------------------*/
#col-3 {
   float: right;
	width: 650px;
	padding: 0px 4px 0px 0px;
	margin: 0px 7px 0px 0px;
 white-space:normal;
 text-align:left;
}

/*
   LEFT SUBNAV
-------------------------------------------------------*/
#subnav {
   width: 260px;
}

#subnav ul {
   margin:0;
   padding:0;
   width:260px;
}

#subnav li {
   list-style: none;
}

#subnav li a {
   display: block;
   width: 275px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
   font-size: 16px;
   text-transform: uppercase;
   font-weight:bold;  
   padding-left:15px;
   padding-top:5px;
   color:#1a4c6b;
   
}

/* leftnav */
#subnav li.leftnav a {
   height: 26px;
   background: url(../../fragments/css_100/bg-subnav1.gif) no-repeat;
   
}

#subnav li.leftnav a:hover {
   background: url(../../fragments/css_100/bg-subnav-rl1.gif) no-repeat;
   color:#ffffff;
   
}

/*
   MINICAL
-------------------------------------------------------*/
#minical {
   /*width: 260px;
   height: 187px;padding-top: 15px;*/
   width: 270px;  
   height: 593px;
   background: url(../../fragments/css_100/bg-nocal.gif) no-repeat top left; 
   z-index:0;
}


/*
   EVENTS
-------------------------------------------------------*/
#events {
   padding: 45px 0 0 15px; 
   width:250px;
 /*index:10;position:absolute;*/
}

#events .entry {
   padding: 10px 0 0;
   margin-right: 15px;
   border-bottom: 1px dotted #a4a6a0;
}


/*
   FOOTER
-------------------------------------------------------*/
#footer {
   float: left;
   width: 970px;
   height: 175px;
   padding-top: 40px;
   display: inline;
   background: url(../../fragments/css_100/bg-footer.gif) no-repeat top left;
   text-align: center;
   font-size: 11px;  
}

#footer a {
   text-decoration: underline;
   padding: 0 2px;
}

#footer a:hover {
   text-decoration: none;
}

.copyright {
   font-family: Georgia, Times, serif;
   font-weight: bold;
   color: #fff;   
}