/*
-----------------------------
colours:
nmc light blue: #396da3
nmc dark blue: #19253d

properties brwon: #a07350

*/

/* -------------------------------------------------------------------------------------------- Resets */
html, body, div, span, 
applet, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, 
abbr, acronym, address, 
big, cite, code, del, 
dfn, em, font, 
img, ins, kbd, 
q, s, samp, small, 
strike, strong, sub, 
sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
caption, tbody, tfoot, 
thead
	{
	margin:0;padding:0;border:0;outline:0;list-style:none;
	}
	
/* ---------------------------------------------------------------------------- Set General Page Style */
html, body 
	{
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	color: #000000;
	background-color:#ffffff;
	margin: 0px;		
	text-align: left;
	}

hr
	{
	border: none;
	background-color: #ccc;
	color: #ccc;
	height: 1px;
	}

.sectionHeaderH1
	{
	position:absolute;
	left:212px;
	bottom:20px;

	font-family: Arial Black, sans-serif;
	font-size: 48px;
	font-size: 40px;
	font-weight: normal;
	color:#ffffff;
	}

.sectionHeaderH2
	{
	font-family: Arial Black, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom:15px;
	}

h4
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #ffffff;	
	}

ul.contentPageBulletPoint
	{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	}

ul.contentPageBulletPoint li
	{
	list-style:disc;	
	color:#ffffff;	
	margin-top:5px;
	margin-bottom:5px;
	}

a:-webkit-any-link
	{
	text-decoration:none !important;
	}

/* -------------------------------------------------------------------------------- Grid (prototyping) */	
body	
	{
	/*background-image:url(../images/main/nmcBackground990x5.png);
	background-position: top;
	background-repeat: repeat-y;
	background-attachment:scroll;/*alt is fixed*/	
	height:100%;
	/* ### uncomment below to override background.jpg with design grid ### */
	/*background-image:url(../images/main/nmc8columnGrid990x700.png);
	background-repeat: repeat-y;*/
	color: #696969;
	background-color:red;
	}

#pageWrap
	{
	width:100%;
	position:relative;
	float:left;
	/* ### uncomment below to override background.jpg with design grid ### */
	/*background-image:url(../images/main/nmc8columnGrid990x700.png);
	background-repeat: repeat-y;
	background-position: top;*/
	}
	
/* ---------------------------------------------------------------------------------------- Div Layout */
.center
	{
	width:990px;	
	margin-right:auto;
	margin-left:auto;
	}

#rappersDelite		
	{
	width:100%;
	position:relative;
	background-color:transparent;
	}

#backgroundGradient /* see page css for extra styles */
	{
	width:100%;
	min-height:100%;
	float:left;
	position:relative;
	bottom:0px;
	}

/* ------------------------------------------------------------------------------------------ Header */	

#headerWrap
	{
	width:1024px;
	height:86px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	clear:both;
	z-index:999;
	}

#header
	{
	width:1024px;
	height:86px;
	position:relative;
	float:left;
	background-color:transparent;
	}

#nmcLogo2015
	{
	position:absolute;
	float:left;
	bottom:0px;
	}

#navWrap
	{
	position:absolute;
	float:right;
	bottom:0px;
	right:0px;
	background-color:transparent;
	overflow:visible;
	}

/* -------------------------------------------------------------------------------------------- Content */

#contentCentreWrap
	{
	width:1024px;
	height:200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
	}

#contentImage
	{
	width:1024px;
	height:177px;
	position:relative;
	float:left;
	background-color:pink;

	background-image:url(../images/headerImages/headerImageGeneric.jpg);
	background-position: top;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	/*
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-left-color:#19253d;
	border-right-color:#19253d;
	border-top-color:#19253d;
	*/
	}

#contentPage
	{
	width:1022px; /* -2px for border width */
	min-height:610px;
	position:relative;
	float:left;
	background-color:#ffffff;
	border-left-style:solid;
	border-right-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-left-color:#19253d;
	border-right-color:#19253d;
	}

#contentPageInner
	{
	width:1024px;
	width:600px;
	min-height:300px;
	position:relative;
	float:left;
	background-color:transparent;

	margin-top:20px;
	margin-left:212px;
	}

#contentPageInner p
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:16px;
	}

/* ------------------------------------------------------------------------------------------ Footer */

#footer
	{
	width:1022px; /* -2px for border width */
	min-height:60px;
	position:relative;
	float:left;

	border-left-style:solid;
	border-right-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-left-color:#19253d;
	border-right-color:#19253d;

	background: #1e417a; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e417a 0%, #142b51 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e417a), color-stop(100%,#142b51)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e417a 0%,#142b51 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e417a 0%,#142b51 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e417a 0%,#142b51 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e417a 0%,#142b51 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e417a', endColorstr='#142b51',GradientType=0 ); /* IE6-9 */
	}

#footer ul.footerNav
	{
	margin-top:10px;
	margin-left:212px;
	}

#footer li
	{
	float:left;
	/*margin-left:10px;*/
	position:relative;
	}

#footer li, #footer li span
	{
	color:#ffffff;
	text-decoration:none;
	}

.footerNavLinks 
	{
	padding-left: 10px;
	padding-right: 10px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ffffff;
	}

div#copyright
	{
	padding-right: 10px;
	}


#returnHomeFooter
	{
	width:1022px; /* -2px for border width */
	min-height:30px;
	position:relative;
	float:left;

	background-color:#ffffff;


	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;


	border-left-style:solid;
	border-right-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-left-color:#19253d;
	border-right-color:#19253d;
	}

.returnHomePage
	{
	margin-left:212px;
	}