/* CSS Document */
@import url(nav.css);
@import url(jScrollPane.css);

/*
----------------------------------------------------
                 MAIN STYLES
----------------------------------------------------
*/

body {
	background:url(_i/bg.gif) repeat-x #234f65;
	margin-top: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#4e4e4e;
}

* {
	margin:0;
	padding:0;
}

.clearer {
clear:both;
}

em {
}

H1 {
	color: #b4121b;
}
H2 {
	color: #373737;
}
H3 {
	color: #373737;
	font-size:12px;
}
H4 {
	color: #373737;
	font-size:12px;
}
H5, DT {
	color: #373737;
	font-size:12px;
}
H6 {
	color: #373737;
	font-size:12px;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}
BLOCKQUOTE, PRE {
}

UL {
	margin-left : 30px;
	margin-right : 30px;
	margin-top : 12px;
}

li {
	margin-top : 4px;
	background:url(_i/li-red.gif) left 6px no-repeat;
	list-style:none !important;
	padding-left:15px;
	
}
ol {
	margin-left : 30px;
	margin-right : 30px;
	margin-top : 4px;
}


HR {
    color:#bbbbbb;
	background-color:#bbbbbb;
	height:1px;
	border:0;
	margin:15px 0 0;
}
input {
	font-style:italic;
	color:#646464;
	font-size:.9em;
	padding-top:1px;
}
p {
	padding-top:12px;
	margin-bottom:0;
	padding-bottom:0;
}
a:link, a:visited, a:active {
}

/*
----------------------------------------------------
                 HEADER STYLES
----------------------------------------------------
*/
#header {
	height:93px;
	background:url(_i/nav-bg.gif) center 35px no-repeat;
}
#headerwrap {
	width:980px;
	height:93px;
	margin-left:auto;
	margin-right:auto;
}
#header-right {
	width:566px;
	float:right;
}
#utility{
height: 31px;
font-size:9px;
color:#5b5b5b;
padding-right:10px;
float:right;
text-align:right;
}
#utility a:link, #utility a:active, #utility a:hover, #utility a:visited {
color:#5b5b5b;
text-decoration:none;
padding:0px 5px 20px 5px;
font-size:10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
.mysearchbutton { 
	background: transparent; 
	padding: 0px 0px 0px 0px; 
	cursor: hand; 
	margin: 0px 0px 0px 0px; 
	border: 0px;
	position:relative;
	top: 9px;

	}
.mysearchbox { 
width: 164px; 
height:16px;
border:1px solid #c3c3c3; 
cursor:text;
position:relative;
top: -2px;
*top:2px;
font-size:10px;
padding-top:2px;
}

#logo {
	clear:both;
	float:left;
	width:281px;
	margin-top:20px;
	margin-left:47px;
	_margin-left:24px;
}
#nav {
	float:right;
	width:566px;
	height:25px;
	margin-top:11px;
}
/*---------Social Media Icon styles ----------*/

a.blog {
	width: 16px;
	height: 16px;
	padding:3px 5px 10px !important;
	margin:0;
	text-decoration: none;
	background: url(_i/social-icons.png) no-repeat;
	background-position: 0 0;
	}

a.blog:hover {
	background: url(_i/social-icons.png) no-repeat;
	background-position: 0 -31px;
	}

a.fb {
	width: 16px;
	height: 16px;
	padding:3px 5px 10px !important;
	text-decoration: none;
	background: url(_i/social-icons.png) no-repeat;
	background-position: -29px 0;
	}

a.fb:hover {
	background: url(_i/social-icons.png) no-repeat;
	background-position: -29px -31px;
	}
	
a.tw {
	width: 16px;
	height: 16px;
	padding:3px 5px 10px !important;
	text-decoration: none;
	background: url(_i/social-icons.png) no-repeat;
	background-position: -58px 0;
	}

a.tw:hover {
	background: url(_i/social-icons.png) no-repeat;
	background-position: -58px -31px;
	}

a.lin {
	width: 16px;
	height: 16px;
	padding:3px 5px 10px !important;
	text-decoration: none;
	background: url(_i/social-icons.png) no-repeat;
	background-position: -87px 0;
	}

