/* URSA GLOBAL CSS STYLESHEEET  */ 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; /* normal font color on white or light background   */ 
	font-size: 71%; /* 11px */ 
	line-height: 1.4em;
	background-color: #000000;
	margin:0;padding:0;
}
a:link {color: #0033CC;}
a:visited {color: #000066;}
a:hover {color: #FF0000;}
a:active {color: #FF0000;}

td {
	text-align: left;
	vertical-align: top;
}
* html td {
	font-size:71%; /* for IE eyes only; IE5 does not inherit the font from the body so it needs this; IE6 sees this but it doesn't multiply the values */
}
ul {
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-left: 15px;
}

form {margin:0;padding:0;}
input {margin:0;padding:0;}
select {margin:0;padding:0;}
p {margin:0;padding:0;}
h1 {line-height: 1.4em; margin:0;}
h2 {line-height: 1.4em; margin:0;}
h3 {line-height: 1.4em; margin:0;}
h4 {line-height: 1.4em; margin:0;}
h5 {line-height: 1.4em; margin:0;}
table {margin:0;padding:0;border:0;}


/* % is used for all font measurements because of their ability to be resized 
(ems can be resize too but % scales better). 
Font measurements are indicated as part of the body and td tag --
thus be careful when overlapping div or other tags that contain classes with font-sizes
becuase they will multiply with each other */ 

/* Content */
.txtNormWhite {color: #ffffff;}
.txtNormWhite a:link {color: #99CCFF;}
.txtNormWhite a:visited {color: #6699CC;}
.txtNormWhite a:hover {color: #ffcc33;}
.txtNormWhite a:active {color: #ffcc33;}

.txtBoldYellow {font-weight: bold; color: #ffcc33;}

/* Navigation Elements (navGlobalPrimary is on home and subpage stylesheets) */
#topBar {
	background-color: #000066;
	width: 760px;
	padding-top: 8px;
}
#logo {
	display:block;
	position: absolute;
	left: 15px;
	top: 20px;
	background-image: url(../images/ursa_logo.gif);
	background-repeat: no-repeat;
	width:143px;
	height:45px;
	text-indent:-1000em;
}
#logo img{border:none;}

#navGlobalPrimary {
    padding-left: 202px;
	clear: both;
	line-height: 0;
	height:39px;
	overflow:hidden;
}
#home #navGlobalPrimary {padding-left: 268px;}


#navGlobalSecondary {
	font-size: .9em; /* adjusted to work with parent size of 71%; 10px  */
	color: #99CCFF;
	float: right;
	padding-right: 19px;
	height: 35px;
}
#navGlobalSecondary a:link {color: #99CCFF;}
#navGlobalSecondary a:visited {color: #99CCFF;}
#navGlobalSecondary a:hover {color: #ffcc33;}
#navGlobalSecondary a:active {color: #ffcc33;}

#navGlobalPrimary a {
	text-indent:-1000em; 
	height:39px;
	display:block;
	float:left;}
#navGlobalPrimary a:hover, .navAt {background-color: #3366cc;}

#navUrsaWorldwide {
	background-image: url(../images/nav_ursa_worldwide.gif);
	background-repeat: no-repeat;
	width:146px;
}
#navProducts {
	background-image: url(../images/nav_products.gif);
	background-repeat: no-repeat;
	width:101px;
}
#navAboutUrsa {
	background-image: url(../images/nav_about_ursa.gif);
	background-repeat: no-repeat;
	width:132px;
}
#navGlossary {
	background-image: url(../images/nav_glossary.gif);
	background-repeat: no-repeat;
	width:89px;
}

#footer {
	font-size: .75em;
	color: #999999;
	margin-top:10px;
	padding-bottom: 20px;
	padding-top: 3px;
	text-indent: 0px;
	text-align: center;
	background-color: #000000;
	/* background-image: url(../images/cvx_brand.gif.jpg); */
	background-repeat: no-repeat;
	background-position: 15px 0;
	width: 760px;
}
#footer a:link {color: #99CCFF;}
#footer a:visited {color: #99CCFF;}
#footer a:hover {color: #ffcc33;}
#footer a:active {color: #ffcc33;}

#btnGo {
	background-color: #cc0000;
	background-image: url(../images/btn_go.gif);
	background-repeat: no-repeat;
	display:block;
	width:29px;
	height:18px;
	position:relative;
	left: 125px;
	top:-1.4em;
	text-indent:-1000em;
}
#btnGo:hover {
	background-color: #99CCFF;
}



/* Pixel Rules */
/* you can override the height and/or width by placing style="height: ?px; width: ?px" attribute after the class attribute.
   IE6 needs the width and height to be defined in order to render empty div tags correctly */

div.pxRuleWhite {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #ffffff;
	
}
div.pxRuleDarkBlue {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #000066;
}
div.pxRuleDarkDarkBlue {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #000033;
}
div.pxRuleRed {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #ec0025;
}
div.pxRuleDarkRed {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #990000;
}
div.pxRuleTexacoRed {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #FF0000;
}
div.pxRuleYellow {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #ffcc22;
}
div.pxRuleBlack {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #000000;
}
div.pxRuleGray {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #494949;
}
div.pxRuleLightGray {
	height: 1px;
	width: 760px;
	overflow: hidden;
	background-color: #999999;
}

/* HR Pixel Rules */
/* you can override the height and/or width by placing style="height: ?px; border-bottom-width: ?px" attribute after the class attribute. */

hr {
	height:0px;  
	border:none; 
	border-bottom:1px solid black;
	margin:0;
}
hr.white {border-color: #ffffff;
}
hr.darkBlue {border-color:#000066;
}
hr.darkDarkBlue {border-color: #000033;
}
hr.red {border-color: #ec0025;
}
hr.darkRed {border-color:#990000;
}
hr.texacoRed {border-color:#FF0000;
}
hr.yellow {border-color:#ffcc22;
}
hr.black {border-color:#000000;
}
hr.gray {border-color:#494949;
}
hr.lightGray {border-color:#999999;
}
hr.stripeGrayBlack {border-top:1px solid #999999; border-bottom:1px solid black;
}


/* Color & Pattern Fills */
.fillWhite {background-color: #ffffff;}
.fillDarkBlue {background-color: #000066;}
.fillBlack {background-color: #000000;}
.stripedDividerBlue {
	background-image: url(../images/striped_divider_blue.gif);
	background-color: #000066;
	width: 8px;
}
.stripedDividerGray {
	background-image: url(../images/striped_divider_gray.gif);
	background-color: #cccccc;
	width: 3px; 
}
.trademark {
	font-size: 71%;
	vertical-align: .2em;
	
}
.center {text-align:center; margin: 0 center;}