@charset "UTF-8";

/*

	#145d9f - the OM blue

*/

.omblue { color:#145d9f; }

html {
    height: 100%;
    margin-bottom: 1px;
}

body,tr,th {
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body {
	background: #fff url('img/BACK_Gradient.jpg') repeat-x top;
	margin: 0;
	padding: 0;
	height: 100%;
}

table.page_wrapper {
	background-color: white;
	height: 100%;
}

img.om_logo {
	margin:22px 0 22px 10px;
}

td.autoheight {
	height: 1px;
}

#header .btn {
	cursor:pointer;
	border:outset 1px #145d9f;
	background:#eee;
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 8px;
	background:transparent url(img/navbar-bg.gif) repeat-x;
}
#header .btn:hover {
	background-position:0 -37px;
	text-shadow: #ccc 0px 0px 2px;
}
#header .cctext {
	color:#888;
	font-size:13px;
}

#header_btns img {
	margin-left:2px;
	margin-right:2px;
}
#header_btns a:hover {
	opacity:0.9;
}
#header_btns a:active {
	opacity:0.75;
}

/*==== default LINK style ====*/

a:link, a:visited {
	font-weight: bold;
	color: #145d9f;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #eee;
}

/*==== main navbar ====*/

#navbar_wrapper {
	margin:0 0 0 20px;
}
#navbar_wrapper ul {
	display:inline;
	list-style:none;
}

td.navbar_td_L {
	background:transparent url(img/navbar-endcap-L.gif) no-repeat;
}
td.navbar_td {
	background:transparent url(img/navbar-bg.gif) repeat-x;
	height: 37px;
}
/*==== NOTE id is set in li */
#navbar li {
	display:inline;
	list-style:none;
}
#navbar li a {
	background:transparent url(img/navbar-bg.gif) repeat-x;
	font-weight: normal;
	display:block;
	color:#fff;
	height:37px;
	line-height:37px;
	padding:0 18px 0 18px;
	margin-left:0px;
	text-decoration:none;
	font-size:20px;
/*	text-shadow: #777 1px 1px 3px; */
	float:left;
	z-index:1;
}
#navbar li a:hover {
	background-position:0 -37px;
/*	text-shadow: #eee 0px 0px 2px;	*/
}
#navbar li a:active {
	background-position:0 -74px;
}
#navbar li.selected a {
	background-position:0 -74px;
}

/*==== main subnav ====*/

#subnav_wrapper .sn_news {
	margin-left:40px;
}
#subnav_wrapper .sn_products {
	margin-left:119px;
}
#subnav_wrapper ul {
	display:inline;
	list-style:none;
}

td.subnav_td {
	background:transparent url(img/subnav-bg.gif) repeat-x;
	height: 26px;
}
/*==== NOTE id is set in li */
#subnav li {
	display:inline;
	list-style:none;
}
#subnav li a {
	background:transparent url(img/subnav-bg.gif) repeat-x;
	font-weight: normal;
	display:block;
	color: #fff;
	height:26px;
	line-height:26px;
	padding:0 10px 0 10px;
	margin-left:0px;
	text-decoration:none;
	font-size:15px;
	float:left;
	z-index:1;
}
#subnav li a:hover {
/*	background-position:0 -26px;	*/
}
#subnav li a:active {
	background-position:0 -26px;
}
#subnav li.selected a {
	background-position:0 -26px;
}

/*==== content ====*/

#content ul {
	list-style: disc outside;
	padding-left:26px;
}

#content {
	margin-left: 30px;
	margin-right: 30px;
}

#content hr {
	border: none 0;
/*	border-top:1px solid #145d9f; */
	background:url(img/sky-horiz-gradient.jpg) no-repeat;
	height: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#content h1 {
	font-size: 28px;
	font-weight: bold;
	color: #145d9f;
	margin-top: 16px;
	margin-bottom: 16px;
}
#content h2 {
	font-size: 24px;
	font-weight: bold;
	color: #145d9f;
	margin-top: 12px;
	margin-bottom: 12px;
}
#content h3 {
	font-size: 20px;
	font-weight: bold;
	color: #145d9f;
	margin-top: 18px;
	margin-bottom: 8px;
}
#content h4 {
	font-size: 16px;
	font-weight: bold;
	color: #145d9f;
	margin-top: 5px;
	margin-bottom: 5px;
}
#content p {
	margin-top:8px;
}
#content .formbutton {
	cursor:pointer;
	border:outset 1px #145d9f;
	background:#eee;
	color:#fff;
	font-weight: bold;
	font-size: 13px;
	padding: 3px 15px 4px 15px;
	background:transparent url(img/navbar-bg.gif) repeat-x;
}
#content .formbutton:hover {
	background-position:0 -37px;
	text-shadow: #ccc 0px 0px 2px;
}
#content .formbuttonsmall {
	cursor:pointer;
	border:outset 1px #145d9f;
	background:#eee;
	color:#fff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 6px;
	background:transparent url(img/navbar-bg.gif) repeat-x;
}
#content .formbuttonsmall:hover {
	background-position:0 -37px;
	text-shadow: #ccc 0px 0px 2px;
}
#content select.big { 
 background-color: #1d78b4;
 font-size: 13px;
 color: #fff; 
}

/*==== footer ====*/
#bottom_footer {
	text-align: center;
	color: #888;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 8px;
}
