/*
                                      .:::ccooooooooooocc::..
                           .:oCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCc:.
                    .cCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCo:
               .ooCCCCCCCCCCCCCCCCCCCCCCCCCoocc:...................::cooCCCCCCCCCo:
            cCOCCCCCCCCCCCCCCCCCCCCoc:.......................................:coCCCCCo:
        .cCCCCCCCCCCCCCCCCCCCCc::...................::ccooCCCCCoooocccccccc::......:cCCCCc
      :COCCCCCCCCCCCCCCCCoc................::coCCCCCo:.                             ...::oCC.
    :COCCCCCCCCCCCCCCCo:..............::ooCCCCoc                                          .:oC.
  .CCCCCCCCCCCCCCCCCc..............:oCCCCCo:                                                  .c
 :OCCCCCCCCCCCCCCCc.............:oCCCCCC:
.OCCCCCCCCCCCCCCo:............:CCCCCCo.
oCCCCCCCCCCCCCCo.:..........:oCCCCCC.
CCCCCCCCCCCCCCC:...........:CCCCCCC
oCCCCCCCCCCCCCC............oCCCCCC.
:CCCCCCCCCCCCCC............CCCCCCo
 :CCCCCCCCCCCCCc...........oCCCCCo
  :CCCCCCCCCCCCC:..........:CCCCCC.
    oCCCCCCCCCCCCc..........cCCCCCC
      oCCCCCCCCCCCCc..:......:oCCCCC:
        coCCCCCCCOCCCc:.....:..:oCCCCo.
           :oCCCCCCCCCCCc:........:oCCCC:
              .:CCCCCCCCCCCoc:.......:cCCCCc
                    :oCCCCCCCCCCoc:..:....:coCoc
                          .cCCCCCCCCCOCoc:.:..:..:cooc:.
                                    .:cooCCCCCCCCCCCoooooccc::.
+----------------------------------------------------------------------------------------------+
|                      Further Mathematics Network Cascading Style Sheet                       |
|                                            V1.0                                              |
|                                Last edited: 19/09/07 by Holt                                 |
+----------------------------------------------------------------------------------------------+

Holt's notes:
The best way to view the effects of a style sheet on the objects on the page itself is to use 
Firebug in Firefox.
https://addons.mozilla.org/en-US/firefox/addon/1843
It's a simple plugin that does wonders with displaying a webpage alongside it's HTML and CSS (and 
JavaScript etc.). Clicking a HTML element in the code displays the style properties associated 
with it and if more than one declaration applies, it shows which ones get overwritten by more 
specific declarations. Hovering over an element will also highlight the element in the displayed 
webpage.
This is extremely handy in finding out what refers to what, where and how.
You can even modify elements and properties on the fly to test things out.

Padding and margins can be very hard to get right. Keep trying and testing. Also things normally 
get messed up in IE6 or less. Be careful with this.
________________
End Holt's notes
*/
/* House cleaning */
* {padding:0;margin:0;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	}

/* -------------------------------------------------------------------------
 * BASE ELEMENTS LAYOUT
 * -------------------------------------------------------------------------
 */
#centerpage {
	width:980px;
	/* auto margins on left and right are the preferred method of centering a block */
	margin-left:auto;
	margin-right:auto;
	border:1px solid #B0B0B0;
	}
#nav_container, #big_container, #maintext, #rightcolumn {
	float:left;
	}
#footer {
	clear:both;
	text-align:center;
	border-top:1px solid #B0B0B0;
	margin:5px 5px 0 5px;
	padding:5px;
	}
#nav_container {
	width:175px;
	background-color:#CECFCE;
	border-top:1px solid #B0B0B0;
	border-right:1px solid #B0B0B0;
	border-bottom:1px solid #B0B0B0;
	padding-bottom:2px;
	margin-bottom:4px;
	}
/* Used to specify different width in up to date browsers. > child selector does not work in old browsers e.g. IE6.
Not needed in this case
#centerpage > #nav_container {
	width:146px;
	}
*/
#big_container {
	width:803px;
	margin-bottom:4px;
	}

/* -------------------------------------------------------------------------
 * GENERIC ELEMENT PROPERTIES
 * -------------------------------------------------------------------------
 */
/* Put properties in here that you wish to be applied generally across the whole site.
Properties specific to certain sections or pages should be written below with more specific selectors */
h1,h2,h3 {
	font-family:sans-serif;
	}
h1 {
	font-size:1.5em;
	font-weight:normal;
	border-bottom:1px solid #B0B0B0;
	margin:4px 0;
	padding-top:3px;
	padding-bottom:3px;
	}
h2 {
	font-size:1.2em;
	padding:0.8em 0 0.2em 0;
	border-bottom:1px solid #B0B0B0;
	margin:4px 0;
	}
