

@charset "UTF-8";
/* CSS Document */

/*Robins Webform Styles */

.form-radio {
display: inline;
float:left;
padding: 0px;
margin: 0px;
}

/*end webform styles */

* {
 padding: 0px;
 margin: 0px;
}

body {
 padding-top: 15px;
 font-family: Arial, sans-serif;
 font-size: 1.1em;
 background: #fff url(images/main_bg.jpg) repeat-x top left;
 color: #666;
}

a {
 color: #003D7D;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

p {
 padding-bottom: 2px;
}

h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.2em;
 color: #fff;
}

h2 {
 font-size: 1.0em;
 color: #999;
padding-bottom: 5px;
}

h2 .date {
 font-weight: normal;
 color: #666;
}

h3 {
 color: #003d7d;
 font-size: 1.0em;
 padding-bottom: 5px;
}

hr {
 float: left;
 width: 100%;
 margin-top: 10px;
 padding-bottom: 10px;
 border: none;
 border-top: 1px solid #7fb0d8;
}

#all_pages {
 float: left;
 width: 710px;
 padding: 10px;
 background: transparent url(images/all_pages_bg.jpg) repeat-x top left;
 height: 229px;
 border-left: 1px solid #003d7d;
}

#all_pages ul {
 float: left;
 list-style: none;
 width: 142px;
}

#all_pages li {
 padding: 0px 10px 8px 3px;
 width: 129px;
}

#all_pages li h1 {
 color: #6d6e70;
}

#all_pages hr {
 color: #7fb0d8;
 padding-bottom: 10px;
 margin: 0px;
}

.block {
 float: left;
}

.block ul {
 padding: 0px;
}

.box {
 float: left;
 width: 600px;
}

.box ul {
 padding-left: 10px;
}

.strip .box {
 float: left;
 background-color: #eee8e4;
 margin-bottom: 10px;
 display: inline;
}

.strip .box.single {
 width: 260px;
}

.strip .box.double {
 width: 530px;
}

.strip .box .content {
 float: left;
 height: 155px;
}

.strip .box .column {
 float: left;
 width: 260px;
 padding: 0px;
}

.strip .box .text {
 float: left;
 padding: 10px;
}

.strip .box .column .text {
 height: 102px;
}

.strip .box h1 {
 padding: 0px 0 10px;
 color: #003d7d;
}

.strip .box .button {
 float: left;
 width: 230px;
 height: 13px;
 background: transparent url(images/notched_button.gif) no-repeat top left;
 padding: 5px 0px 5px 10px;
 margin: 0 10px 10px;
 display: inline;
}

.button a{
 font-weight: bold;
 color:#003D7D !important;
}

.casestudy {
 float: left;
 padding: 10px;
 background: #e7e7e7 url(images/text_bg.jpg) repeat-x top left;
 border: 1px solid #7f8081;
 width: 238px;
 height: 100px;
 margin: 0px 0px 10px 0px ;
 display: inline;
}

.casestudy h1 {
 padding: 0px 0 10px;
 color: #003d7d;
}

.column .casestudy {
 width: 168px;
 height: auto;
 margin: 10px 0
}

.column .casestudy a {
 color: #003D7D;
}

.centre_column {
 float: left;
 width: 600px;
}

.column {
 float: left;
 width: 190px;
}

.column .menu{
 float: left;
 list-style: none;
 padding-bottom: 10px;
 background: #7eafd8 url(images/second_nav_bg.jpg) repeat-x bottom left;
 display: inline;
 width: 190px;
}

.column .expanded .menu {
 margin: 5px 0;
 padding: 5px 0;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 width: 170px;
 background: none;
}

.column .menu li a{
 color: #fff;
}

.column .expanded{
 float: left;
 width: 170px;
 padding: 6px 0px 5px 10px;
 background: transparent url(images/second_nav_arrow.gif) no-repeat top left;
}

