/* layout.css */

body {
  margin:0;
  padding:0;	
  font-family: tahoma, arial, verdana, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  /*margin: 15px 15px;*/
  font-size: 75%;
  text-align: center;
}


img {
  border:0;
}



a:link, a:visited {
  color: #047AC1;
  text-decoration: none;
}

h1 {
  font-family: arial, verdana, sans-serif;
  font-size: 175%;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px 0;
}

h2 {
  font-family: arial, verdana, sans-serif;
  font-size: 200%;
  font-weight: bold;
  color: #4866C8; /*f7940c*/
  margin: 10px 0;
}

h3 {
  font-family: arial, verdana, sans-serif;
  font-size: 135%;
  font-weight: bold;
  color: #8ca7c9;
  margin: 0 0 10px 0;
}

h3 strong {
  color: #f7940c;
}

h4 {
  font-family: arial, verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px 0;
}

h5 {
  font-family: arial, verdana, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px 0;
}

h6 {
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px 0;
}

hr {
  height: 1px;
  width: 100%;
  color: #bfbfbf;
  background-color: #bfbfbf;
  border: 0;
}

ul, ol {
  margin: 0 0 20px 0;
  padding: 0;
}

ul li {
  margin-left: 15px;
  list-style-image:url(/images/containers/bullet_000000.gif);
}

a:link, a:visited {
  text-decoration: none;
  color: #194e93;
}

a:focus, a:hover, a:active {
  color: #000000;
  text-decoration: underline;
}


#layout {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  width: 750px;
  text-align: left;
  margin: 0px auto;
}

#header {
  /* SCW took out ===>background: url('/portals/unigroup/images/loginbox.gif') 325px 0px no-repeat;*/
  height: 75px;
  margin: 0;
  padding: 5px;
}

#header #logo{
  float:left;
  padding: 10px 0 0 15px;
}

#header h1 {
  float: left;
  margin-left: 60px;
  padding: 0;
}

#header h1 a {
  margin: 0;
  display: block;
  width: 270px;
  height: 70px;
}

#header h1 a span {
  display: none;
}



#header form#template_login {
  float: right;
  height: 51px;
  margin: 0 20px;
  padding: 0;
  font-size: 80%;

}

/* not logged in */
#header form#template_login input.inputText {
  width: 145px;
  height: 25px;
  margin: 0;
  padding: 0;
  background: #fcfcfc;
  border: 1px solid #d1d1d1;
  color:#d1d1d1;
  font-size:175%;
}

#header form#template_login input.inputSubmit {
  width: 80px;
  height: 29px;
  margin-top:12px;
  margin-left:5px;
  background: url('/portals/unigroup/images/loginbutton.gif');
  border: 0;
}

#header form#template_login label {
  color:#959595;
}

#header div.loggedin {
  float:right;
  width:410px;
  margin:0;
  padding:0;
  color:#959595;
}

#header div.loggedin table, #header div.loggedin form#template_login{
  float:left;
  margin:0;
  padding:0;
}

#header div.loggedin a {
  color:#959595;
}

#header div.loggedin a:hover {
  text-decoration:underline;
}

#header div.loggedin #homebutton{
  float:left;
}

#header div.loggedin #loggedintext{
  float:right;
  margin:0 35px 0 0;
  padding:0;
}

#header div.loggedinnav {
  width:390px;
  float:right;
  padding: 3px 10px 3px 10px;
  margin:0 10px;
  border-top:3px solid white;
  background: url('/portals/unigroup/images/logged_in_bg.png') bottom left no-repeat;
}

#header div.loggedinnav a{
  padding:3px;
  font-weight:bold;
  color:white;
}

#header div.loggedintag {
  width:420px;
  float:right;
  padding: 3px 4px 3px 10px;
  margin:0 10px;
  font-size: 11px;
}


#header div.loggedinnav a:hover{
  color:#B1E5F7;
  /* SCW was gray */
}




#header div#template_login a {
  margin: 0 0 0 5px;
}


/* /not logged in */

