/* Start of CMSMS style sheet 'osai-usa' */
html {
min-height: 101%;
}

body {
margin: 0 auto;
padding: 0;
font: 86% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff;
}

#wrap {
background: #ffffff;
color: #000000;
margin: 0 auto;
width: 860px;
}

#header {
padding-top: 0px; 
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
float: left;
margin: 0px 0px 0px;
position: relative;
background-color: #f3f4f1;
width: 860px;
}

#header-logo {
padding-right: 0px;
padding-left: 5px;
float: left;
padding-bottom: 0px;
padding-top: 15px; 
position: relative;
background-color: #f3f4f1;
}

#search {
padding-right: 5px;
padding-left: 0px;
float: right;
padding-bottom: 0px;
padding-top: 5px; 
position: relative;
font-size: 0.8em;
}

.search-form INPUT {
font-size: 1.0em;
}

#print {
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
float: right;
margin: 0px 0px 4px;
padding-top: 0px; 
position: relative;
background-color: #f3f4f1;
width: 860px;
}

#print-icon {
padding-right: 1px;
padding-left: 0px;
float: right;
font-size: 0.8em;
}

#sub-header {
padding-right: 1px;
padding-left: 1px;
float: left;
margin: 0px 0px 4px;
padding-bottom: 10px;
padding-top: 10px; 
position: relative;
background-color: #FF7800;
width: 860px;
}

#sub-header p {
float: left;
text-align: left;
margin: 0px 10px 4px;
color: #ffffff;
font-size: 1.5em;
}

#breadcrumbs {
padding-right: 1px;
padding-left: 1px;
float: left;
margin: 0px 0px 4px;
padding-bottom: 10px;
padding-top: 10px; 
position: relative;
background: #FF7800;
width: 860px;
}

#breadcrumbs p {
float: left;
text-align: left;
margin: 0px 10px 4px;
color: #ffffff;
font-size: 0.8em;
}

#breadcrumbs p a {
text-decoration: none;
color: #ffffff;
}

#breadcrumbs p a:hover {
text-decoration: underline;
}

#breadcrumbs lastitem {
font-weight: bold;
}

#content {
margin: 0 20px 20px 160px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding: 0 10px 0 10px;
line-height: 1.6em;
font-size: 0.9em;
text-align: left;
}

.content-column {
float:left;
margin:0px;
padding:0px;
width:181px;
font-size:0.8em;
}

H2.title_image {
margin: 0px 0px 0px 0px;
padding: 22px 0px 0 0px;
overflow: hidden;
background-repeat: no-repeat;
background: #f3f4f1;
color: #f3f4f1;
height: 0px !important; /* for most browsers */
height /**/:22px; /* for IE5.5's bad box model */
width: 183px;
}

IMG.title_image {
border: 1px solid #f3f4f1;
}

h1 {
font-size: 1.5em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h2 {
font-size: 1.4em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h3 {
font-size: 1.2em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h4 {
font-size: 1.2em;
margin: 0 0 10px 0;
}

h5 {
font-size: 1.1em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h6 {
font-size: 1.0em;
margin: 0 0 10px 0;
text-transform: uppercase;
}

a {
text-decoration: none;
color: #FF7800;
}

a:hover {
text-decoration: underline;
color: #FF7800;
}

a img {
border: 0;
}

.img-small { float: left; padding: 5px 10px 5px 20px;}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

#footer {
clear: both;
margin: 0 auto;
padding: 8px 0 15px 0;
border-top: 1px solid #f0f0f0;
width: 860px;
text-align: center;
color: #808080;
font-size: 0.8em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
color: #FF7800;
text-decoration: underline;
}

#up-to-top {
float: right;
width: 860px;
text-align: right;
font-size: 0.8em;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px solid black;
}

/* TABLE LAYOUYS */


#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic;
	text-align: right;
}

th {
	font: 11px;
	color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #FF7800;
}

th.nobg {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
	color: #000000;
	background: none;
}

td {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 6px 6px 6px 12px;
	color: #000000;
	font: 10px;
	background: #fff;
}

td.row1next {
	border-left: 1px solid #000000;	
             border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #000000;
	font: 10px;
}

td.show1stcolbg {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FF7800;
	color: #ffffff;
}

td.show1stcol {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

td.row1 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

td.alt {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #F7F7F7;
	padding: 6px 6px 6px 12px;
	color: #000000;
	font: 10px;
}

td.row2next {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #F7F7F7;
	padding: 6px 6px 6px 12px;
	color: #000000;
	font: 10px;
}

td.alt1stcol {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 0;
	background: #F7F7F7;
	color: #000000;
}

td.row2 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 0;
	background: #F7F7F7;
	color: #000000;
}

th.spec {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	text-transform: none;
	color: #000000;
	background: #fff;
	font: 10px;
}

th.specalt {
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	text-transform: none;
	color: #000000;
	background: #fff;
	font: 10px;
}
/* End of 'osai-usa' */

/* Start of CMSMS style sheet 'osai-usa-css-menu' */
/* Vertical menu for the CMS CSS Menu Module */

#osaimenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.75em;
}

#osaimenu ul {
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
}

#osaimenu li {
margin-bottom: 4px;
}

#osaimenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #000000;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}

#osaimenu li a:hover {
background: #eaeaea;
color: #FF7800;
border-left: 4px solid #FF7800;
}

/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 170px; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
             margin-left: -1px;
	}
#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 190px; 
             margin-left: -1px;
	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	}
#primary-nav li { 
             margin-bottom: -1px; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	/*border: 1px solid #006699; */
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	}
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #fff; 
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #F4ECF4; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li .menuparent, #primary-nav li .menuparent:hover, #primary-nav li .menuparenth { 
	background-image: url(images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	/*background-color: #E7AB0B; */
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,#primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul, #primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul, #primary-nav ul ul ul li.menuparenth ul{ 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparent { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
/* End of 'osai-usa-css-menu' */