.column .collapsed{
 float: left;
 width: 170px;
 padding: 6px 0px 5px 10px;
 background: transparent url(images/second_nav_arrow.gif) no-repeat top left;
}

.column .expanded a {
 text-decoration: none;
}

.column .expanded a.active {
 font-weight: bold;
}

.column .collapsed{
 float: left;
 width: 170px;
 padding: 5px 10px;
}

.column .leaf a {
 padding: 2px 10px;
 display: block;
 width: 150px;
}

.column .expanded .leaf a {
 background: transparent url(images/second_subnav_arrow.gif) no-repeat center left;
}

.column a {
 color: #fff;
 text-decoration: none;
}

.column.left {
 padding-right: 10px;
}

.column.right {
 padding-left: 10px;
}

.column img {
 padding-bottom: 10px;
}

.content {
 float: left;
}

.quiz .text{
height: 70px;
}
#content_strip {
 float: left;
 width: 1000px;
}


#image_strip {
 float: left;
 padding: 0 0 10px 0;
}

#image_strip img{
 float: left;
}


#expanding {
 float: left;
 width: 1000px;
 border-bottom: 1px solid #003d7d;
}

#expanding .head {
 float: left;
 width: 710px;
 background-color: #7fb0d8;
 padding: 5px 10px 5px 280px;
}

#expanding img {
 float: left;
}

#featured {
 float: left;
 padding: 5px 10px;
 width: 170px;
 
}

#featured h1 {
 padding: 0 0 10px 0;
 background: none;
 color: #003D7D;
}

#featured .product {
 float: left;
 padding-bottom: 20px;
}

#featured .product .image {
 float: left;
 width: 50px;
 padding-right: 10px;
}

#featured a {
 color: #003d7d;
}


.feature {
 float: left;
 padding-bottom: 10px;
}

.feature img {
 float: left;
 padding: 0px 0 5px;
}

.feature .button {
 float: left;
 width: 150px;
 height: 13px;
 background: transparent url(images/notched_button.gif) no-repeat top left;
 padding: 5px 0px 5px 10px;
}

fieldset {
 border: none;
 padding: 0px;
}

fieldset legend {
 font-weight: bold;
}

.flowplayer {
 width: 766px !important;
 height: 476px !important;
 padding-bottom: 30px;
}

#footer {
 float: left;
 width: 1000px;
 padding-top: 15px;
}

#footer .links {
 float: right;
 width: 350px;
}

#footer .links a {
}

#footer .links ul{
 float: right;
 list-style: none;
}

#footer .links li {
 float: left;
 border-left: 1px solid #7fb0d8;
 padding: 0px 5px;
}

#footer .block {
 float: none;
}

form {
 padding-bottom: 10px;
}

.galleries {
 float: left;
 width: 600px;
}

.galleries li {
 margin: 0 0 10px 10px !important;
 padding: 10px !important;
 width: 268px;
 float: left;
}

.gradient {
 float: left;
 background: #fff url(images/featured_bg.jpg) repeat-x top left;
}

.grid_list {
 float: left;
 width: 600px;
 background: transparent url(images/gridlines_bg.jpg) repeat-y top left;
 margin-bottom: 10px;
 display: inline;
}

.grid_list ul {
 list-style: none;
 float: left;
}

.grid_list li {
 float: left;
 border-bottom: 1px solid #7fb0d8;
}

.grid_list li .cell{
 width: 170px;
 float: left;
 padding: 20px 4px 5px;  /*RB edit was 10px 10px 5px */
}

.grid_list li .right {
 border-right: none;
}

.grid_list li.bottom {
 border-bottom: none;
}

.grid_list li .image {
 float: left;
 padding-right: 10px;
}

.grid_list li .text {
 float: left;
 width: 90px;
}

.grouped {
 float: left;
 width: 800px;
}

.header_panels {
 float: left;
 position: relative;
 width: 800px;
 height: 280px;
}

