div
{
	/*border: thin solid #FF0000;*/
}
div.wrap
{
	display:inline;
	width:48%;
	min-width:300px;
	float:left;
	margin-left:8px;
	margin-right:8px;
	height:auto;
}
img.wrap
{
	width:100%
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.main
{	

}
a.button
{
	display: inline-block;
	border: thin solid Silver;
	color: White;
	background: #005D8D;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 4px 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9pt;
}
a.button:link
{
	color:#FFFAFA;
	text-decoration:none;
}
a.button:active
{
	color:#FFFAFA;
	text-decoration:none;
}
a.button:visited
{
	color:#FFFAFA;
	text-decoration:none;
}
a.button:hover 
{
	color:orange;
	text-decoration:underline;
}
body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
span.smartphone
{
	visibility:collapse;
}
div.socialmedia
{
	padding: 4px 4px 4px 4px; border-style: solid; border-width: 1px; border-color: silver; width: 170px; text-align: center; vertical-align: middle;
}
div.wraplegal
{
	vertical-align:top;
	display:inline-block;
	margin-left:0px;
	margin-right:12px;
	height:auto;
}

p
{
	margin:10px 0;
}

hr
{
	color: Silver;
	height: 1px;

}

textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.background
{
    background: #005D8D;
    color: white;
    font-size: 12pt;
    padding-top: 4px;
    padding-bottom: 4px;
    width:100%;
    vertical-align: middle;
    text-align: center;
}
h3.example
{
	color:#8B4513;
	font-size:11pt;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:14pt;
	margin:5px 0;
}
h1
{
	font-size:14pt;
	font-weight:bold;
}
h2
{
	font-size:12pt;
	font-weight:bold;
}
h3
{
	font-size:11pt;
	font-weight:bold;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:blue;
}

a:visited {
	color:blue;
}

a:hover {
	color:red;
}

a:active {
	color:blue;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER PAGE HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
Was using "gif" file as the "jpg" and "png" formats do not show correct colours in Apple Safari web browser, however dithering was bad. so made image the exact height required.
*/
div.header
{
	height: 32px;
	margin: 0 0 0 0;
	padding: 8px 0 0 8px;
	position: relative;
	min-width: 320px;
	background-color: #014063;
}
div.headermenu
{	
	background:#014063;
	color:navy;
	min-width:320px;	
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	font-size:10pt;
	font-weight:bold;
}
a.menuitem
{
	display: inline-block;
	border: thin solid Silver;
	color: White;
	background: #005D8D;
	text-align: center;
	width: 68px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-decoration: none;
	font-size: 9pt;
}
a.menuitem:link
{
	color:#FFFAFA;
	text-decoration:none;
}
a.menuitem:active
{
	color:#FFFAFA;
	text-decoration:none;
}
a.menuitem:visited
{
	color:#FFFAFA;
	text-decoration:none;
}
a.menuitem:hover 
{
	color:orange;
	text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT PAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.pageheader
{
	color: #0066CC;
	left: 0px;
	height: 36px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	height: 54px;
}
div.pageheaderimage
{
	color: #0066CC;
	left: 0px;
	height: 36px;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
	position: relative;
	text-align: left;
	vertical-align: middle;	
	height: 54px;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link,
#nav-main a.StaticSelectedStyle:visited {
	color:#D4E7F8;
	text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER PAGE FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.legal
{
	border: 1px solid silver;
	left: 0px;
	padding: 8px;
	color: Gray;
	min-width:280px;	
	font-size: .8em;
	position: relative;
	text-align: left;
	margin: 8px 8px 8px 8px;
	background-color: #F0F8FF;
}
div.legal a:link {
	color:Gray;
}
div.legal a:visited {
	color:Gray;
}
div.legal a:hover {
	color:Red;
}
div.legal a:active {
	color:Gray;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISC CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear {
	clear:both;
	}

.none {
    display:none;
}