/* @override http://1nc.co.uk/pc-citadel/stylesheets/main.css */

/* @override http://1nc.co.uk/pc-citadel/stylesheets/main.css */

/*******************************************************************
 main.css

 As much as is possible, the styles are arranged chronologically
 according to where they occur on the html page.

 Styles are organised into the following sections:

  html
  layout
  active styles
  tabbed nav bars
  events calendar
  display

*********************************************************************/
/* Alan Chard - inspired by and with acknowlegements to Ian Grivois */

/************************
redefined html tags
************************/

body {
	border-bottom: 1px solid #676767;
	background-color: #FFF;
	margin: 0;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
}
/* setting the font size to 62.5% makes 1em display at 10px in all browsers */
/* now 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. */
h1 {
	padding: .3em 0 0 0;
	font-weight: bold;
	font-size: 2.5em;
	color: purple;
	margin-top: 0.2em;
	margin-bottom: 0.5em;

}	
h2 {
	padding: .2 em 0 0 0;
	font-size: 1.8em; 
	color: #5b007c;
	margin-top: 0.4em;
	margin-bottom: 0;
} 	
h3 {
	margin-left: 1em;;
	padding: .1em 0 0 0;
	font-size: 1.6em;
	color: #7c2a5f;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
}
h4 {
	padding: .1em 0 0 0;
	font-size: 1.4em; 
	color: #7c2a5f;
} 	
h5 {
	padding: 0 0 0 2em;
	font-size: 1.3em; 
	color: #7c2a5f;
}  	
h6 {
	padding: 0 0 0 2em;
	font-size: 1.2em; 
	color: #333333;
	font-style: italic;
} 	
p {
	font-size: 1.2em; 
	color: #333333;
	padding-top: 0px;
	padding-bottom: 0;	
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	line-height: 1.4em
}
li {
	font-size: 1.2em;
	color: #333333;
	padding-bottom: 0;
	line-height: 1.3em;
}
ul {
	list-style: url(../images/arrow.gif);
}
ol li {
	padding-top: 5px;
	margin-left: -17px;
}
input, select, li li, li p, blockquote p, blockquote {
	font-size: 1em; 
	color: #333333;
}   /* This ensures these tags don't reduce from the sizes inherited */
	/* DO NOT MODIFY this one, even if you are enlarging the other type sizes */
th, td {
	font-size: 1.15em; 
	color: #333333;
}   /* This ensures these tags don't reduce from the sizes inherited */
	/* DO NOT MODIFY this one, even if you are enlarging the other type sizes */
td td,
td td p,
td p {
	font-size: 1em; 
	color: #333333;
}   /* This ensures these tags don't reduce from the sizes inherited */
	/* DO NOT MODIFY this one, even if you are enlarging the other type sizes */
pre {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 0;	
	margin: 0;
}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	} 
input, textarea {
	background-color: #FFFFFF;
	color: #666666;
	}
input:focus, textarea:focus {
	color: #000000;
	background-color: #E7ECF3;
	}


/************************
layout 
************************/

#container {
	width: 800px;
	border-right: 1px solid #676767;
	border-left: 1px solid #676767;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
	
/********** MAIN site header section ***********/
#header {	
	height: 130px;
	margin: 0;
	/*padding: 0 20px 10px 10px;*/
	background-color:#fcfbb8;
	background-position:bottom left;
	background-image:url(../images/logos/logo.gif);
	background-repeat:no-repeat;
	color: #fcfbb8;
}
#header h1 {
	display:block;
	background-color: transparent;
	margin:0 0 0 0;
	padding: 8px 20px 0 40px;
	/*height: 7.5em;*/
	font-size: 3em;
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
	color: purple;
	}
#header h2 {
	display:block;
	background-color: transparent;
	margin:0 0 0 0;
	padding: 8px 20px 0 40px;
	/*height: 7.5em;*/
	font-size: 2em;
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
	color: purple;
	}

	
/*********** GENERAL styles that apply to all pages ***********/
#body {
	clear: both;
	padding: 5px 20px 20px 30px;
	}