h3 {
	font-size:1.2em;
	padding:0.8em 0 0.2em 0;
	}
p {
	padding:0.5em 0;
	}
a {
	color:#900;
	text-decoration:none;
	}
a:hover, a:active {
	text-decoration:underline;
	}
hr {
	border-style:solid none none none;
	border-color:#B0B0B0;
	}
table {
	border-collapse:collapse;
	width:100%;
	}
table th {
	font-size:110%;
	background:#F0F0F0;
	border:1px solid #b0b0b0;
	padding:4px 2px;
	}
table td {
	border:1px solid #b0b0b0;
	padding:2px;
	}
table.highlightrow tr {
	background:#fff;
	}
table.highlightrow tr:hover {
	background:#f2f2f2;
	}

.editable {
	color: #000;
	background-color: #ffffd3;
	}
.savecancel, .savecancel input {
	font-size:9px;
	}

/* -------------------------------------------------------------------------
 * HEADER
 * -------------------------------------------------------------------------
 */
/* Header image */
#header {
	background: url(images/logotop.gif) transparent no-repeat left top;
	height: 89px;
	width: 980px;
	margin:0;
	padding:0;
	border:none;
	}
/* Hides header text */
#header span {
	display: none;
	visibility: hidden;
	}

/* -------------------------------------------------------------------------
 * NAVIGATION
 * -------------------------------------------------------------------------
 */
#nav_container ul {
	list-style-type:none;
	}
#nav_container ul li {
	padding:2px;
	position:relative;
	width:170px;
	 border-top: 1px dotted #CECFCE; 
	border-bottom: 1px dotted #CECFCE;
	
	}
#nav_container h2 {
	color:#fff;
	background-color:#636563;
	font-size:1em;
	padding:2px;
	margin:0;
	}
/* Centers the region selection flash object and drop down list */
#nav_container > div:first-child+div+div > div {
	text-align:center;
	}
#nav_container select {
	font-size:90%;
	}
	
/* pop-out menus*/

#nav_container li:hover {
  border: 1px solid #900;   
  background-color: #AEAFAE;
}

#nav_container a:hover {
  text-decoration:none;
  background-color: #AEAFAE;
}

#nav_container ul ul {
  position: absolute;
  left: 172px;
  top: -1px;
  visibility: hidden;
}	

#nav_container ul ul li{
background-color:#CECFCE;
 border: 1px solid #900;
}


#nav_container li:hover ul, #nav_container li:hover li:hover ul {
  visibility: visible;
}
	
/* -------------------------------------------------------------------------
 * MAIN CONTENT
 * -------------------------------------------------------------------------
 */
#top_bar {
	color:#fff;
	background-color:#636563;
	font-size:1em;
	padding:3px 2px 2px 2px;
	border-top:1px solid #B0B0B0;
	border-bottom:1px solid #B0B0B0;
	text-align:right;
	}
#main {
	padding:5px;
	}
#main ul, #main ol {
	padding-left:30px;
	padding-bottom:4px;
	}

.quote {
	font-style:italic;
	}
.source {
	font-weight:bold;
	}
#main > .source {
	margin-top:5px;
	}
#main > .source.left {
	text-align:left;
	float:left;
	clear:right;
	}
#main > .source.right {
	text-align:right;
	float:right;
	clear:left;
	}
#main > .source img {
	width:100px;
	height:120px;
	border:1px solid black;
	}
/*#main > .quote {
	background:url(images/quote_a.gif) left top no-repeat transparent;
	padding-left:34px;
	}*/
#main > .quote.left {
	margin-left:110px;
	margin-right:0;
	clear:right;
	}
#main > .quote.right {
	margin-left:0;
	margin-right:110px;
	clear:left;
	}
/*#main > .quote p {
	background:url(images/quote_b.gif) right bottom no-repeat transparent;
	padding-right:34px;
	}*/

#main .column {
	width:47%;
	float:left;
	margin:5px;
	}
#main .column + p {
	clear:left;
	}
#main .staff {
	clear:left;
	}
#main .staff img {
	float:left;
	border:1px solid black;
	margin:5px 7px 5px 0;
	}

/* Specific to central column on index page
 * ---------------------------------------------- */
#maintext {
	width:600px;
	}
	

.box {
	float:left;
	width:287px;
	margin:2px;
	padding:3px;
	border:1px solid #980623;
	}
#maintext > .box {
	width:287px;
	}
#maintext .first {
	width:585px;
	}
#maintext > div.box:first-child {
	width:585px;
	}
.box h2 {
	font-size:1.1em;
	padding:3px 4px 3px 4px;
	background:#980623;
	color:#fff;
	margin-bottom:2px;
	margin-top:0;
	border:none;
	}