a.lin:hover {
	background: url(_i/social-icons.png) no-repeat;
	background-position: -87px -31px;
	}

/*
----------------------------------------------------
                 FOOTER STYLES
----------------------------------------------------
*/

#footer{
width:980px;
margin-left:auto;
margin-right:auto;
padding-top:7px;
padding-bottom:15px;
color:#fff;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited {
color:#fff;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
}
#footerleft {
float:left;
padding-left:24px;
}
#footerright {
float:right;
padding-right:0px;
}

/*
----------------------------------------------------
                 HOMEPAGE STYLES
----------------------------------------------------
*/
#wrapper {
width: 980px; /*Width of main container*/
_width:987px;
margin-left: auto; 
margin-right:auto;
margin-bottom:15px;
}
#homeleft {
width:682px;
float:left;
}
#homeright {
float:right;
width:274px;
height:595px;
padding-top:22px;
*padding-top:20px;
*height:598px;
padding-right:24px;
background:url(_i/home-right.jpg) no-repeat;
margin-top:-2px;
*margin-top:0px;
_margin-top:-2px;
}
.home-content {
width:565px;
height:158px;
padding-top:18px;
padding-left:47px;
padding-right:70px;
margin-top:-2px;
*margin-top:0px;
_margin-top:-2px;
background:url(_i/content-home.jpg) no-repeat;
}
.home-content .Normal {
	color:#000;
	font-size:1.2em;
	line-height:16px;
}
.home-content .Normal a:link, .home-content .Normal a:visited {
	color:#000;
}
.suretyflash {
width:682px;
height:295px;
overflow:hidden;
background:url(_i/flash.jpg) no-repeat;
}

#home-bottom {
	height:168px;
	width:682px;
	background:url(_i/home-bottom.jpg) no-repeat;
	clear:both;
}
.home-left {
	margin-left:47px;
	margin-top:24px;
	height:112px;
	width:261px;
	_margin-left:23px;

	float:left;
	scrollbar-face-color: #921c24;
    scrollbar-arrow-color: #ddd;
    scrollbar-track-color: #ccc;
    scrollbar-shadow-color: '';
    scrollbar-highlight-color: '';
    scrollbar-3dlight-color: '';
    scrollbar-darkshadow-color: '';
}
.home-left .Normal, .home-left .Normal a:link, .home-left .Normal a:visited {
	color:#fff;
}
#dnn_HomeLeft .jScrollPaneContainer {
	margin-top:12px;
}
#leftscroll {
	height:80px;
	overflow:auto;
	position:relative;
	font-size:11px;
	font-weight:bold;
}
#leftscroll p:first-child {
	margin-top:0;
	padding-top:0;
}
.home-right {
	width:275px;
	height:112px;
	margin-top:24px;
	margin-right:45px;
	_margin-right:20px;
	float:right;
}
.home-right select {
	width:270px;
	margin-bottom:5px;
}
.home-right .Normal {
	font-size:11px;
	color:#fff;
}
.home-right img {
	border:0;
}
#homerighttop img {
	margin-right:12px;
}
#homerighttop a:link, #homerighttop a:visited {
	color:#000;
}
.home-r1 {
	margin-left:24px;
	height:74px;
}
.home-r2 {
	margin-left:24px;
	height:74px;
	margin-top:29px;
}
.home-r3 {
	margin-left:24px;
	height:74px;
	margin-top:36px;
	_margin-top:26px;
}
.home-r4 {
	margin-left:24px;
	height:141px;
	margin-top:7px;
	*margin-top:9px;
	_margin-top:19px;
}
.home-r5 {
	margin-left:24px;
	margin-top:35px;
	_margin-top:20px;
	clear:both;
}
.home-r5 .Normal{
	color:#fff;
}
.home-r5 .h2contentwhite {
	margin-top:-6px;
}
#odometer {
	margin-lefT:-1px;
	margin-top:6px;
}

.inside-content h2 {
		font-size:12px;
	font-weight:bold;
	margin-top:10px;
}



/*
----------------------------------------------------
                 DNN STYLES
----------------------------------------------------
*/

