/********************************************************************************/
/* general styles */

/* Colours:
	Gold = CC9933
	Purple = 330033	
	Pink = CCCCCC
	background-color: #6B0C22;

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	background-color: #000000;
	line-height: 18px;
	margin:0px;
	padding:0px;
	text-align:center;
   }

/********************************************************************************/
/* links start */

a {
	color: #CCCCCC;   /* Pink. */
	text-decoration: none;
   }

a:visited {
   }

a:hover {
	color: #CC9933;   /* Gold. */
	text-decoration: none;
   }
	
/********************************************************************************/
/* text styles */

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, serif;
	font-weight: normal;
   }

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #CC9933;  /* Gold. */
	margin:0px;
   }

h2 {
	font-size: 20px;
	color: #CC9933;  /* Gold. */
   }

h3 {
	font-size: 16px;
	color: #CC9933;  /* Gold. */
   }

h4 {
	font-size: 14px;
	color: #CC9933;  /* Gold. */
	margin:0px;
	padding:0px;
   }

h4 a {
	color: #CC9933;  /* Gold. */
	text-decoration: none;
   }

.body {
	font-size: 14px;
	color: #CCCCCC;  /* Pink. */
	margin:0px;
	padding:0px;
   }

.quote {
	font-size: 14px;
	font-style: italic;
	color: #CC9933;  /* Gold. */
	margin:0px;
	padding:0px;
   }

.ref {
	font-size: 10px;
	color: #CCCCCC;  /* Pink. */
	margin:0px;
	padding:0px;
   }
	
.menu {
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;  /* Pink. */
   }

.menu a {
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;  /* Pink. */
   }

.menu a:hover {
	font-size: 16px;
	color: #CC9933;  /* Gold. */
	text-decoration: none;
   }

.foot {
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;  /* Pink. */
   }

/********************************************************************************/
/* site specific colours */

.pink {
	color: #FF3366;
   }

.pinki {
	font-style: italic;
	color: #FF3366;
   }

.pinkb {
	color: #FF3366;
	font-weight: bold;
   }

.pinkbi {
	font-style: italic;
	font-weight: bold;
	color: #FF3366;
   }

.green {
	color: #336633;
   }

.greeni {
	font-style: italic;
	color: #336633;
   }

.greenb {
	color: #336633;
	font-weight: bold;
   }

.greenbi {
	font-style: italic;
	font-weight: bold;
	color: #336633;
   }

/********************************************************************************/
/* layout styles */

#page{
	width: 760px;
	margin-top: 10px;
	/* margin-right: auto; */
	margin-bottom: 10px;
	margin-right: auto;
	/* margin-left: 132px; */
	margin-left: auto;
	border: 5px solid #CC9933;
	/* background-color: #330033; */
	background: url("images/web-background.gif");
	background-repeat:no-repeat;
	background-color: #6B0C22;
	text-align:center;
   }

#logo {
	float:left;
   }
			
#content {
	width: 720px;
	padding:20px;
   }

#column1{
	float:left;
	width:49%;
	padding-right:10px;
	background-color: #FFFFFF;
   }

#column2{
	float:left;
	width:48%;
	padding-left:10px;
	background-color: #FFFFFF;
   }	

/********************************************************************************/
/* menu navigation */

#navigation {
	width: 220px;
	float: left;
	font-family: Arial, Helvetica, serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333; /* Dark Grey */
	line-height: 20px;
	margin-top: 0px;
	margin-left:10px;
	padding-left:0px;
	/* background-color: #FFFFCC; */ /* Light Yellow */ /* CCCC66 Pale Green */
   }

#navigation h2 {
	font-size: 16px;
	color: #333333; /* Dark Grey */
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 10px;
   }

#navigation a {
	color: #333333; /* Dark Grey */
	text-decoration: none;
   }

#navigation a:hover {
	color: #333333; /* Dark Grey */
	text-decoration: underline;
   }

#navigation a:visited {
	color: #333333; /* Dark Grey */
   }

#navigation ul {
	margin-left:15px;
	padding-left:0px;
	margin-top: 0px;
	list-style-type: none;
   }

#navigation li {	
	margin-left:0px;
	padding-left:0px;
   }


/********************************************************************************/
/* footer */

#footer {
	align: right;
	text-align:right;
	font-size: 10px;
	color: #000000;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 0px;
	padding: 10px 0px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	/* margin-right:220px; */
	/* margin-left:200px; */
   }

/********************************************************************************/
/* other styles */

.right {
	text-align: right;
   }

.indentp {
	margin-left: 15px;
	margin-top: 10px;
   }

.tinytext {
	padding-top: 0px;
	font-size: xx-small;
	padding-bottom: 0px;
   }

.text11 {
	font-size: 11px;
   }
 
.text12 {
	font-size: 12px;
   }

.text14{
	font-family: Arial, Helvetica, serif;
	font-size: 14px;
	color: #333333; /* Dark Grey */
   }

.text15 {
	font-size: 15px;
	font-weight: bold;
	color: #333333; /* Dark Grey */
   }
	
.padding {
	padding-top: 10px;
   }

.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 13px;
	width: 125px;
	padding: 3px;
   }

.li-nopad {
	margin:0px;
	padding:0px;
   }

.nopad {
	padding:0px;
   }

.lopad {
	padding:-10px;
   }

/********************************************************************************/