/* logged in */
#header div#template_login {
  float: right;
  width: 263px;
  height: 34px;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 100%;
}

#header div#template_login dt {
  float: left;
  width: 26px;
  height: 34px;
  background-repeat: no-repeat;
  padding: 34px 0 0 0;
  margin: 0;
  overflow: hidden;
}

#header div#template_login dd {
  float: left;
  height: 34px;
  width: auto;
  background-repeat: no-repeat;
  margin: 0 0 0 10px;
  padding: 5px 0 5px 10px;
  border-left: 1px solid #d8d8d8;
  text-align: left;
}



div#ronav {
  float: right;
  text-align: left;
  clear: right;
  height: 30px;
  width: 550px;
  margin: 3px 10px 0 0;
  padding: 0;
  position: relative;
  right: 100px;
  	/*IE Fix*/
	  *right: 240px;
 
}

ul.ronavigation {
  line-height: 2.2em;
  font-family: verdana, arial, sans-serif;
  font-size: 9pt;
  margin: 0 0 0 20px;
  padding: 0;
}

ul.ronavigation li {
  display: inline;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

span.spacerline {
  color: #404040;
  padding: 0 3px;
}

span.spacerlinethin {
  color: #404040;
  font-size: 12pt;
  padding: 0 1px 0 1px;
}



ul.ronavigation li a {
	font-size: 0.9em;
  font-weight: bold;
}

ul.ronavigation li a:link, ul.ronavigation li a:visited {
  color: #404040;
  text-decoration: none;
}

ul.ronavigation li a:focus, ul.ronavigation li a:hover, ul.ronavigation li a:active {
  color: #333333;  
  text-decoration: underline;
}

ul.ronavigation li a.loggedin:link, ul.ronavigation li a.loggedin:visited {
  font-size: 8pt;
}

ul.ronavigation li a.loggedin:focus, ul.ronavigation li a.loggedin:hover, ul.ronavigation li a.loggedin:active {
  font-size: 8pt;
}


#middle #content{
  margin:10px;
}

#middle #content #contentleft {
  width:60%;
  height:150px;
}

#middle #content #contentleft h2{
  margin:10px;
  font-size:135%;
}

#middle #content #contentright{
  float:right;
  width:35%;
}

#middle #content #contentright #getstarted p{
  background:#485F88;
  height:30px;
  line-height:30px;
  color:#ffffff;
  padding:0 15px;
  font-weight:bold;
  font-size:125%;
}

#middle #content #contentcenter{
  margin:15px;
  padding:15px;
  border-top:1px solid #c0c0c0;
}

#middle #content #contentcenter div.happyimage{
  float:left;
  width:100%;
  clear:both;
  margin-bottom:5px;
}

#middle #content #contentcenter img.happy{
  float:left;
  margin:0;
}

#middle #content #contentcenter p.imagetext{
  float:right;
  width:450px;
  margin:0;
  padding:0;
}

#middle #content #contentcenter h2{
  float:right;
  width:450px;
  margin:0;
  padding:0;
}

#middle #content p.frontpage {
  margin-left:15px;
}

#middle #content p {
  font-family:arial;
  color:#808080;
}

#middle #content h1,h2 {
  font-family:arial;
  color:#000000;
}

#middle #content h1 {
  font-size:200%;
  font-weight:bold;
}

#middle #content h2 {
  font-size:150%;
  font-weight:bold;
}

#middle #bar {
  font-family:Helvetica;
  font-size:125%;
  height:36px;
  background:#485E87;
  color:#ffffff;
  line-height:36px;
  padding:0 15px;
}

#picture{
  background: url('/portals/unigroup/images/img-truck.png');
  margin:10px;
  border:1px solid black;
  height:247px;
}


#footer {
  padding:5px;
}

#footer ul{
  margin:0;
  padding:0;
}


#footer ul li{
  list-style-type:none;
  list-style-image:none;
  font-size:75%;
  display:inline;
  margin:0;
  padding:0 5px;
}

#footer ul li a{
  color:#808080;
}

#footer ul li a:hover{
  color:#c0c0c0;
  text-decoration:underline;
}