/* style for module titles */
.Head {
    font-size:  11px;
    font-weight: bold;
}
/* style of item titles on edit and admin pages */
.SubHead {
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-size:  11px;
    font-weight:    bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #373737;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
    font-size: 12px;
    font-weight: normal;
}
.NormalRed {
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}
.NormalBold {
    font-size: 12px;
    font-weight: bold
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-size: 12px;
    font-weight: normal;
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}
A.CommandButton:visited {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover {
    text-decoration:    underline;
    color: #ff0000;
}    
.SkinObject{
	color:#fff;
	font-size:1.0em;
	text-decoration:none;
	font-weight:normal;
}

#one-column-emphasis ul {
	margin:0;
}

#one-column-emphasis ul li {
	margin-top:0;
}

.webtoleadform {
font-size:12px;
}

.webtoleadform .block1_right {
float:left;
width:294px;
padding-top:12px;
}

.webtoleadform .block1_left {
float:left;
width:294px;
margin-right:16px;
padding-top:12px;
}

.webtoleadform .block2 {
clear:both;
padding-top:12px;
}

.webtoleadform .block3_left {
float:left;
width:190px;
margin-right:16px;
padding-top:12px;
}

.webtoleadform .block3_right {
float:left;
width:190px;
padding-top:12px;
}

.webtoleadform .block4_left {
float:left;
width:190px;
margin-right:16px;
padding-top:12px;
}

.webtoleadform .block4_right {
float:left;
width:398px;
padding-top:12px;
}

.webtoleadform .block5_left {
float:left;
width:190px;
margin-right:15px;
}

.webtoleadform .block5_right {
float:left;
width:193px;
}

.webtoleadform .block1_right input, .webtoleadform .block1_left input {
border:1px solid #999999;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:290px;
}

.webtoleadform .block2 input {
border:1px solid #999999;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:600px;
}

.webtoleadform .block3_right input, .webtoleadform .block3_left input {
border:1px solid #999999;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:186px;
}

.webtoleadform .block5_right input.checkbox, .webtoleadform .block5_left input.checkbox {
border:0 !important;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:25px !important;
}

.webtoleadform .block4_left input {
border:1px solid #999999;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:186px;
}

.webtoleadform .block4_right input {
border:1px solid #999999;
clear:both;
font-size:10px;
height:13px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:394px;
}

.webtoleadform .block2 select {
border:1px solid #999999;
clear:both;
font-size:10px;
height:20px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:350px;
}

.webtoleadform .block2 textarea {
border:1px solid #999999;
clear:both;
font-size:12px;
margin-bottom:0;
margin-top:2px;
padding:1px;
width:600px;
}

.flags {
	margin-top:-4px;
	padding-left:5px;
	position:absolute;
}

.flags_h2 {
	margin-top:22px !important;
}

/*
----------------------------------------------------
                 Infinite Carousel
----------------------------------------------------
*/
.bottomcarousel{
	width:910px;
	margin-left:26px;
	background: url(_i/bg_bottomcarousel.gif) repeat-x;
	height:90px;
	padding:20px 22px 0 22px}
	
.infiniteCarousel {
  width: 908px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 850px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 29px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
background:none;}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
 display:block;
 background:none;
  float:left;
  padding:0 10px;
  height: 50px;
  width: 150px;
  text-align:center;
  margin:0;

}

.infiniteCarousel ul li a img {
  display:block;
  border:0;
  background:none;
}
.infiniteCarousel ul li a img:hover {
  border:0;
  background:none;
}

.infiniteCarousel .arrow {
  display: block;
  height: 29px;
  width: 29px;
  text-indent: -999px;
  position: absolute;
  top: 12px;
  cursor: pointer;
  font-size:0px;
  
}

.infiniteCarousel .forward {
	background: url(/portals/0/logos/scroller-right.gif) no-repeat 0 0;
  background-position: 0 0;
  right: 0px;
}

.infiniteCarousel .back {
background: url(/portals/0/logos/scroller-left.gif) no-repeat 0 0;
  background-position: 0 0;
  left:2px;
}

/*.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}*/