.box h2 a{
	color:#fff;
	text-decoration: none;
	}
.box h2 a:hover{
	color:#fff;
	text-decoration: none;
	}	
.box h2 a:visited{
	color:#fff;
	text-decoration: none;
	}	
.box h3 {
	padding-top:0.2em;
	}
	
/*add a thin border*/		
.thin_border {
	border: 1px solid #B0B0B0;
	margin-top: 2px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	}
	
/*plus box*/
.plus {
	float:left;
	width:590px;
	margin:2px;
	padding:3px;
	border:1px solid #CCCCCC;
	}
	
.pluss {
	float:left;
	width:145px;
	margin:2px;
	padding:3px;
	border:1px solid #CCCCCC;
	}	
.plusss {
	float:left;
	width:431px;
	margin:2px;
	padding:3px;
	border:1px solid #CCCCCC;
	}		
#maintext .plus {
	width:590px;
	}
#maintext > .plus {
	width:590px;
	}
.plus h2 {
	font-size:1.5em;
	padding:3px 4px 3px 4px;
	background:#CCCCCC;
	color:#000000;
	margin-bottom:2px;
	margin-top:0;
	border:none;
	}
.plus h2 a{
	color:#000000;
	text-decoration: none;
	}
.plus h2 a:hover{
	color:#000000;
	text-decoration: none;
	}	
.plus h2 a:visited{
	color:#000000;
	text-decoration: none;
	}	
.plus h3 {
	padding-top:0.2em;
	}	
	
.pluss h2 {
	font-size:1.5em;
	padding:3px 4px 3px 4px;
	background:#CCCCCC;
	color:#000000;
	margin-bottom:2px;
	margin-top:0;
	border:none;
	}
.pluss h2 a{
	color:#000000;
	text-decoration: none;
	}
.pluss h2 a:hover{
	color:#000000;
	text-decoration: none;
	}	
.pluss h2 a:visited{
	color:#000000;
	text-decoration: none;
	}	
	

.plusss h2 {
	font-size:1.5em;
	padding:3px 4px 3px 4px;
	background:#CCCCCC;
	color:#000000;
	margin-bottom:2px;
	margin-top:0;
	border:none;
	}
.plusss h2 a{
	color:#000000;
	text-decoration: none;
	}
.plusss h2 a:hover{
	color:#000000;
	text-decoration: none;
	}	
.plusss h2 a:visited{
	color:#000000;
	text-decoration: none;
	}		
	
/* Specific to right column on index page
 * ---------------------------------------------- */
#rightcolumn {
	width:180px;
	background-color:#CECFCE;
	border:1px solid #B0B0B0;
	padding:2px 2px 2px 1px;
	margin:2px 0 0 5px;
	}
#rightcolumn h3 {
	border-bottom:1px solid #B0B0B0;
	margin-top:10px;
	margin-bottom:3px;
	padding:0;
	}
#rightcolumn p {
	padding:2px 0;
	}
#rightcolumn .quote + .source {
	font-size:90%;
	}
#rightcolumn .quote + .source + p {
	font-size:90%;
	}
	
/* Specific to full width page
 * ---------------------------------------------- */
#fullwidth {
	width:590px;
	}
	
	
/* Specific to register page
 * ---------------------------------------------- */
#main .register {
	background-color:#efefef;
	width:100%;
	padding:5px 2px;
	}
#main .register td.spec, .cent {
	text-align:center;
	}
#main .register td.spec input {
	margin:2px 0 4px 0;
	}
	
/*forum*/
#clear {clear: both;}

#forum_td {
border: 1px solid #B0B0B0;
padding:3px;
margin:0px;
}

#forum_author{
background-color:#efefef;
border:1px solid #b0b0b0;
}

.forum_subject{
font-weight:bold;
}


/* Managers' Photos */
#photoContainer {
	margin:0;
	padding:0;
	}

.photoList {
	list-style-type:none;
	margin:0;
	padding:0 !important;
	}
.photoList li {
	float:left;
	border:solid 1px #ccc;
	width:46%;
	height:265px;
	margin:10px 1% 10px 1%;
	padding:5px;
	text-align:center;
	}
.photoList img {
	margin:5px;
	height:141px;
	width:141px;
	}

	
/*guide header*/
.guide h2 {
	font-size:1.1em;
	padding:3px 4px 3px 4px;
	background:#980623;
	color:#fff;
	margin-bottom:2px;
	margin-top:2px;
	border:none;
	}
	
.guide img{
 	border:1px solid #B0B0B0;
	margin:5px;
	padding:5px;
	}

/*stm challenge site*/
a.notfull {
	color:blue;
	}
tr.full {
	color:red;
	}