.header_panels img {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 padding-right: 10px;
}

.header_panels .panel {
 float: left;
 position: absolute;
 top: 150px;
 width: 250px;
 z-index: 5;
}

.header_panels .panel h1 {
 padding-bottom: 10px;
}

.header_panels .panel p {
 color: #fff;
}

.header_panels .panel.last {
 padding-right: 0px;
}

.header_panels .panel .text {
 float: left;
 height: 96px;
 width: 250px;
}

.header_panels .panel .button {
 float: left;
 width: 230px;
 height: 13px;
 background: transparent url(images/notched_button.gif) no-repeat top left;
 padding: 5px 0px 5px 10px;
}

.home {
 height: 178px;
 margin: 0px;
 background: #fff url(images/featured_bg.jpg) repeat-x top left;
}

.item-list {
 float: none; 
 width: 600px;
}

#interesting {
 float: left;
 width: 600px;
 padding-bottom: 10px;
}

#interesting .heading {
 float: left;
 background-color: #7fb0d8;
 padding: 5px 10px 5px 10px;
 width: 580px;
}

#interesting .heading .link {
 float: right;
}

li.expanded, li.leaf, li.collapsed {
 list-style: none !important;
 list-style-image: none !important;
 float: left;
}

li a.active {
 color:#003D7D;
}

#news {
 float: left;
 width: 800px;
 padding-bottom: 10px;
}

#news .button {
 width: 365px;
 padding: 6px 0px 5px 15px;
 margin: 0px;
 background: #fff url(images/news_button.jpg) no-repeat top left;
}

#news h1 {
}

#news .heading {
 float: left;
 background-color: #7fb0d8;
 padding: 5px 10px 5px 10px;
 width: 780px;
}
#news .heading2 {
 float: left;
 background-color: #7fb0d8;
 padding: 5px 10px 5px 10px;
 width: 200px;
}

#news .heading .link {
 float: right;
}

#news h3 {
 font-size: 1.4em;
}

#news .secondary h3 {
 font-size: 1.0em;
 padding-bottom: 5px;
}

#news .column1 {
 width: 379px;
 padding: 0px 10px 10px;
 float: left;
 border-right: 1px solid #7fb0d8;
}

#news .column2 {
 width: 390px;
 padding: 0px 0px 10px 10px;
 float: left;
}

#news .image {
 float: left;
}

#news .article {
 float: left;
 width: 260px;
 margin-right: 10px;
 display: inline;
}
#news .article2 {
 float: left;
 width: 160px;
 margin-right: 10px;
 display: inline;
}

#news .views-row-last .article {
 margin-right: 0px;
}

#news .article .text {
 float: left;
 padding: 10px;
 width: 240px;
 height: 60px; 
 background: #e7e7e7 url(images/text_bg.jpg) repeat-x top left;
}
#news .article .text2 {
 float: left;
 padding: 10px;
 width: 140px;
 height: 60px; 
 background: #e7e7e7 url(images/text_bg.jpg) repeat-x top left;
}

#news .article h3 {
 padding: 0px;
}

#news .article .text.top2 {
 height: 55px;
 padding-bottom: 5px;
}

#news_feed {
 float: left;
 width: 190px;
 padding-bottom: 10px;
}

#news_feed h1 {
 color: #7FB0D8;
}

#news_feed .image {
 padding-bottom: 10px;
}

#panel1 {
 left: 10px;
}

.openinfo {
 float: left;
 background: #fff url(images/featured_bg.jpg) repeat-x top left;
 padding: 10px;
 width: 170px;
 margin-bottom: 10px;
 display:inline;
}

.openinfo .button {
 float: left;
 width: 160px;
 height: 13px;
 background: transparent url(images/notched_button.gif) no-repeat top left;
 padding: 5px 0px 5px 10px;
}


#panel2 {
 left: 270px;
}

