/* CSS Document */

/* FILENAME:	screen.css */
/* PURPOSE:		Promote Yourself */
/* AUTHOR:		One Soul Web Studios LLP */
/* CREATED:		February 2010*/




/* DEFAULTS ------------------------ */

* {
	/* For all objects have margins and padding of zero */
	margin: 0;
	padding: 0;
}

body {
	/* For all objects, background color white, text colour black */
	background-color: #663366;
	color: #000000;
	
	/* Font: First choice is Verdana as default */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	/* Background image deactivated. To reactivate, remove comments tags */
	/*
	background-image:url(../images/bodyBG.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat:no-repeat;
	*/	
}
		

/* STRUCTURE #################################################### */

/* WRAPPER _____________________________________________________ */

/* Wrapper holds all page content together. Can include everything from globalNav, header, topNav, content, footer, copyright, bottomNav and signature/ */
/* However, depending on page design certain elements may be positioned outside the wrapper, such as the Header which may be required to span the entire width of the screen instead of being bound by the width of the wrapper. */

#wrapper {
	/* Top margin of zero, all other margins are autmatically - this centres the content on the screen */
	margin: 0 auto;
	width: 750px;
	/* No background, therefore transparent */
	background:none;
	/* Border is 1 pixel thick and black in colour. This can be removed or altered depending on design requirements */
	border:1px solid #000000;
	background-color:#FFFFFF;
}		

/* GlobalNav ____________________________________________________*/

#globalNav {
	text-align: right;
	padding:0;
	background-color:#CCCCCC;
	color: #FFFFFF;
	/* Background image location and settings */
	background-image: url(../images/h1BG.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#globalNav ul {
		list-style-type: none;
}

#globalNav li {
		font: bold 1.0em/100% Verdana, Arial;
		display:inline;
		margin-left:15px;
		padding:0;
}

#globalNav a {
		text-transform:uppercase;
		text-decoration: none;
		font-weight:bold;
		font-size:90%;
		color: #FFFFFF;
		display:block;
		padding-right:10px;
}

#globalNav a:hover {
	color: #000000;
	background-color:#CCCCCC;
}

#globalNav a:visited {
}

#globalNav a:active { color: #ffffFF;}




/* HEADER ______________________________________________________*/

#header {
	/* width:750px; height:150px; */
	/* background image and settings if required... */
	/*background-image:url(../images/headerBG.jpg);
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;*/
	background-color:
}


 


/* MAIN CONTENT ____________________________________*/


#mainContent {
	/* zero margins all round for all items in mainContent*/
	margin:0;
	
}

#mainContent p {
	/* Override left and right margin settings for specific items in mainContent for layout design purposes*/
	padding-left: 10px;
	padding-right: 10px;
}	

#mainContent a {
	/* Link definition in mainContent */
	text-decoration: underline;
	color: #0033FF;
}

#mainContent a:hover {
	/* Hover link definition in mainContent */
	text-decoration: none;
	color: #0033FF;
}

#mainContent  a:active {color: #0033FF;}

#mainContent div.quote {
	/* QUOTATIONS: centred. */
	margin:30px auto 15px auto;
	text-align:center;
}

#mainContent div.quote a {
	/* LINKS WITHIN QUOTATIONS */
	color:#99CCFF;
	border:2px inset #99ccff;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:120%;
	margin:15px auto 15px auto;
}
	
#mainContent div.quote a:hover {
	color:#CC99FF;
	border: 2px inset #CC99FF;
}

#mainContent h1 {
	font-size: 125%;
	background-color: #CCCCCC; /* Change to desired colour to blend with background image for heading. */
	color: #000000;
	padding-left:10px; /* This is required to align heading with paragraph text in page */
	margin-bottom:15x;
	text-align:left;
	text-transform:uppercase;
	/* Background image location and settings */
	background-image: url(../images/h1BG.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#mainContent h2 {
	font-size:115%;
	text-decoration:underline;
	color: #000000;
	background-color:#FFFFFF;
	text-transform: capitalize;
	margin-bottom:10px;
	margin-top:20px;
	padding-left:10px;
}
	
#mainContent h3 {
	color: #000000;
	font-size:110%;
	text-transform: capitalize;
	margin-bottom:10px;
	padding-left:10px;
}

#mainContent img {
	/* Layout Definitions of images in mainContent */
	float:right;
	margin:0 10px 15px 15px;
	border: 1px solid #000000;
}

/* Unordered list definitions in mainContent */
#mainContent ul {
	margin-left:30px;
	margin-bottom:15px;
	font-size:100%;
}

#mainContent ul ul {
	margin-left:30px;
	margin-top:5px;
}

#mainContent li {
	margin-bottom:10px;
	font-size:100%;
}

#mainContent dd {
	margin-bottom:10px;
}

#mainContent div.column {
margin-top:30px;
	width: 250px;
	float:right;
	border:1px solid;
	}

#mainContent div.column h3 {
	 padding-left: 10px; 
	 background-color:#9900FF;
	 color:#FFFFFF;
	 
	 
	}

#mainContent .adBox {
	width: 200px;
	float:left;
	
}

#mainContent .adBox  img {
	 float: none;
	 }

/* FOOTER _______________________________________________*/

#footer {
	clear:both;
	margin-top:50px;
	margin-bottom: 0;
	padding: 0 10px 0 10px;
	border-top:1px solid #330066;
}



/* COPYRIGHT ___________________________________*/

#copyright {
		margin-top:10px;
		text-align:left;
		color: #000000;
		font: bold 0.7em/100%  Verdana, Arial, sans-serif;
}

#copyright a {
	text-decoration: underline;
	color: #0033FF;
	
}

#copyright a:hover {
	text-decoration: none;
	color: #0033FF
}

#copyright ul {list-style:none;}

#copyright li {display:inline; margin:0;}



/* SIGNATURE --------------------------------------------- */


#signature {
	clear:both;
	width:750px;
	margin: 0 auto;
	text-align:right;
	font: bold 0.7em/100% Verdana;
	color: #000000;
}

#signature a {
	color:#0099ff;
	text-decoration:none;
	font-weight: bold;
}

#signature a:hover {
		text-decoration: underline;
}


/* LINKS AND NAVIGATION---------- */

/* anchor definition to top of page */
a.pageTop {float:right;}

/* TABLE DEFINITIONS---------------------------------------*/

td.tag {
	width:30%;
	vertical-align:top;
	font-size:100%;
}

/* misc ____________________________________ */

.separator {
		clear: both;
}

.hidden {
	display:none;
}

input, textarea {
	background-color: transparent;
	color:#FFFFFF;
}

textarea {}

hr {
	margin:5px 0 10px 0;
	clear:both;
	color:#ffffff;
}

.alert {
	color:red;
}

/* FONTS * GENERAL --------------------------- */

html {
		font-size: 100%;
		}

body {
		font-size: 70.5%;
}

p {
		font: 1.1em/1.4em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
}

p.pointer {float:right;}


.red {color:#FF0000;}
.blue {color: #33CCFF;}
.yellow {color: #FFFF66;}