#content {
	padding-left: 408px;
	}
#float-left {
	float: left;
	width: 390px;
	}
#column1 {
	padding-left: 100px;
	padding-right: 100px;
	}
#footer {
	clear: both;
	padding-top: 20px;
	height: 2em;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer li {
	display: inline;
	border-left: 1px solid #666666;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 9px;
}
#footer li.no-border {
	border: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-left: 0;
}


/************************
active styles 
************************/
	
a:link, a:visited {
	color: #014798;
	text-decoration: none;
}
a:hover {
	color: #0077FF;
	text-decoration: underline;
}
a:active {
	color: #000000;
}


/************************
tabbed navigation bars 
************************/


ul.border-bottom li{
    border-bottom: 1px solid #676767;
    }

/*********** top navigation for the MAIN links ***********/
#top-nav1{
	background-color: transparent;
	background-image:  url("../ex_r/images/pixel_gray.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	clear: both;
	float: left;
    width: 100%;
	line-height:normal;
}
#top-nav1 ul {
    margin:0;
    padding: 3px 10px 0 20px;
    list-style:none;
}
#top-nav1 li {
	float: left;
	display: inline;
	list-style-type: none;   
	margin: 0;
    padding: 0 0 0 7px;	
	background-image:  url("../images/tabs/tab_left_lemon.gif");	
	background-repeat: no-repeat;	
	background-position: left top;	
    }
#top-nav1 a {
    background-image:  url("../images/tabs/tab_right_lemon.gif");
	background-repeat: no-repeat;	
	background-position: right top;
	display: block;
	white-space: nowrap;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;

	font-weight:bold;

	font-size: 1em;
    padding: 7px 12px 3px 6px;
	float: left; /* for IE5-Mac */
    }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
  #top-nav1 a {float: none;}
/* End IE5-Mac hack */
#top-nav1 a:link, #top-nav1 a:visited {
    background-image:  url("../images/tabs/tab_right_lemon.gif");
	background-repeat: no-repeat;	
	background-position: right top;
	color: purple;
}
#top-nav1 a:hover {
    color:purple;
	text-decoration: underline;
    }
/* IE6-PC doesn't see the following */
html>body #top-nav1 a:hover {
    color:purple;
	text-decoration: none;
    }
#top-nav1 li:hover, #top-nav1 li:hover a {
    color:purple;
	text-decoration: underline;
    }
html>body #top-nav1 li:hover,html>body  #top-nav1 li:hover a {
    color:purple;
	text-decoration: none;
	background-image:  url("../ex_r/images/tab_left_gray.gif");
	background-repeat: no-repeat;	
	background-position: left top;    
	}
html>body #top-nav1 li:hover a {
	background-image:  url("../ex_r/images/tab_right_gray.gif");
	background-repeat: no-repeat;	
	background-position: right top;
    }
#top-nav1 .current {
	background-image:  url("../ex_r/images/tab_left_white.gif");
	background-repeat: no-repeat;	
	background-position: left top;
    border-width: 0;
    }
#top-nav1 .current a {
    background-image:  url("../ex_r/images/tab_right_white.gif")!important;
	background-repeat: no-repeat;	
	background-position: right top;
	color:purple;
    padding-bottom: 4px;
    }
#top-nav1 .current a:hover {
	color:purple;
	text-decoration: none;
    }
/* Special styles for the tabs */
#top-nav1 .current2 {
	background-image:  url("../ex_r/images/tab_left_gray.gif");
	background-repeat: no-repeat;	
	background-position: left top;
    border-width: 0;
    }
#top-nav1 .current2 a {
    background-image:  url("../ex_r/images/tab_right_gray.gif")!important;
	background-repeat: no-repeat;	
	background-position: right top;
	color:purple;
    padding-bottom: 4px;
    }
html>body #top-nav1  li:hover.current2 {
	background-image:  url("../ex_r/images/tab_left_gray.gif");
	background-repeat: no-repeat;	
	background-position: left top;
    }
	
/*********** RAC's stuff to build in the dropdowns *************/