#panel3 {
 left: 530px;
}



#primary_nav {
 float: left;
 width: 1000px;
 height: 40px;
 background: transparent url(images/primarynav_bg.jpg) repeat-x top left;
}

#primary_nav ul {
 float: left;
 list-style: none; 
}

#primary_nav li {
 float: left;
 height: 29px;
 padding: 11px 30px 0px;
 background: transparent url(images/primary_nav_bar.jpg) no-repeat top right;
}

#primary_nav li.last {
 background: none;
}

#primary_nav li.active {
 background: transparent url(images/primary_nav_bar_selected.jpg) no-repeat top right;
}

#primary_nav li a{
 padding-bottom: 11px;
 height: 15px;
 font-size: 0.85em;
 color: #003d7d;
 text-decoration: none;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#primary_nav li.active a{
 background: transparent url(images/primary_nav_arrow.jpg) no-repeat bottom center;
 color: #6D6E70;
}


.product_search {
 float: left;
 padding-bottom: 10px;
}

.product_search select {
 float: left;
 width: 170px;
 background: #fff;
 border: 1px solid #b4c7d6;
 margin-bottom: 20px;
 display: inline;
}

.product_search h1 {
 color: #7FB0D8;
 padding-bottom: 15px;
}

.product_search .buttons input {
 float: left;
 border: none;
 background: transparent url(images/blue_button_bg.gif) no-repeat top left;
 padding: 5px;
 margin-right: 10px;
 display: inline;
}

#quiz {
 float: left;
 padding: 10px;
 background: #e7e7e7 url(images/text_bg.jpg) repeat-x top left;
 border: 1px solid #7f8081;
 width: 508px;
 height: 100px;
}

#quiz h1 {
 padding: 0px 0 10px;
 color: #003d7d;
}


#related_links {
 float: left;
 width: 190px;
 background-color: #eee8e4;
 margin: 10px 0;
 display: inline;
}

#related_links .heading {
 float: left;
 background-color: #7fb0d8;
 padding: 5px 10px 5px 10px;
 width: 170px;
}

#related_links ul {
 float: left;
 list-style: none;
 padding: 10px 0 5px 10px;
}

#related_links li {
 background: transparent url(images/related_arrow.gif) no-repeat center left;
 padding: 5px 0 5px 10px;
}

#related_links a {
 color: #003d7d;
}

#search-form {
 width: 600px;
 float: left;
}

.search-results {
 width: 600px;
 float: left;
}

#secondlevel_nav {
 float: left;
 width: 190px;
}

.space_right {
 margin-right: 10px;
 display: inline;
}

.space_left {
 margin-left: 10px;
 display: inline;
}

.space_bottom {
 padding-bottom: 10px;
}

#st_andrews {
 float: left;
 width: 240px;
 height: 130px;
 padding: 10px;
}

#st_andrews h1 {
 padding: 0px 0 10px;
 color: #003d7d;
}

#st_andrews .text {
 float: left;
 height: 75px;
}

#st_andrews .button{
 float: left;
 width: 230px;
 margin-top: 5px;
 height: 13px;
 background: transparent url(images/gray_button_bg.jpg) repeat-x top left;
 padding: 5px 0px 5px 10px;
}

.strip {
 float: left;
}

#tag1 {
 background: transparent url(images/tag_open_bg.gif) no-repeat top left;
 margin-bottom: 5px;
}

#tag2 {
 background: transparent url(images/tag_rules_bg.gif) no-repeat top left;
 margin-bottom: 5px;
}

#tag3 {
 background: transparent url(images/tag_video_bg.gif) no-repeat top left;
}

#tag1.selected {
 background: transparent url(images/tag_open_arrow_bg.gif) no-repeat top left;
 margin-bottom: 5px;
}

#tag2.selected {
 background: transparent url(images/tag_rules_arrow_bg.gif) no-repeat top left;
 margin-bottom: 5px;
}

