/* GENERAL SPECS */

/* set colours for light and dark colour scheme */
.light {
   background-color: #b2cfe6;
}

.dark {
   background-color: #336699;
}

/* minor change for epic */

.epicdark {
   background-color: #3399cc;
}

.ccsgreen {
   background-color: #009933;
}

.ccsgreen2 {
   background-color: #33cc66;
}

.mrcred {
   background-color: #cc3366;
}

/* set standard font and color */
body {
   font-family: Arial, Verdana, Geneva, sans-serif;
   background-color: white;
   font-size: 75%;
   line-height: 16px;
   text-align: center;
}

form {
   margin: 0px;
}

/* make input boxes and button look a bit better */
input {
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 1em;
   border: 1px solid #000000;
}

select {
   font-size: 0.9em;
}

hr {
  	height: 0;
	border-style: solid;
 	border-color: #666;
 	border-width: 1px 0 0 0;
	margin: 5px 0px 10px 0px;
}

/* outer casing for whole page - the margins keep the content centred as the user resizes the window */
#contentElement {
   position: relative;
   top: 0px;
   width: 770px;
   margin: 0 auto;
   text-align: left;
}

#strap {
	background-color: #CCC;
}

/* these are here to align everything properly */
#content, #strap, #title, #breadcrumb {
   text-align: left;
}
img {
	border: 0px;
}
/* ---------------------------------------------------- */

/* PRIMARY NAVIGATION */

/* bold links in secondary nav section */
#primary_nav a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}
/* ---------------------------------------------------- */

/* BREADCRUMB */

/* make breadcrumb links smaller */
#breadcrumb {
   text-decoration: none;
   font-size: 0.9em;
}

/* ---------------------------------------------------- */

/* SECONDARY NAVIGATION */

#secondary_nav {
   position: relative;
   width: 160px;
   margin: 10px 0 10px 10px;
}

/* create a nice gap between heading and nav links*/
#secondary_nav p{
   margin: 0 0 10px 0;
   font-size: 1.1em;
}

/* create a margin around any images in the 2nd nav section*/
#secondary_nav img{
   margin: 15px 0 0 0;
}

#secondary_nav ul{
   /* Mac IE5.2 has trouble aligning images that have replaced bullets, so turn off lists and use background images */
   list-style: none;
   margin: 0px 0px 15px 0px;
   padding: 0;
}		
		
#secondary_nav li{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( ../images/str/link_dots_a.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}

/* sub menus */
#secondary_nav ul ul{
   position: relative;
   /* the right margin ensures the horz dotrs remian consistant*/
   margin: 0 3px 0 0;
   padding: 5px 0 0 5px;
}

/* place a different bg image for sub-menu items*/
#secondary_nav ul ul li{
   background: url( ../images/str/link_dots_a2.gif ) no-repeat 0 0px;
}

/* place a different bg image for sub-sub-menu items*/
#secondary_nav ul ul ul li{
   background: url( ../images/str/link_dots_a3.gif ) no-repeat 0 0px;
}

/* bold links in secondary nav section */
#secondary_nav a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

/* ---------------------------------------------------- */

/* MAIN TEXT */

/* set size for headings */
#main_text h3{
   font-size: 1.1em;
   font-weight: bold;
   margin: 0 0 -10px 0;
}
#main_text img {
	margin: 0px 0px 10px 0px;
}

/* ---------------------------------------------------- */

/* RIGHT HAND COLUMN */

#rh_column {
   float: right;
   margin: 10px 0 0 0;
}
/* ---------------------------------------------------- */

/* CLASSES */

/* outline box - for images in right-hand column */
.box {
   border: 1px solid #666666;
}

/* smaller text for sporadic use where necessary*/
.small {
   font-size: 0.9em;
   line-height: 16px;
}

/* set size for page title */
.pagetitle {
   font-size: 1.4em;
   font-weight: normal;
   line-height: 20px;
}

/* centred page title occasionally useful*/
.pagetitle-centre {
   font-size: 1.4em;
   font-weight: normal;
   line-height: 20px;
   text-align: center;
}

/* centred red page title for emphasis*/
.pagetitle-centre-red {
   font-size: 1.4em;
   font-weight: normal;
   line-height: 20px;
   text-align: center;
   color:#F00;
}

/* highlight certain paragraphs */
.highlight 
	{
	display: block;
	background-color: #DCEAF2;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 1px dashed #000;
	}
#home_image
	{
	background: url( ../images/new_building.jpg ) no-repeat 0 0;
	width: 380px;
	height: 220px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
#home_links
	{
	position: relative;
	top: 125px;
	display: block;
	font-size: 0.9em;
	}
.homepage_box 
	{
	display: block;
	background-color: #FFF;
	margin: 0px 0px 5px 5px;
	padding: 1px 0px 2px 5px;
	width: 165px;
	}
.home_link
	{
	border: 1px solid #666;
	padding: 0px 5px 1px 5px;
	}
* html body .home_link
	{
	margin: 10px 0px 0px 0px;
	}
.home_link_last
	{
	border: 1px solid #666;
	padding: 0px 5px 1px 5px;
	}
* html body .home_link_last
	{
	margin: 10px 0px 10px 0px;
	}
.left
	{
	text-align: left;
	}
.top
	{
	text-align: right;
	}
/* ---------------------------------------------------- */

/* LINKS */

/* normal links */
a {
   text-decoration: none;
   line-height: 16px;
}

a:link {
   color: #005482;	
}

a:visited {
   color: #005482;
}

a:hover {
   color: #990000;
}

a:active {
   color: #005482;
}

/*ordered lists*/

ol li {margin-bottom:10px}