/* Page Layout and Structure */

body				{
					background-color: #c8def3;
					}

table				{
					padding: 0;
					margin: 0;
					border: 0;
										}
					
#container			{
					width: 902px;
					margin-left: auto;
					margin-right: auto;
					background-color: #073356;
					border: 25px #0e568f solid;
					}
					
#blackBorder		{
					border: 1px #c8def3 solid;
					}
					
#head				{
					background-color: #073356;
					}
					
#header_right		{
					background-color: #073356; 
					float: right;
					}
										
#pageBody			{
					position: relative;
					}
					
#sideBar			{
					float: left;
					width: 173px;
					margin-top: 70px;
					}
					
#foot				{
					background-color: #68b8f7;
					text-align: center;
					}
					
/* Tri-Fold Pictures as seen on medium content template */

#triFoldPictures	{
					float: right;
					padding-top: 17px;
					padding-bottom: 17px;
					}
					
/* Footer Photos on short content template */

#footerPhotos		{
					margin-right: auto;
					margin-left: auto;
					padding-bottom: 22px;
					}
					
/* When a little splash of #0A3F69 is desperately needed 
	Adjust size, margins, etc locally as needed */

.colour				{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 16pt;
					text-align: justify;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
/* Typography */

h1					{
					font-family: verdana, arial, sans-serif;
					font-size: 26pt;
					text-align: center;
					color: #FFFFFF;
					padding: 5px;
					margin: 25px;					
					background: #0A3F69;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
h5					{
					font-family: verdana, arial, sans-serif;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 5px;
					font-size: 12pt;
					text-align: center;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
h5 a				{
					color: #FFFFFF;
					}
					
h6					{
					font-family: verdana, arial, sans-serif;
					color: #FFFFFF;
					font-size: 11pt;
					margin: 4px;
					}
					
h6 a					{
					font-family: verdana, arial, sans-serif;
					font-size: 11pt;
					margin: 4px;
					color: #000000;
					}
					
h7			{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					margin: 4px;
					color: #FFFFFF;
					}
.backFoot			{
					font-family: verdana, arial, sans-serif;
					font-size: 9pt;
					margin: 4px;
					}
					
.backFoot a			{
					font-family: verdana, arial, sans-serif;
					font-size: 9pt;
					margin: 4px;
					color: #000000;
					}

.fine				{
					font-family: verdana, arial, sans-serif;
					font-size: 8pt;
					margin: 4px;
					}

p					{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					margin: 4px;
					}
					
.backP				{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 16pt;
					text-align: left;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}

.backPcenter		{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 16pt;
					text-align: center;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
.backPleft		{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 16pt;
					text-align: left;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}

.backPcenterbig		{
					font-family: verdana, arial, sans-serif;
					font-size: 14pt;
					line-height: 16pt;
					text-align: center;
					color: #FFFFFF;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
.backPbig		{
					font-family: verdana, arial, sans-serif;
					font-size: 12pt;
					line-height: 16pt;
					text-align: center;
					color: #ff9900;
					background: #0A3F69;
					margin: 25px;
					padding: 8px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
a					{
					font-family: verdana, arial, sans-serif;
					color: #FFFFFF;
					}
					
a: hover, A: visited			{
					color: #FFFFFF;
					text-decoration: none;
					}
					
/* Lists */

ul					{
					background: #0A3F69;
					margin-left: 5px;
					margin-right: 35px;
					-webkit-border-radius: 5px;    /* for Safari */
 					-moz-border-radius: 5px;       /* for Firefox */
					}
					
li					{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 16pt;
					color: #FFFFFF;
					}
					
/* Credits */

.name				{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 6pt;
					color: #FFFFFF;
					margin-left: 15px;
					margin-right: 25px;
					padding: 4px;
					font-weight: bold;
					}

.title				{
					font-family: verdana, arial, sans-serif;
					font-size: 10pt;
					line-height: 6pt;
					color: #FFFFFF;
					margin-left: 15px;
					margin-right: 25px;
					padding: 4px;
					text-indent: 15px;
					font-weight: normal;
					}				
										
/* Image Formatting */

.alignright 			{
						float: right;
						margin: 5px 25px 5px 5px;
						}

.alignleft 				{
						float: left;
						margin: 5px 5px 5px 25px;
						}
						
						img
					{  border-style: none;
						}
						
/* Drop-down Menus */

.anylinkmenu			{
						position: absolute;
						left: 0;
						top: 0;
						visibility: hidden;
						border: 1px solid black;
						border-bottom-width: 0;
						font: normal 12px Verdana;
						line-height: 18px;
						padding: 5px;
						z-index: 100; /* zIndex should be greater than that of shadow's below */
						background: #f98d00;
						/* Opacity, may be redundant but we're aiming for multi-browser support */
						filter:alpha(opacity=70);
						-moz-opacity:0.7;
						-khtml-opacity: 0.7;
						opacity: 0.7;
						}

.anylinkmenu ul			{
						margin: 0;
						padding: 0;
						list-style-type: none;
						background: #f98d00;
						}

.anylinkmenu ul li a	{
						display: block;
						text-indent: 3px;
						border-bottom: 1px solid black;
						padding: 2px 0;
						text-decoration: none;
						font-weight: bold;
						text-indent: 5px;
						color: #000000;
						}

.anylinkmenu a:hover	{ /*hover background color*/
						background: #68b8f7;
						color: #000000;
						}

/* ######### class for shadow DIV ######### */


.anylinkshadow			{ /*CSS for shadow. Keep this as is */
						position: absolute;
						left: 0;
						top: 0;
						z-index: 99; /*zIndex for shadow*/
						background: black;
						visibility: hidden;
						/* Rounded corners, same redundancy for browser support */
						-webkit-border-radius: 5px;    /* for Safari */
 						-moz-border-radius: 5px;       /* for Firefox */
						}
						
.float_right {
	float: right;
	}

.clear_both {
	clear: both;
	}