#tag3.selected {
 background: transparent url(images/tag_video_arrow_bg.gif) no-repeat top left;
}

.tag {
 float: left;
 width: 170px;
 height: 70px;
 padding: 10px 10px 10px 20px;
 display: inline;
}

.tag h1 {
 font-weight: normal;
 padding-bottom: 5px;
 color: #fff;
}

.tag p {
 color: #fff;
 padding-bottom: 5px;
}

.tag p a {
 color: #fff;
}

#text_area {
 float: left;
 width: 600px;
 font-size: 1.1em;
}

#text_area p {
 padding-bottom: 15px;
}

#text_area h1 {
 color: #7FB0D8;
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 1.5em;
}

#text_area.story h1 {
 padding-bottom: 0px;
}

#text_area ul {
 padding-left: 20px;
}

#text_area .highlight {
 font-size: 1.4em;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#text_area table {
 float: left;
 width: 600px;
 vertical-align: top;
 margin-bottom: 10px;
}

#text_area table td{
 vertical-align: top;
 padding: 0 0px;
}

#text_area table tbody{
 border: none;
}

#top_strip {
 float: left;
 width: 1000px;
 padding: 0 0 10px 0;
}

#top_strip .logo {
 float: left;
 width: 360px;
 padding-bottom: 10px;
}

#top_strip .links {
 float: right;
 width: 600px;
 padding-bottom: 20px;
}

#top_strip .links a {
}

#top_strip .search {
 float: right;
}

#top_strip .search label{
 display: none;
}

#top_strip .search .form-text{
 background: #fff url(images/magglass.jpg) no-repeat top left;
 padding: 3px 10px 3px 25px;
 border: 1px solid #ddd;
 float: left;
}

#top_strip .search .form-submit{
 background: #fff url(images/search_bg.jpg) repeat-x top left;
 padding: 0 10px 3px;
 border: none;
 margin: 1px 0 0 2px;
 height: 21px;
 line-height: 21px;
 float: left;
}


#top_strip .links ul{
 float: right;
 list-style: none;
}

#top_strip .links li {
 float: left;
 color: #003d7d;
 border-left: 1px solid #003d7d;
 padding: 0px 5px;
}

#top_strip .links li.date {
 color: #9c9ea0;
 border: none;
}

.backed {
 background-color: #eee8e4;
}

ul.menu li {
 margin: 0px;
}

ul.images {
 float: left;
 width: 600px;
}

.video {
 background: #D0D2D3;
}


#video2 {
 float: left;
 width: 780px;
 height: 260px;
 position: absolute;
 z-index: 30;
 background: #ccc;
}

#video1 {
 float: left;
 width: 780px;
 height: 260px;
 position: absolute;
 z-index: 20;
 background: #ccc;
}

.video_expander {
 padding: 10px;
}

.video_expander h1 {
 color: #003D7D;
 padding-bottom: 10px;
 font-size: 1.5em;
}

.video_expander p {
 float: left;
 width: 530px;
 height: 67px;
 padding-right: 10px;
}

.video_expander .button {
 float: left;
 width: 230px;
 height: 13px;
 background: transparent url(images/notched_button.gif) no-repeat top left;
 padding: 5px 0px 5px 10px;
 margin-bottom: 10px;
 display: inline;
}


.view {
 float: left;
 width: 600px;
}

.view .article {
 float: left;
 width: 290px;
 padding-right: 10px;
}

.view .article img{
 float: left;
 padding: 0px 15px 10px;
}

.view ol {
 width: 580px;
 padding-left: 20px;
}

.views-table {
 float: left;
 width: 600px;
 margin: 10px 0;
}

.views-table td{
 padding: 5px;
}

.views-view-grid td {
 padding-bottom: 10px;
}

.view-FAQ ol {
font-size: 1.1em;
}

#wrapper {
 width: 1000px;
 margin: 0 auto;
}
