/* \*/
* html #trc {height: 1%;}
* html #tlc {height: 1%;}
/* */

#box {margin: auto auto auto auto;
	position: relative;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 99%; /* <-- use this to tie width to viewport size */;
	background-color: #003399;}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#brc {background-color: transparent;
	background-repeat: no-repeat;}

#blc {background-color: transparent;
	background-repeat: no-repeat;}

#trc {background-color: transparent;
	background-repeat: no-repeat;}

#tlc {background-color: transparent;
	background-repeat: no-repeat;}

#tlc {background-image:url(Graphics/BORDtlc.gif);
	background-position: 0% 0%;}

#trc {background-image:url(Graphics/BORDtrc.gif);
	background-position: 100% 0%;}
	
#blc {background-image:url(Graphics/BORDblc.gif);
	background-position: 0% 100%;}

#brc {background-image:url(Graphics/BORDbrc.gif);
	background-position: 100% 100%;}

#bb {background-color: transparent;
	background-repeat: repeat-x;}
			
#tb {background-color: transparent;
	background-repeat: repeat-x;}
			
#tb	{background-image:url(Graphics/BORDtb.gif);
	background-position: 0% 0%;}

#bb	{background-image:url(Graphics/BORDbb.gif);
	background-position: 50% 100%;}
	
#rb	{background-image:url(Graphics/BORDr.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;}

#lb	{background-color: #003399;
	background-image: url(Graphics/BORDl.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;}



body {margin: 0;
	padding: 7px 0;
	background: #003399;}
	
#container {width: 92%;
	margin: 0 auto 0 auto;
	padding: 10px 20px 0 20px;
	color: #222;}

#logo {float: none;
	width: 640px;
	margin: 25px auto 0 auto;
	padding: 4px 0 0 0;
	border: 2px none #038ce1;
	text-align: center;
	color: #555;}

p {	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
	font-style: normal;
	text-align: justify;
	color: #ACAC00;
	font-size: 1.3em;}

#menu {display: inline;
	font-size: .8em;
	line-height: 1.3em;
	margin: 0px auto 0px auto;}

.menulink {display:inline;
	padding:4px 6px 4px 6px;
	font-size:1.1em;
	font-weight: normal;
	text-align: center;
	background:#eee url(Graphics/buttonOFF.gif) repeat-x;
	color:#26c;
	border-top:1px solid #ddd;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:1px solid #ddd;}

.menulink:hover {background:#fff url(Graphics/buttonON.gif) repeat-x;
	color:#222;
	border-top:1px solid #ddd;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ddd;
	text-decoration:none;}

#logo {margin: 25px 0px 0px 0px;
	background-image: url(Graphics/logoSM.gif);}

.headerstyle {display: block;
	margin: 18px 0 10px 0;
	padding: 5px 8px 5px 8px;
	background: #eee url(Graphics/bar.gif) repeat-x;
	color: #222;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	text-align: center;}

#contact {display: inline;
	font-size: .8em;
	line-height: 1.3em;
	margin: 0px auto 0px auto;}

.contactlink {display:inline;
	padding:4px 6px 4px 6px;
	font-size: .8em;
	font-weight: normal;
	text-align: center;
	background:#eee url(Graphics/buttonOFF.gif) repeat-x;
	color:#26c;
	border-top:1px solid #ddd;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:1px solid #ddd;}

.contactlink:hover {background:#fff url(Graphics/buttonON.gif) repeat-x;
	color:#222;
	border-top:1px solid #ddd;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ddd;
	text-decoration:none;}

#footer {margin: 0 auto 25px auto;
	width: 760px;
	padding: 0 0 5px 0;
	font-size: 0.9em;
	color: #888;
	text-align: center;}

.center {text-align: center;}

.style1 {display: block;
	margin: 18px 0 10px 0;
	padding: 5px 8px 5px 8px;
	background: #eee url(Graphics/bar.gif) repeat-x;
	color: #222;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd;
	text-decoration: none;
	text-align: center;
	font-family: Tahoma;
	font-size: 1.0em;}

a {text-decoration: none;
	background-color: inherit;
	color: #000000;}

a:hover {text-decoration: underline;}

h1,h3 {margin:0 0 0px 0;
	font-weight:normal;}

h1 {font-size:2.8em;}

h3 {margin:0px 0 0px 0;
	font-size:1.4em;}

.clear {clear:both;
	margin:0;}

.hide {display:none;}