@charset "utf-8";
/* Default CSS Document */

/*LAYOUT*/
	* {
		padding: 0;
		margin: 0;
		}

	body {
		background-color:#000000;
		}
	
	#container {
		position:relative;
		top:30px;
		margin:0 auto;
		width:1020px;
		z-index:1;
		}
	
	#title {
		position:absolute;
		top:110px;
		left:92px;
		width:316px;
		height:140px;
		z-index:6;
		}
		
	#header {
		position:absolute;
		top:3px;
		left:0px;
		width:1020px;
		height:270px;
		background-image: url(images/Header3.gif);
		background-repeat:no-repeat;
		z-index:3;
		}
	
	#buttons {
		position:absolute;
		top:327px;
		left:40px;
		width:72px;
		height:189px;
		background-repeat:no-repeat;
		z-index:6;
		}
	
	#main {
		position:relative;
		top:273px;
		left:0px;
		width:1020px;
		min-height:252px;
		_height: auto !important;
		background-image:url(images/Mid3.gif);
		background-repeat:repeat-y;
		margin-bottom: 273px;
		z-index:3;
		}
	
	.main {
		margin:0px 108px 3px 132px;
		z-index:3;
		}
	
	#submenu {
		position:absolute;
		top:166px;
		left:639px;
		width:281px;
		height:75px;
		z-index:9;
		}
				
	#rside {
		position:absolute;
		top:125px;
		left:930px;
		width:90px;
		height:368px;
		background-image:url(images/RSide3.gif);
		background-repeat:no-repeat;
		z-index:6;
		}
		
	#footer {
		position:relative;
		width:1020px;
		height:87px;
		background-image:url(images/Footer3.gif);
		background-repeat:no-repeat;
		z-index:3;
		}

/* ANCHOR STYLING */

	a:link {
		color:#663399;
		text-decoration:none;
		font-weight:bold;
		}
	
	a:visited {
		color:#663399;
		text-decoration:none;
		font-weight:bold;
		}
	
	a:hover {
		color:#801515;
		text-decoration:none;
		font-weight:bold;
		}

/* MULTIFORM STYLING */
	#xtraA {
	position:relative;
	margin:0px auto;
	width:540px;
	height:30px;
	z-index:9;
	}
	
	#tabInstruct, #tabDomain, #tabLayout, #tabContent, #tabBackend,  #tabSubmit {
		width:90px;
		height:30px;
		display:block;
		background-image:url(images/blank.gif);
		background-repeat:no-repeat;
		font-family:sans;
		font-weight:bold;
		font-size:15px;
		color:#003300;
		text-align:center;
		padding-top:7px;
		text-decoration:none;
		float:left;
		}
	
	#tabInstruct:hover, #tabDomain:hover, #tabLayout:hover, #tabContent:hover, #tabBackend:hover,  #tabSubmit:hover {
		color:#801515;
		}
				
	#divDefault, #divDomain, #divDesign, #divLayout, #divContent, #divBackend, #divUpload, #divInstruct, #divDomain, #divLayout, #divContent, #divBackend,  #divSubmit {
		position:relative;
		display:none;
		z-index:6;
		}

/* TABLE STYLING */
	
	#table {
		position:relative;
		width:300px;
		margin:0px auto;
		float:left;
		padding-left:12px;
		}
			
	.tabletop {
		background-image:url(images/tabletop.gif);
		height:24px;
		}
	
	.tablemid{
		position:relative;
		height:36px;
		background-image:url(images/tablemid.gif);
		padding:0px 3px 0px 12px;
		color:#FFFFFF;
		}
		
	.tablebum {
		background-image:url(images/tablebum.gif);
		height:24px;
		}
	
	#tableLG {
		position:relative;
		width:600px;
		margin:0px auto;
		float:left;
		padding-left:12px;
		}
			
	.tabletopLG {
		background-image:url(images/tabletopLG.jpg);
		height:24px;
		}
	
	.tablemidLG {

		background-image:url(images/tablemidLG.jpg);
		padding:0px 3px 0px 12px;
		color:#FFFFFF;
		}
		
	.tablebumLG {
		background-image:url(images/tablebumLG.jpg);
		height:24px;
		}	

	.formcell {
		float:right;
		margin: -18px 12px 0px 0px;
		}

				
/* BUTTON STYLING */	
	.button1 {
		width:72px;
		height:63px;
		background-image:url(images/ButtonsHome.gif);
		background-repeat:no-repeat;
		border:0px;
		z-index:6;
		}
	
	.button2 {
		width:72px;
		height:63px;
		background-image:url(images/ButtonsWeb.gif);
		background-repeat:no-repeat;
		border:0px;
		z-index:6;
		}
	
	.button3 {
		width:72px;
		height:63px;
		background-image:url(images/ButtonsAmazing.gif);
		background-repeat:no-repeat;
		border:0px;
		z-index:6;
		}
	
	.buttonOn {
		background-position:0 -126px;
		}
	
	.buttRoll:hover {
		background-position:0 -63px;
		}
		
	.subButton {
		width:90px;
		height:75px;
		border:0px;
		z-index:6;
		}
	
	.subButtonOn {
		background-position:0 -75px;
		}
		
	.subButtRoll:hover {
		background-position:0 -75px;
		}

/* GRAPHIC STYLING */
	.floatleft {
		float:left;
		margin:-3px 3px 3px 3px;
		}
		
	.floatright {
		float:right;
		margin:-3px 3px 3px 3px;
		}
				
/* FONT STYLING */
	.sans {
		font-family:arial, sans;
		}
	
	.banner {
		font-size:18px;
		font-stretch:condensed;
		}
	
	.body {
		font-size:15px;
		}
	
	.smbody {
		font-size:12px;
		}
	
	.tiny {
		font-size:9px;
		}
	
	.bold {
		font-weight:bold;
		}
	
	.italic {
		font-style:italic;
		}
	
	.left {
		text-align:left;
		}
	
	.center {
		text-align:center;
		}
	
	.right {
		text-align:right;
		}
	
	.underline {
		text-decoration:underline;
		}
	
	.plain {
		text-decoration:none;
		border:none;
		}
	
	.tight {
		margin:1px;
		}
	
	.solid {
		background-color:white;
		}
	
	.padleft {
		padding-left:6px;
		}
	
	.padright {
		padding-right:6px;
		}
	
	.margintop {
		margin-top:6px;
		}
	
	.block {
		display:block;
		background-color:white;
					}
/* COLOURS */

	.blue {
		color:#3399cc;
		}
	
	.yellow {
		color:#ffff00;
		}
	
	.green {
		color:#99cc33;
		}
	
	.darkgreen {
		color:#003300;
		}
		
	.red {
		color:#801515;
		}
	
	.white {
		color:#FFFFFF;
		}
	
	.purple {
		color:#663399;
		}