/* ------ Colours ------
 * black: #000000
 * white: #FFFFFF
 * light grey: #DCDCDC
 * dark grey: #323232
 * purple: #7A2AB4
 * green: #00566A 
 * --------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana;
}

html
{
	background-color: #323232;
	font-size: 0.8em;
	height: 100%;
}

/*------ Menu styling ------*/
#menu
{
	border-top: 5px solid #00566A;
	border-bottom: 5px solid #00566A;
	background-color: #323232;
	font-size: 1.1em;
}

#menu li
{
	display: inline;
	font-weight: bold;
	color: #FFFFFF;
}

#menu li.selected
{
	background-color: #00566A;
	padding: 5px 30px;
}

#menu li a
{
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px 30px;
}

#menu li a:hover
{
	background-color: #00566A;
}

#submenu
{
	float: right;
	clear: right;
	width: 190px;
	border: 3px solid #7A2AB4;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-size: 0.9em;
	text-align: center;
}

#submenu h3
{
	text-align: center;
	margin-top: 0px;
}

/*------ Body formatting ------*/

#container
{
	min-height: 100%;
	background-color: #DCDCDC;
	border-left: 5px solid #00566A;
	border-right: 5px solid #00566A;
}

/* For IE */
* html #container
{
	height: 100%;
}

body
{
	width: 768px;
	height: 100%;
	margin: 0px auto;
}

h1
{
	background: url(/logo.png) no-repeat left; 
	border-top: 5px solid #00566A;
	background-color: #7A2AB4;
	height: 58px;
	text-indent: -4000px;
	padding-top: 10px;
}

#content
{
	padding: 10px 30px 40px 30px;
	color: #323232;
}

h2, h3, h4, p
{
	margin-right: 240px;
}

h2, h3 
{
	font-size: 1.3em;
	font-weight: bold;
	margin: 15px 0px;
}

h2
{
	color: #7A2AB4;
}

h3
{
	color: #7A2AB4;
}

h4
{
	color: #00566A;
	font-size: 1em;
}

p
{
	padding-bottom: 10px;
}

.readmore
{
	font-size: 0.6em;
}

p.error
{
	font-size: 0.8em;
	color: #CC0000;
}

p.success
{
	font-size: 0.8em;
	color: #00CC00;
}

/*------ Body link styling ------*/

a:link, a:visited
{
	font-weight: bold;
	color: #00556A;
	text-decoration:none;
}

a:hover, a:active
{
	color: #7A2AB4;
	text-decoration: underline;
}

/* for read more links in headings */
h3 a:link, h3 a:visited
{
	color: #7A2AB4;
	text-decoration: underline;
}

strong a:link, strong a:visited
{
	color: #7A2AB4;
	text-decoration: underline;
}

/*------ Pull-box styling ------*/

.pull
{
	float: right;
	clear: right;
	width: 200px;
	border: 3px solid #00566A;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 0.9em;
	text-align: center;
}

.pull p
{
	font-size: 0.7em;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/*------ text styling ------*/

em, strong
{
	font-weight: bold;
	color: #00566A;
}

/*------ footer styling ------*/
#foot
{
	background-color: #00566A;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-top: -20px;

}

#foot a
{
	color: #dcdcdc;
	text-decoration: underline;
}

#foot a:hover
{
	color: #7a2ab4;
}

/*------ general list styling ------*/

#content ul
{
	padding-left: 1.5em;
	margin-right: 250px;
	list-style-type: none;
}

#content ul li
{
	background: url(/bullet.gif) no-repeat;
	padding-left: 15px;
}

#submenu ul
{
	margin-right: 0px;
	margin-bottom: 10px;
}

#submenu li.selected
{
	font-weight: bold;
}

#content ul#gallery
{
	list-style-type: none;
	margin-right: 0px;
}
#content ul#gallery li
{
	float: left;
	background: none;
	padding: 10px;
	display: block;
	width: 200px;
	height: 200px;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
	font-size: 0.8em;
}

ul#gallery li img
{
	border: 0px;
}

ul#spaced li
{
	padding-bottom: 10px;
}

div.spacer
{
	clear: both;
}

/*------ news comment styling -----*/
ul { margin-bottom: 10px; }
table.comment { width: 90%; margin: 5px auto; }
table.c0 { border: #7A2AB4 2px solid; }
table.c1 { border: #00566A 2px solid; }
table .auto { width: 250px; }
.center { text-align: center; }
hr { margin-right: 20px; }
td { vertical-align: top; }
pre { font-size: 1.1em; line-height: 0.7em; }