/* Global Text Styles */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body {background-color: #eceded; font: 12px arial, verdana, sans-serif; text-align: left; color: #000000; line-height: 135%; margin: 0px;}

p {font: 12px arial, verdana, sans-serif; text-align: left; color: #000000; line-height: 135%; margin: 0px 0px 7px 0; white-space: normal;}

p.bold {font-weight: bold;}

p.red {color: #0063ac;}

p.blue {color: #0063ac;}

p.white {color: #fff;}

p.right {text-align: right;}

p.it {font-style: italic;}

a, a:visited {color: #fff;font-weight: normal; text-decoration: none;}

a:hover {text-decoration: underline;}

a.foot, a.foot:visited {font-family: 10px arial, verdana, sans-serif; color: #a5a8a8;font-weight: normal; text-decoration: none;}

a.foot:hover {font-family: 10px arial, verdana, sans-serif; color: #0063ac; font-weight: normal; text-decoration: underline;}

a.dl, a.dl:visited {font: 12px arial, verdana, sans-serif;  color: black;font-weight: bold; text-decoration: none;}

a.dl:hover {font: 12px arial, verdana, sans-serif; color: #0063ac; font-weight: bold; text-decoration: underline;}

a.hiero, a.hiero:visited {font: 12px arial, verdana, sans-serif; color: #a5a8a8; font-weight: normal; text-decoration: none;}

a.hiero:hover {text-decoration: underline; color: #f0cc25;}

a.bold, a.bold:visited {font: 12px arial, verdana, sans-serif;  color: black;font-weight: bold; text-decoration: none;}

a.bold:hover {font: 12px arial, verdana, sans-serif; color: #0063ac; font-weight: bold; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {font-family: arial, verdana, sans-serif; font-weight: normal; margin 5px 0px 15px 0;margin-bottom: 10px;line-height: 135%;}

h1 {font-size: 22px; font-weight: bold; color: #000000;}

h2 {font-size: 18px; font-weight: bold; color: #000000;}

h3 {font-size: 14px;font-weight: normal; color: #000000;}

h4 {font-size: 14px;font-weight: bold; color: #000000; margin-top: 10px;}

h5 {font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 5px;}

h6 {font-size: 18px; font-weight: bold; color: #a5a8a8; margin-bottom: 5px; margin-top:10px;}

hr {width: 100%; border-bottom: 1px solid #fff; border-top: 1px solid #b6b5b6; margin: 20px 0px 20px 0px;}

hr.c {clear: both;}


/* image styling */

img.med {border: 1px solid #dedee3; border-right-color: #b7b7b8; border-bottom-color: #b7b7b8; padding: 5px; background: #fff; margin: 10px 0px 10px 0px;}
    
img.floatRight, img.floatLeft { float: right; border: 1px solid #dedee3; border-right-color: #b7b7b8; border-bottom-color: #b7b7b8; padding: 5px; background: #fff; margin:0px 0px 10px 0px;}

img.floatLeft {margin:0px 20px 20px 0px; float: left;}

img.floatRight {margin:0px 0px 20px 20px;}


/* Layout */

.padding {padding: 10px;}

.half-padding {padding: 5px;}

#wrapper {width: 100%;height:auto;}


.header {width: auto; height: 260px; border-bottom: 1px solid #c5d1d9; background-color: white;background-image: url(../_images/ranger-header.jpg); background-repeat: no-repeat; background-position:center;}

#content-wrap {width:960px; height: auto; margin: 0 auto;}


#shadow-down {width: 960px; height: 20px; background-image: url(../_images/bg-shadow-down.jpg); background-repeat: no-repeat;}

#nav-message {width: auto; height:auto; padding: 0px 0px 5px 10px; margin-top: 20px;}

#download-message {width: auto; height: auto; border: 1px solid #d7d7d7; background-image: url(../_images/ticker-bg.gif); background-repeat: repeat-x; padding: 10px 0px 2px 10px; margin: 10px 0px 20px 0px;}

#flash-banner {width: 960px; height: 310px; background-image: url(../_images/flash-banner-ph.jpg); background-repeat: no-repeat;}

.movie-wrap {width: auto; height: auto; background-color: #f4f6f6; border: 1px solid #000; margin: 0px 0px 20px 0px; padding: 20px; background-image: url(../_images/movie-bg.gif); background-repeat:repeat-x;}

#movie-right {width: 240px; height: 70px; padding-top:65px; float: right;background-image: url(../_images/ranger-logo-white.png); background-position: top center; background-repeat: no-repeat;}


#link-wrap {width: 690px; height: auto; border: 1px solid #d7d7d7; margin: 0px 0px 20px 0px; padding: 10px;background-image: url(../_images/ticker-bg.gif); background-repeat: repeat-x;}

#link-right {width:350px; height: 40px; border-left: border: 1px solid #d7d7d7; float:right;}

.copy {width: auto; height:auto; margin-bottom: 10px;}

.footer {width: auto; height: 260px; border-top: 1px solid #c5d1d9;background-color: white;background-image: url(../_images/ranger-footer.jpg); background-repeat: no-repeat; background-position: top center; clear:both;}

.f-content {width: 960px; margin: 0 auto; height: auto;}

#foot-left{width: 500px;  height: 90px;background-image: url(../_images/ue-bottom-logo.png); background-position: top left; background-repeat: no-repeat; margin-top: 10px;}

#foot-right{width: 940px; height: 80px; float: right; margin-top: 15px;background-image: url(../_images/acc.png); background-position: top right; background-repeat: no-repeat;}

.credit-wrap {width: 0 auto; height: auto; clear:both;margin-top: 30px;}

#sitemap {width: 500px; height: auto;}

#credit {width: 260px; height: auto; float:right; margin-top: 46px;}

.contruction-wrap {width: 680px; height: 100px; background-color: #f4f6f6; border: 1px solid #b7b7b8; margin: 0px 0px 20px 0px;	font: 16px arial, verdana, sans-serif; text-align: left; color: #afb4b3; line-height: 135%; white-space: normal; padding: 20px;background-image: url(../_images/construct-wm.png); background-position: left; background-repeat: no-repeat;}

/* general page content layout */

.left-col { width: 230px; min-height:500px;  height:auto; border-right: 1px solid #b7b7b8;}
/* for Internet Explorer */
/*\*/
* html .left-col { height: 500px;}
/**/


.right-col {width: 720px; height: auto; float:right; margin-bottom: 20px;}

.right-pic {width: 320px; height: auto; float:right;}

.copy-left {width: 360px; height: auto;}

.division-header {width:auto; height: 70px; margin: 10px 0px 10px 0px; border-bottom: 1px solid #b7b7b8;}

.side-nav {width: auto; height: auto; margin-right: 10px;}

#article {width: 700px; height: auto;}

/* list styling */  
  
ul {list-style:none; line-height:150%; font: 12px arial, verdana, sans-serif; font-weight: bold; color: #000000;}  

li {line-height:160%; margin: 0px 0px 5px 0px;}

ul.foot {list-style:none; display: inline; line-height:120%;font: 12px arial, verdana, sans-serif; color: #000; font-weight: normal;}  

li.foot {line-height:120%; display: inline;  font: 12px arial, verdana, sans-serif; color: #000; padding: 0px 10px 0px 0px;}

/* Table elements */

table {
	padding: .1em;
	margin: 0;
	border: 1px solid #d7d8d8;
	font-size: 1em;
	width: 100%;
	border-collapse: separate;
}

table caption {
	text-align: left;
	color: #000;
	font-style: italic;
	padding: .3em 0;
}

table tr, table td, table th {
	padding: .3em .5em;
	border-top: 1px solid #d7d8d8;
	border-left: 1px solid #d7d8d8;
}

table tr th[scope=col] {
	background: #f8f8f8;
	text-align: left;
}

table tr th[scope=row], table tr th.prices {
	text-align: left;
}

table tr td {
	background: #f8f8f8;
	text-align: left;
}

/* ---------- gallery styles start here ----------------------- */

.gallery {list-style: none; margin: 0; padding: 0;}

.gallery li {margin: 0px 0px 7px 7px; padding: 0;float: left; position: relative; width: 230px; height: 170px;}

.gallery img {background: #fff; border: solid 1px #ccc; padding: 4px;}

.gallery a {text-decoration: none;}