#top-nav1 ul li ul {
	clear: both;
	background: white;
	display:none;
}

#top-nav1 ul li ul li{
	clear: both;
	background: white;
	display:none;
}
#top-nav1 ul li ul li a:hover {
    display:inline;
	color:purple;
	text-decoration: underline;
    }

	
/*********** Level 3 navigation ***********/
#top-nav3 {
	background-color: #FFF;
	background-image:  url("../ex_r/images/pixel_gray.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	clear: both;
	float: left;
    width: 100%;
	line-height:normal;
}
#top-nav3 ul {
    margin:0;
    padding: 3px 10px 0 30px;
    list-style:none;
}
#top-nav3 li {
	float: left;
	display: inline;
	list-style-type: none;   
	margin: 0;
    padding: 0 0 0 7px;	
	background-image:  url("../ex_r/images/tab_left_white.gif");	
	background-repeat: no-repeat;	
	background-position: left top;	
    }
#top-nav3 a {
    background-image:  url("../ex_r/images/tab_right_white.gif");
	background-repeat: no-repeat;	
	background-position: right top;
	display: block;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: .9em;
    padding: 7px 12px 3px 6px;
	float: left; /* for IE5-Mac */
    }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#top-nav3 a {float: none;}
/* End IE5-Mac hack */
#top-nav3 a:link, #top-nav3 a:visited {
    background-image:  url("../ex_r/images/tab_right_white.gif");
	background-repeat: no-repeat;	
	background-position: right top;
	color: #333333;
}
#top-nav3 a:hover {
    color:#0077FF;
	text-decoration: underline;
    }
/* IE6-PC doesn't see the following */
html>body #top-nav3 a:hover {
    color:#333333;
	text-decoration: none;
    }
#top-nav3 li:hover, #top-nav3 li:hover a {
    color:#0077FF;
	text-decoration: underline;
    }
/* IE6-PC doesn't see the following */
html>body #top-nav3 li:hover,html>body #top-nav3 li:hover a {
    color:#333333;
	text-decoration: none;
	background-image:  url("../ex_r/images/tab_left_white.gif");
	background-repeat: no-repeat;	
	background-position: left top;    
	}
html>body #top-nav3 li:hover a {
	background-image:  url("../ex_r/images/tab_right_white.gif");
	background-repeat: no-repeat;	
	background-position: right top;
    }
#top-nav3 .current {
	background-image:  url("../ex_r/images/tab_left_white.gif");
	background-repeat: no-repeat;	
	background-position: left top;
    border-width: 0;
    }
#top-nav3 .current a {
    background-image:  url("../ex_r/images/tab_right_white.gif")!important;
	background-repeat: no-repeat;	
	background-position: right top;
	color:#333333;
    padding-bottom: 4px;
    }
#top-nav3 .current a:hover {
	color:#333333;
	text-decoration: none;
    }
	
/************************
display styles
************************/


.heading-underline {
	clear: right;
	padding: 1em 0 .6em 0;
	margin: 0;
	background:  url("../images/tabs/hr_6B9D7D.gif") repeat-x bottom;
	font-weight: normal;
	}
.photo-float {
	float: left;
	width: 100%;
	margin: 14px 0 15px 0;
	} 
.photo-float p{
	/*text-align: center;*/
	color: #333333;
	margin-top: 6px;
}   
.photo {
	padding: 6px;
	background-color: #EDE8CC;
	border: 1px solid #CFCAAE;
	}
.photo p {
	padding: 6px 0 0 0;
	margin: 0;
	}
#float-left img {
	border: 1px solid #DDDDDD;
	}
.above-10px {
	padding-top: 10px;
	margin-top: 0;
	}
.red {
	color: #f00;
	}
.highlight {
	background-color: #DEE7F1;
	}
.noSpaceAbove {
	padding-top: 0;
	margin-top: 0;
	}
.subtitle {
	font-size: .8em;
	}
ul.announcements  {
	list-style: url(../images/arrow.gif);
	}
ul.announcements li {
	list-style: url(../images/arrow.gif);
	margin-left: -27px;
	}