html, body {
  margin: 0px;
}

body, textarea, input, select, h4, h5, h6 {
  font-family: sans-serif, helvetica, arial;
}

h2 {
  font-family: sans-serif, helvetica, arial;
 font-weight: 800;
 color: #6666cc;
}

h3 {
  font-family: sans-serif, helvetica, arial;
}

table tr td {
margin: 0px;
padding: 0px;
}

#head {
 height: 125px;
 background-image: url(http://www.onifc.com/gpx/header_bg_stretch.gif);
 margin: 0px;
 padding: 0px;
}

#logo {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 468px;
 height: 125px;
 background-image: url(http://www.onifc.com/gpx/logo.gif);
 margin: 0px;
 padding: 0px;
}

#spotlight {
 position: absolute;
 top: 0px;
 right: 80px;
 width: 106px;
 height: 84px;
 background-image: url(http://www.onifc.com/gpx/spotlight.gif);
 margin: 0px;
 padding: 0px;
}


#wrapper {
 clear: both;
 margin: 0px;
 padding: 0px;
}

#leftcol {
 float: left;
 width: 234px;
 /* border: #000 1px solid; */
 border: none;
 padding: 0px 4px 4px 4px;
 margin: 0px 0px 0px 5px;
}

#main {
 margin: 0px;
}

#centercol {
 border: none;
 margin: 0px 204px 0px 254px;
 padding: 16px 4px 4px 4px;
}

#rightcol {
 float: right;
 width: 184px;
 border: none;
 margin: 0px 5px 0px 0px;
 padding: 0px 4px 4px 4px;
}

.sideDisplayBlockWrap {
display: block;
width: 230px;
margin: 12px 0px 0px 0px;
padding: 0px;
}

.sideDisplayBlockHead {
width: 100%;
height: 26px;
margin: 0px 0px -4px 0px;
padding: 0px;
background-image: url(http://www.onifc.com/gpx/left_sb_rounded.png);
}

.sideDisplayBlock {
display: block;
margin: 0px;
padding: 3px -6 0px 0px;
border: 1px solid #6666cc;
border-top: none;
}

p.headings {
color: #ffffff;
font-size: 10pt;
font-weight: 800;
padding: 3px 0px 0px 5px;
}

.rightsideDisplayBlockWrap {
display: block;
width: 180px;
margin: 12px 0px 0px 0px;
padding: 0px;
}

.rightsideDisplayBlockHead {
width: 100%;
height: 26px;
margin: 0px 0px -4px 0px;
padding: 0px;
background-image: url(http://www.onifc.com/gpx/squared_sb.png);
}

.rightsideDisplayBlock {
display: block;
margin: 0px;
padding: 3px;
border: 1px solid #6666cc;
border-top: none;
}




/* header menu items */
.hovermenu ul{
float: right;
font: bold 13px arial;
margin: o;
padding: 0;
padding-left: 0;
margin-top: 90px;
margin-right: 40px;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.75em;
 font-family: sans-serif, helvetica, arial;
font-weight: 800;
text-decoration: none;
float: left;
color: #ffffff;
background-color: #6666cc;
border: 3px solid #6666cc;
}

.hovermenu ul li a:hover{
font-weight: 800;
color: #000000;
background: #ccccff url(http://www.onifc.com/gpx/shade.gif) top left repeat-x;
border-style: outset;
}

.hovermenu ul li a:active{
background: #c5c5ee url(http://www.onifc.com/gpx/down_pointer.gif) top center no-repeat;
}

html>body>head .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
background: #c5c5ee url(http://www.onifc.com/gpx/down_pointer.gif) top center no-repeat;
}


.toplinemenu ul {
position: absolute;
top: 63px;
left: 510px;
margin: 0;
padding: 0;
}

.toplinemenu ul li {
list-style: none;
display: inline;
}

.toplinemenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #ffff66;
border: none;
}

.toplinemenu ul li a:hover{
text-decoration: underline;
}



/* css 2 column table for showcase display */

.tab_wrap {
display: block;
padding: 0px;
height: 300px;
width: 99%;
}

.tab_centerWrap {
margin: 0px 0px 10px 15%;
}

.tab_left {
float: left;
padding-right: 30px;
border: none;
border-right: 1px solid #6666cc;
}

.tab_right {
float: left;
padding-left: 35px;
}




/* text rules */
p {
line-height: 1.4;
}

a {
color: #6666cc;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
margin: 3px 4px 4px 12px;
padding: 0px;
line-height: 1.4;
text-decoration: none;
}

ol {
line-height: 1.4;
text-decoration: none;
}

li {
line-height: 1.4;
text-decoration: none;
}

img {
border: none;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
}

.curlycontainer .innerdiv{
background: transparent url(http://www.onifc.com/gpx/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}





/* tla code styles */
ul#links58232 { width: 100%; list-style: none; overflow: hidden; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; background-color: #ffffff; }
ul#links58232 li { display: inline; float: left; clear: none; width: 100%; padding: 0px; margin: 0px; }
ul#links58232 li span { display: block; width: 100%; padding: 3px; margin: 0px; font-size: 11px; color: #ffffff; }
ul#links58232 li span a { font-size: 11px; color: #6666cc; } 





input.sidebar {
background-color: #6666cc;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox{
background-color: #ececec;
width: 90%;
padding: 10px;
}

.commentfooter{
background: url(http://www.onifc.com/gpx/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
}




/* picture popup styling */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
z-index: 20;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #6666cc;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #efefef;
padding: 5px;
left: -1000px;
border: 1px solid #6666cc;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 200;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index: 220;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 20px;
left: -230px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}

.gallerycontainerB{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailB img{
border: 1px solid white;
margin: 0 5px 5px 0;
z-index: 20;
}

.thumbnailB:hover{
background-color: transparent;
}

.thumbnailB:hover img{
border: 1px solid #6666cc;
}

.thumbnailB span{ /*CSS for enlarged image*/
position: absolute;
background-color: #efefef;
padding: 5px;
left: -1000px;
border: 1px solid #6666cc;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 200;
}

.thumbnailB span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index: 220;
}

.thumbnailB:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px;
left: 80px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}


.gallerycontainerA{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailA img{
border: 1px solid white;
margin: 0 5px 5px 0;
z-index: 20;
}

.thumbnailA:hover{
background-color: transparent;
}

.thumbnailA:hover img{
border: 1px solid #6666cc;
}

.thumbnailA span{ /*CSS for enlarged image*/
position: absolute;
background-color: #efefef;
padding: 5px;
left: -1000px;
border: 1px solid #6666cc;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 200;
}

.thumbnailA span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index: 220;
}

.thumbnailA:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px;
left: -230px; /*position where enlarged image should offset horizontally */
z-index: 1000;
}




/* social bookmarking list links */
div .sociable { margin: 0px 0px 0px 12px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: 35px;
        left: 55px;
        padding: 4px;
	background: #efefef;
	border: 2px solid #6666cc;
	color: black;
	line-height: 1.25em;
}

.sociable span { display: block; }
.sociable ul { display: inline; }
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 4px;
}
.sociable ul li:before { content: ""; }
.sociable img { border: 0; }