/*
----- HEX Decimal Main Codes: Purple (#660099) Yellow (#FFCC00;) -----------------
*/

/*
----- HTML: Body Tags: Black Background (BODY) -----------------
*/

body {
background-color:#000;
}

/*
-ALIGNMENT: "Wrapper" ----------------------------------------------- 
*/
#wrapper {
background-color:#FFF; /* Black */
width: 730px;
height: 600px;
margin: 0px 0px 0px 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}


/*
-ALIGNMENT: "Content Holder" ----------------------------------------------- 
*/

#contentHolder {
margin: 0px 0px 0px 0px;
width: 730px;
height: 600px;
background-color:#FFF; /* Black */
}

/*
----ALIGNMENT: "Main" ----------------------------------------------- 
*/

/* The Main display area (Container) */

#Main {
margin: 0px 0px 0px 0px;
width: 730px;
height: 700px;
background-color:#FFF; /* Black */
}

/*
----ALIGNMENT: "ACCESS" ----------------------------------------------- 
*/


/* The Accessibility Bar (Text Only || Enlarge Text ||Site Map) */
#Access {
position:absolute;
width: 730px; 
height: 40px; 
margin: 0px 0px 0px 0px;
background-color:#CCCCCC; /* Silver */
border:none;

}

/*
----ALIGNMENT: "SPACE" ----------------------------------------------- 
*/


/* The 10px Space between Access bar and Banner */
#Space {
position:absolute;
width: 730px; 
height: 5px; 
margin: 40px 0px 0px 0px;
background-color:#000; /* Black */
border:none;

}

/*
----ALIGNMENT: "BANNER" ----------------------------------------------- 
*/


/* Main Banner */
#Banner {
position:absolute;
width: 730px; 
height: 100px; 
margin: 45px 0px 0px 0px;
background-color:#660099; /* Purple */
border:none;

}

/*
----ALIGNMENT: "HORIZONTAL NAVIGATION: FORMAT" ----------------------------------------------- 
*/


/* Main Horizontal Navigation */
#Nav {
position:absolute;
width: 730px; 
height: 27px; 
margin: 145px 0px 0px 0px;
background-color:#FFCC00; /* Yellow */
border:none;
}

/*
----ALIGNMENT: "HORIZONTAL NAVIGATION: LINK PRESENTATION"--------------------------------------- 
*/

#Nav ul {
	list-style: none;
	display:inline;
	margin-top: 0px;
	padding: 0px;
	padding-top:0px;
	border: none;
	font-size:17px;
}
#Nav li {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:17px;
}
#Nav li a:link, #Nav li a:visited {
	display:inline;
	margin-left:0px;
	padding: 0px 5px 5px 3px;
	border-left:none;
	border-right:none;
	color: #660099; /* Purple Horizontal Links */
	background-color:#FFCC00; /* Yellow Background Colour */
	text-decoration:underline;
	font-size:17px;
	font-weight:bold;
}
#Nav li a:hover {
	display:inline;
	color: #FFCC00; /* HOVER AFFECTS: Yellow Text Links */
	background-color:#660099; /* HOVER AFFECTS: Purple Background Links */
}

/*
----ALIGNMENT: "MAIN CONTENT: HOME PAGE" ----------------------------------------------- 
*/

/* Main Content */
#Content {
position:absolute;
width: 560px; 
height: 528px; 
margin: 172px 0px 0px 170px;
background-color:#FFF; /* White */
border:none;
}

/*
----ALIGNMENT: "VERTICAL NAVIGATION: FORMAT" ----------------------------------------------- 
*/

/* Main Vertical Navigation */
#VNav {
position:absolute;
width: 170px; 
height: 528px; 
margin: 172px 0px 0px 0px;
background-color:#660099; /* Purple */
border:none;
}

/*
----ALIGNMENT: "VERTICAL NAVIGATION: LINK PRESENTATION" ----------------------------------------------- 
*/

#VNav ul {
	list-style: none;
	display:block;
	margin-top: 0px;
	padding: 0px;
	padding-top:0px;
	border: none;
	font-size:17px;
}
#VNav li {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:17px;
}
#VNav li a:link, #VNav li a:visited {
	display:block;
	margin-left:0px;
	padding: 0px 5px 5px 2px;
	border-left:none;
	border-right:none;
	color:#FFCC00; /* Yellow Horizontal Links */
	background-color:#660099; /* Purple Background Colour */
	text-decoration:underline;
	font-size:17px;
	font-weight:bold;
}

#VNav li a:hover {
	display:block;
	color:#660099; /* HOVER AFFECTS: Purple Text Links */
	background-color:#FFCC00; /* HOVER AFFECTS: Yellow Background Links */
}


/*
----ALIGNMENT: "VERTICAL NAVIGATION: LINK PRESENTATION 2: WHITE LINKS - NEW MEMBERS" ----------------- 
*/

#VNav li.VNav2 {
	display:inline;
	border-bottom:none;
	margin: 0px 0px 0px 0px;
	font-size:17px;
}
/* White Vertical Links */
#VNav li.VNav2 a:link, #VNav li.VNav2 a:visited {
	display:block;
	margin-left:0px;
	padding: 0px 5px 5px 2px;
	border-left:none;
	border-right:none;
	color:#FFF; /* White Horizontal Links */
	background-color:#660099; /* Purple Background Colour */
	text-decoration:underline;
	font-size:17px;
	font-weight:bold;
}

#VNav li.VNav2 a:hover {
	display:block;
	color:#660099; /* HOVER AFFECTS: Purple Text Links */
	background-color:#FFCC00; /* HOVER AFFECTS: Yellow Background Links */
}


/*
----ALIGNMENT: "FOOTER" ----------------------------------------------- 
*/

/* Footer Bar */
#Footer {
position:absolute;
width: 730px; 
height: 27px; 
margin: 700px 0px 0px 0px;
background-color:#FFCC00; /* Yellow */
border:none;
}

/*
----ALIGNMENT: "SUB PAGES: VERTICAL NAVIGATION" ----------------------------------------------- 
*/


/* Main Vertical Navigation */
#VNavSub {
position:absolute;
width: 170px; 
height: 705px; 
margin: 172px 0px 0px 0px;
background-color:#660099; /* Purple */
border:none;
}


/*
----ALIGNMENT: SUB PAGES: MAIN CONTENT" ----------------------------------------------- 
*/


/* Main Content */
#ContentSub {
position:absolute;
width: 560px; 
height: 705px; 
margin: 172px 0px 0px 170px;
background-color:#FFF; /* White */
border:none;
}

/*
----ALIGNMENT: SUB PAGES: FOOTER BAR" ----------------------------------------------- 
*/


/* Footer Bar */
#FooterSub {
position:absolute;
width: 730px; 
height: 25px; 
margin: 877px 0px 0px 0px;
background-color:#FFCC00; /* Yellow */
border:none;
}