/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait 768-959)
	#Mobile (Portrait 320+)
	#Mobile (Landscape 480-767)

/* #Base 960 Grid
================================================== */
	body {
		background-color: #000069;
		background-image:url('../images/gradient.png');
		background-size: auto 100%;
		background-repeat:repeat-x;
	}
	ul.square li{
		color: #000069;
	}
	h1 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 550%;
	}
	h1.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;		
	}
	h2 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 450%;
	}
	h2.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;		
	}
	h3 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 350%;
	}
	h3.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;		
	}
	h4 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 250%;
	}
	h4.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;		
	}
	h5 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 150%;
	}
	h5.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;
	}
	h6 {
		text-align: center;
		font-weight: bold;
		color: #000069;
		font-size: 140%;	
	}
	h6.shadow {
		text-shadow: 0.03em 0.03em 0.03em #000000;
	}
	div.header{
		background:url('../images/websourcecode-full-header-small.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	.container {
		background:url('../images/main-bg.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	div.row {
		border-bottom-style: double;
		border-bottom-width: 5px;
		border-bottom-color: #000069;
		border-radius: 3px;
		box-shadow: 0px 5px 0px #ffffff;
	}
	#wsc-header {
	}
	#mainDiv_84574, .main {
		background:url('../images/grey-bg.png');
		background-repeat:repeat;
		background-color: #E4E3E8;
	}
	.main {
		position: relative; 
		width: 970px; 
		margin: 0 auto; 
		padding: 0; 
		color: #000069;
		font-weight: bold;
		margin:auto;
		border-style: outset;
		border-width: 2px;
		border-color: #CCCCCC;
		border-radius: 20px;
		box-shadow: 5px 5px 10px #000000;
	}
	table {
		width: 100%;
		border-top-width:1px;
		border-bottom-width:1px;
		border-style:solid;
		border-top-color:#FFFFFF;
		border-bottom-color:#FFFFFF;
	}
	td {
		text-align:left;
		border-bottom-width:1px;
		border-style:dotted;
		border-bottom-color:#FFFFFF;
	}
	th {
		border-top-width:1px;
		border-bottom-width:1px;
		border-style:solid;
		border-top-color:#FFFFFF;
		border-bottom-color:#FFFFFF;
		text-align:center;
		font-weight:bold;
		text-shadow: 1px 1px 2px #FFFFFF;
	}
	img, embed, object, video {
		max-width:100%;
	}
	.footer {
		font-weight:bold;
		font-style: italic;
		font-size: 85%;
	}
	.left {
		text-align: left;
	}
	.center {
		text-align: center;
	}
	.right {
		text-align: right;
	}
	.justify {
		text-align: justify;
	}
	.lrpadded {
		padding-left:20px;
		padding-right:20px;
		overflow: hidden;
	}
	.dblbrdr {
		border-style: double;
		border-width: 5px;
		border-color: #000069;
		border-radius: 3px;
	}
	.contact-img {
		background:url('../images/telephone-fax-email.jpg');
		background-size:100%;
		background-repeat:no-repeat;
	}
	.error { color: #f00; font-weight: bold; font-size: 1.2em; }
	.success { color: #0f0; font-weight: bold; font-size: 1.2em; }
	fieldset { width: 90%; }
	legend { font-size: 24px; }
	.note { font-size: 18px; }
	a[href^="tel:"]:before {
		content: "\260E";
		display: inline;
		font-size: 2.0em;
		margin-right: 0.5em;
	}
	a { color: #000069; }
	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		.main	{width: 778px;}
		h1 {
			font-size: 450%;
		}
		h2{
			font-size: 380%;
		}
		h3 {
			font-size: 300%;
		}
		h4 {
			font-size: 200%;
		}
		h5 {
			font-size: 145%;
		}
		h6 {
			font-size: 140%;
		}
		.lrpadded {
			padding-left:0px;
			padding-right:0px;
		}
	}
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		.main  {width:310px;}
		h1 {
			font-size: 200%;
		}
		h2{
			font-size: 170%;
		}
		h3 {
			font-size: 155%;
		}
		h4 {
			font-size: 145%;
		}
		h5 {
			font-size: 120%;
		}
		h6 {
			font-size: 115%;
		}
		.lrpadded {
			padding-left:0px;
			padding-right:0px;
		}
	}
	
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.main {width:430px;}
		h1 {
			font-size: 325%;
		}
		h2{
			font-size: 275%;
		}
		h3 {
			font-size: 225%;
		}
		h4 {
			font-size: 170%;
		}
		h5 {
			font-size: 135%;
		}
		h6 {
			font-size: 130%;
		}
		.lrpadded {
			padding-left:0px;
			padding-right:0px;
		}
	}