/***********************************************
**************** Reset Css *********************
************************************************/

	/*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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		eadervertical-align: baseline;
	}*/
	
	html, body, div, span , iframe
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section 
	{
		display: block;
	}
	
	body 
	{
		line-height: 1;
		height: 100%;
	}
	
/*	ol, ul 
	{
		list-style: none;
	}*/
	
	blockquote, q 
	{
		quotes: none;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after 
	{
		content: '';
		content: none;
	}
	/*table {
		border-collapse: collapse;
		border-spacing: 0;
	}*/
	
	/***********************************************
	**************** Reset Css *********************
	************************************************/

	body 
	{
		background-color:#FFFFFF;
		font-family:Verdana, Geneva, sans-serif;
/*		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #3162F5),
			color-stop(1, #ADC9FA)
		);
		background-image: -o-linear-gradient(bottom, #3162F5 0%, #ADC9FA 100%);
		background-image: -moz-linear-gradient(bottom, #3162F5 0%, #ADC9FA 100%);
		background-image: -webkit-linear-gradient(bottom, #3162F5 0%, #ADC9FA 100%);
		background-image: -ms-linear-gradient(bottom, #3162F5 0%, #ADC9FA 100%);
		background-image: linear-gradient(to bottom, #3162F5 0%, #ADC9FA 100%);
		background-repeat:no-repeat;
		*/
	}

	
	#header
	{
		background-color:#FFFFFF;
		color:#CCCCCC;	
		left: 0px; 
		width: 100%;
		text-align:center;
		font-size:meduim;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: 5px solid;	
		background: #2b327f; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzJiMzI3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzY2MDA5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzY2MDA5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzNhMmQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(-45deg,  #2b327f 25%, #660099 45%, #660099 56%, #3a2d84 75%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(25%,#2b327f), color-stop(45%,#660099), color-stop(56%,#660099), color-stop(75%,#3a2d84)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* IE10+ */
		background: linear-gradient(135deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b327f', endColorstr='#3a2d84',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	}
	
	
	#mainContent
	{	
		max-width:1240px;
		background-color:#FFFFFF;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin:auto;
		padding:10px;
		position:relative;
	}
	
	
/*	h1
	{
		padding:0px;
		margin:0px;
		font-weight:bold;
		color: #999;
		text-align: center;
	}*/
	
/*	p 
	{
		text-align: justify;
	}*/
	
	
/*	h2
	{
		padding:0px;
		margin:0px;
		color:#663399;
		font-style: italic;
		font-weight: normal;
	}
	*/
	#footer 
	{
		font-size: small;
		color: #FFFFFF;
		background-color:#663399;
		text-align: center;
		padding:10px;
		margin-top:20px;
		
		background: #2b327f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzJiMzI3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzY2MDA5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzY2MDA5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzNhMmQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #2b327f 25%, #660099 45%, #660099 56%, #3a2d84 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(25%,#2b327f), color-stop(45%,#660099), color-stop(56%,#660099), color-stop(75%,#3a2d84)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* IE10+ */
background: linear-gradient(135deg,  #2b327f 25%,#660099 45%,#660099 56%,#3a2d84 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b327f', endColorstr='#3a2d84',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
		
	}
	
	
	/*** CSS Tables ***/
	.table     
	{ 
		display:table;
		margin:auto;
	}
	
	.tr        
	{ 
		display: table-row;
		vertical-align:top;
	}
	
	
	
	.cell    	
	{ 
		display: table-cell;
		vertical-align:top;
		padding:10px;
		/*border: 2px solid;*/
	}
	
	#logo
	{
		position:absolute;
		top:10px; 
		z-index:90;
	
	}
	
	#flags
	{
		position:absolute;
		right:0px;
		top:50px; 
		z-index:90;
		text-align:right;
		padding:5px;
		padding-top:10px;
		background-color:#cccccc;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	
	}
	
	#WSN
	{
		padding-left:150px;
	}
	
	
	#headerContent
	{
		max-width:1240px;
		margin:auto;
	}
	
	
	#nav
	{
		
		max-width:1024px;
		margin:0px;
		background-color:#660099;
		color:#FFFFFF;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;	
		margin:auto;
		margin-top:0px;
		text-align:center;
		height:40px;
		z-index:99;
		position:relative;
		
	}
	
	#nav a
	{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	#nav li 
	{ 
		list-style: none; 
		display:inline; 
		padding:4px;
		padding-bottom:9px;
		color:#FFFFFF;
	
	}
	
	#nav li:hover
	{
		background-color:#CCCCCC;
		color:#FFFFFF;
		cursor:pointer;	
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	#nav ul li.active 
	{
		background: #CCCCCC;
		color:#663399;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	  
	}
	
	#nav ul li.active > a 
	{
	  color: #663399;
	}
	
	#nav ul li:hover,
	{
	  background: #3A2D84;
	  color:#FFFFFF;
	  cursor:pointer;
	}
	
	#nav ul li a:hover,
	{
	  color: #663399;
	  cursor:pointer;
	}



	
	#nav ul 
	{
		padding:0;
		margin:0;
		margin-left:5px;
		list-style: none;
		position: relative;
		display:block;
	
	}
	#nav ul li 
	{
		float:left;
		display:list-item;
		list-style: none;
		color:#FFF;
	}
	 
	#nav ul li a 
	{
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:20px;
		padding-right:20px;
		color:inherit;
		text-decoration:none;		
	}
	
	#nav ul li:hover 
	{
		display:block;
		color:#663399;
		background-color:#CCCCCC;
		text-decoration:none;
	}
	
	#nav ul li a:hover 
	{
		color:inherit;
	}

	#navMobile
	{
		display:none;
		text-align:right;
		padding:10px;
	}
		
	.mobileBtn
	{
		font-weight:bold;
		font-size:large;
		background-color:#660099;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:2px solid #d8d2c1;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		width:100%;
	}

	.mobileBtn:hover 
	{
		background-color:#d8d2c1;
		color:#660099;
	}
	
	.mobileBtn:active 
	{
		position:relative;
		top:1px;
	}

	/*Hide dropdown links until they are needed*/
	#navMobile ul 
	{
		display: none;
		list-style: none;
	}
	/*Make dropdown links vertical*/
	#navMobile ul li 
	{
		display: block;
		float: none;
		color:#FFF;
		background-color:#660099;
		font-size:large;
	}
	
	/*Prevent text wrapping*/
	#navMobile ul li a 
	{
		width: auto;
	/*	min-width: 100px;*/
		display:block;
		padding:3px;
		color:inherit;
		text-decoration:none;
		
	}
	
	/*Display the dropdown on hover*/
	#navMobile ul li a:hover 
	{
		display:block;
		color:#660099;
		background-color:#CCCCCC;
		text-decoration:none;
	}
	
/*	h3 
	{
		color: #FFF;
		background-color: #999;
		padding:10px;
		margin:auto;
	}*/


	#mainContent h2
	{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	#footerContent
	{
		
		max-width:1240px;
		margin:auto;
		padding:10px;
		text-align:left;
			
	}
	
	#footerContent ul li a 
	{
		display:block;
		color:inherit;
		text-decoration:none;	
	}
	
	#footerContent ul li a:hover
	{
		display:block;
		color:inherit;
		font-style:italic;
		text-decoration:underline;
	}
	
	h4 
	{
		color: #3162F5;
	}
	
	h5 
	{
		font-size: large;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		margin-top: 20px;
		margin-bottom: 20px;
		font-style: italic;
		line-height: 1.5;
	}


	a
	{
		color:#663399;
	}
	
	h6 
	{
		text-align: center;
		margin: 0px;
		padding: 0px;
	}

	
	
	/*** CSS Tables ***/
	#quickContacts .table     
	{ 
		display:table;
		margin:auto;
		border-spacing: 10px;
		border-spacing: 10px;
	}
	
	#quickContacts a     
	{
		color:#FFF;
		text-decoration:none;

	}
	
	#quickContacts .tr        
	{ 
		display: table-row;
		vertical-align:top;
	}
	
	#quickContacts .cell    	
	{ 
		display: table-cell;
		vertical-align:top;
		padding:10px;
		/*border: 2px solid;*/
		background-color:#663399;
		margin:10px;
		text-align:center;
		color:#FFFFFF;
	
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	
	#quickContacts p    	
	{ 
		text-align:center;
	}
	
	.largeText
	{
		font-size:x-large;
		font-style:italic;
	
		
	}
	
	#footer a
	{
		color:#FFFFFF;
	}
		#footer a:hover
	{
		font
	}

	ol
	{
		text-align:left;
	}
	
	ol li
	{
		padding-top:20px;
		color:#663399;
		font-weight:bold;
		
	}
	
	ol li span
	{
		color:#000000;	
		font-weight:normal;
	}
	
	ol:before 
	{
    	color: #663399; /* or whatever color you prefer */
	}

	#mainContent ul 
	{
		list-style: none;
		padding:0;
		margin:0;
	}
	
	#mainContent ul li 
	{ 
		padding-left: 1em; 
		text-indent: -.7em;
	}
	
	#mainContent ul li:before 
	{
		content: "• ";
		color: #663399; /* or whatever color you prefer */
	}


	#picNav
	{	
		background-color: #0FF;
		top: -40px;
		position:relative;
		z-index: 0;
		width: 100%;
		height:200px;
		background-image:url(../Images/Screenshot_1.jpg)
	}
	
	
	
	#navContents
	{
		margin:auto;
		width:625px;
	}
	
	.blue 
	{
		color: #69C;
	}
	
	a 
	{
		color: #660099;
	}
	
	h3 
	{
		color: #69C;
		font-size: large;
		font-style: italic;
	}
	
	h1 
	{
		color: #FFF;
		background-color: #660099;
		padding:5px;
	}
	
	h2 
	{
		color: #FFF;
		background-color: #336;
		padding:5px;
	}