




body  {background:#d1d2d4; margin:0; padding:0; text-align:center; font-size:12px; color:#000; font-family:'Ubuntu', arial, serif;}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {border:0;}
a, a:hover {outline:none;}
a img {border:none;}

.wrapper {width:950px; margin:0 auto; text-align:left;}

/* Newsletter
----------------------------------------------------------------------------*/
.newsMainBg {background:#ffffff;}
.newsMainBg td {font-family:Helvetica, arial; font-size:15px; color:#777; line-height:21px;}
td a {color:#777;}
td.nsm {font-size:11px; color:#cdcbc4; line-height:13px;}
td.nsm a {color:#cdcbc4; text-decoration:none;}
td.nsm2 {font-size:12px; color:#cdcbc4; line-height:15px;}
td.nsm2 a {color:#CDCBC4; text-decoration:none;}
 .con-with {font-size:12px; color:#777; line-height:14px;}
 .con-with-lrg {font-size:24px; color:#777; line-height:26px;}
 .news-hd {color:#fff; font-size:32px; font-family:"Myriad Pro", "Myriad Web", Myriad, Arial; line-height:35px;}
 .news-date {color:#504c4a; font-size:18px; font-family:Helvetica, Arial; line-height:21px;}
 .news-slog-bg {background:#283455;}
 .news-slog {color:#fff; font-size:18px; line-height:21px;}
 .news-small {font-size:11px;}
td ul.nw-sqr {list-style:square; font-size:13px; margin-left:15px;}
td ul.nw-sqr a {text-decoration:none;color:#777777;}
 .news-ft {font-size:12px; color:#464646; line-height:17px; font-family:Helvetica, Arial;}
 .news-name {font-size:24px; color:#464646; line-height:29px;}
 .news-ft-rt {color:#464646; line-height:19px;}
 .news-ft-rt a {color:#464646;}
 .newsletter_email_link {
	color:#777777;
	font-family:Helvetica,arial;
	font-size:14px;
	line-height:21px;
}

/* Logo / Search
----------------------------------------------------------------------------*/
#topBox {
   width:100%;
   height:40px;
   float:left;
   border-bottom:1px solid #909090;
}

#topLeft {
   width:255px;
   height:40px;
   float:left;
   background:#283455 url(images/left-shad.png) repeat-y;
}

#topNav {
   width:695px;
   float:left;
   margin-top:16px;
}
#topNav ul {width:695px;}
#topNav ul li {display:inline; float:right; margin:0 0 0 15px;}
#topNav ul li a {color:#283455; text-decoration:none;}
#topNav ul li a:hover {color:#283455; text-decoration:underline;}

#logoSlogan, #searchBox {
   width:100%;
   float:left;
   background:#fff;
   border-bottom:1px solid #909090;
}

#logoBox {
   width:950px;
   float:left;
   padding:18px 0 20px 0;
   background:url(images/left-shad.png) repeat-y;
}
#logoBox ul li {display:inline; float:left;}

#logoBox ul li.slogan {
   width:255px;
   float:left;
   text-align:center;
   color:#8d8d8d;
   font-weight:bold;
   line-height:16px;
}
#logoBox ul li.slogan p {width:215px; margin:12px 0 0 16px;}

#logoBox ul li.logo {
   width:600px;
   float:left;
   margin:0 0 0 20px;
}

/* Navigation / Pic Slider
----------------------------------------------------------------------------*/
#middleBox {
   width:100%;
   float:left;
   background:#ededed;
   border-bottom:1px solid #909090;
}

#inMidBox {
   width:100%;
   float:left;
   background:#ededed;
}

#navSlideBox {
   width:950px;
   float:left;
   background:#283455 url(images/left-tile2.png) repeat-y;
}

#leftNavBox {
   width:255px;
   float:left;
   padding:0 0 16px 0;
   min-height:381px;
   height:auto !important;
   height:381px;
}

#leftNav {
   width:255px;
   float:left;
   margin-top:20px;
}

#info {
   width:255px;
   float:left;
   margin-top:22px;
   color:#e4e0d4;
}
#info ul {margin:0 0 0 26px;}
#info ul li {margin:0 0 14px 0;}
#info a {color:#eec036; text-transform:underline;}
#info a:hover {color:#e4e0d4; text-transform:none;}

#sliderBox {
   width:650px;
   height:480px;
   float:left;
   margin:15px 0 0 16px;
   overflow:hidden;
}

/* Search Box
----------------------------------------------------------------------------*/
#srchNews {
   width:950px;
   float:left;
   padding:0 0 18px 0;
   background:url(images/left-shad.png) repeat-y;
}

#srchNews2 {
   width:255px;
   float:left;
   margin-top:15px;
   padding:0 0 18px 0;
   background:#fff url(images/left-shad.png) repeat-y;
}

#search {
   width:255px;
   float:left;
   margin-top:20px;
}
#search ul {margin:0 0 0 28px; float:left;}
#search ul li {display:inline; float:left; margin:0 6px 0 0;}
.tfld {
   background:#e5e8ed;
   padding:5px 0 5px 12px;
   font-family:Arial;
   color:#1f3a61;
   border:none;
   -moz-border-radius:5px;
   -khtml-border-radius:5px; 
   -webkit-border-radius:5px;
   border-radius:5px;
}

#lateDev {
   width:695px;
   float:left;
   text-align:right;
   margin-top:26px;
   font-weight:bold;
   color:#8d8d8f;
}
#lateDev p a {color:#1c76a0 !important; text-decoration:none;}
#lateDev p a:hover {color:#283455 !important;}

/* Footer Section
----------------------------------------------------------------------------*/
#popWindowOuter {margin-top:1px;height:1px;width:100%;position:absolute;z-index:100;background-color:#666;filter:alpha(opacity=60);opacity:0.6;}
#popWindowInner, #popSuccessInner { position: absolute; z-index:1000; width: 400px; background-color:#fff; padding:30px; border:8px solid #DFDFDF; -moz-box-shadow: 0px 0px 12px #666; -webkit-box-shadow: 0px 0px 12px #666; box-shadow: 0px 0px 12px #666; left: 180px; }

.brownbutton {color: #fff; border:solid 1px #d3ccb7; background: #5f4c3b; background: -webkit-gradient(linear, left top, left bottom, from(#d3ccb7), to(#5f4c3b)); background: -moz-linear-gradient(top, #d3ccb7, #5f4c3b); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3ccb7', endColorstr='#5f4c3b'); width:auto;}
.brownbutton:hover {background: #529108; background: -webkit-gradient(linear, left top, left bottom, from(#5f4c3b), to(#d3ccb7)); background: -moz-linear-gradient(top, #5f4c3b, #d3ccb7); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f4c3b', endColorstr='#d3ccb7');}
.button {
   display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:8px 5px 8px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:active { position:relative; top:1px; }
.button:hover { text-decoration:none; }

#footBox {
   width:100%;
   float:left;
}

#signKnow {
   width:950px;
   float:left;
}

#signUp {
   width:255px;
   float:left;
   padding-top:22px;
   color:#d3ccb7;
   min-height:335px;
   height:auto !important;
   height:335px;
   background:#283455 url(images/left-shad.png) repeat-y;
}
#signUp ul {margin:0 0 0 24px; width:200px; float:left;}
#signUp ul li {margin:0 0 12px 0; line-height:16px;}
#signUp ul li.gap {margin:18px 0 0 0;}
#signUp a.btn {color:#fff; text-decoration:none; padding:4px 12px; text-transform:uppercase; font-weight:bold; border:1px solid #9c9c9c; background:#394872; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#signUp a.btn:hover {background:#1a8bbf;}

#fbBox {
   width:255px;
   float:left;
   margin-top:28px;
   color:#f0ede6;
}
#fbBox li {display:inline; float:left;}
#fbBox li span {display:none;}
#fbBox p {margin:0 0 0 24px;}

#fbBox2 {
   width:255px;
   float:left;
   padding-top:22px;
   color:#f0ede6;
   background:#283455 url(images/left-shad.png) repeat-y;
   min-height:238px;
   height:auto !important;
   height:238px;
}
#fbBox2 ul {margin:0 0 0 80px;}
#fbBox2 li {display:inline; float:left;}
#fbBox2 li span {display:none;}
#fbBox2 p {margin:0 0 0 80px;}

#right {
   width:694px;
   float:left;
   margin:36px 0 0 0;
}

#right2 {
   width:694px;
   float:left;
   margin:22px 0 0 0;
}

#toolsBox {
   width:694px;
   float:left;
}

#toKnow {
   width:434px;
   float:left;
}
#toKnow p {margin:0 0 0 30px; font-weight:bold; color:#6a6a6a; font-size:14px;}

#items {
   width:403px;
   float:left;
   margin:12px 0 0 30px;
}
#items ul {width:198px; float:left;}
#items ul li {margin:0 0 6px 0;}
#items a {color:#1c76a0; text-decoration:none; font-weight:bold; background:url(images/square.gif) no-repeat left 4px; padding:0 0 0 13px;}
#items a:hover {color:#283455; text-decoration:underline;}

#pageChange {
   width:146px;
   float:left;
   margin:5px 0 0 30px;
   font-size:37px;
   line-height:25px;
}
#pageChange li {display:inline; float:left;}
#pageChange li.arw {margin:8px 5px 0 0;}
#pageChange li.arw span {display:none;}
#pageChange li.arw2 {margin:8px 0 0 5px;}
#pageChange li.arw2 span {display:none;}

#onlineTools {
   width:260px;
   float:left;
   color:#6a6a6a;
   font-size:14px;
}
#onlineTools ul {margin-top:12px;}
#onlineTools ul li {margin:0 0 6px 0; font-size:12px;}
#onlineTools a {background:url(images/square.gif) no-repeat left 4px; padding:0 0 0 13px; color:#1c76a0; text-decoration:none; font-weight:bold; text-transform:uppercase;}
#onlineTools a:hover {color:#283455; text-decoration:underline;}

#btmLinks {
   width:664px;
   float:left;
   margin:30px 0 0 30px;
   border-top:1px solid #f0ede6;
}
#btmLinks ul {margin-top:10px;}
#btmLinks ul li {display:inline; float:left; margin:0 12px 0 0;}
#btmLinks a {color:#283455; text-decoration:none;}
#btmLinks a:hover {color:#283455; text-decoration:underline;}
#btmLinks p {width:664px; float:left; margin-top:20px; line-height:14px; font-size:10px;}

#btmLinks2 {
   width:664px;
   float:left;
   margin:0 0 0 30px;
}
#btmLinks2 ul {width:664px; float:left; float:left;}
#btmLinks2 ul li {display:inline; float:left; margin:0 12px 6px 0;}
#btmLinks2 a {color:#283455; text-decoration:none;}
#btmLinks2 a:hover {color:#283455; text-decoration:underline;}
#btmLinks2 p {width:664px; float:left; margin-top:20px; color:#283455; line-height:16px;}
#btmLinks2 p a.btn {color:#fff; text-decoration:none; font-size:14px; padding:6px 14px; text-transform:uppercase; font-weight:bold; border:1px solid #9c9c9c; background:#394872; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#btmLinks2 p a.btn:hover {background:#1a8bbf;}
#btmLinks2 p.gap {margin-top:32px; font-size:10px; color:#283455;}

/* Inner Pages
----------------------------------------------------------------------------*/
#widgets {
   	float:left;
	margin: 21px 0 0 2px;
	padding-left: 38px;
	padding-top: 8px;
	width: 213px;
   	/*background:#ededed;*/
}

#inContent {
   width:665px;
   float:left;
   margin:4px 0 0 30px;
   padding:0 0 22px 0;
}
#inContent ul {list-style:disc; margin:10px 0 16px 35px;}
#inContent h1 {font-family:'Arvo', Arial; font-size:16px; color:#444; margin:0;}
#inContent p {margin:0 0 16px 0;}

.textBox {
   width:665px;
   float:left;
   margin-top:26px;
   padding:0 0 15px 0;
   border-bottom:1px solid #434140;
}
.textBox a {color:#1c76a0 !important; text-decoration:underline;}
.textBox a:hover {color:#283455 !important; text-decoration:underline;}

.hdTitle {
   width:665px;
   float:left;
}
.hdTitle ul {list-style:none !important; margin:0 !important;}
.hdTitle ul li {display:inline; float:left;}
.hdTitle ul li.hd {width:450px;}
.hdTitle ul li.like {width:215px;}

.fullContent {
   width:665px;
   float:left;
   margin-top:22px;
   line-height:17px;
}
.fullContent a {color:#a93916; text-decoration:underline;}
.fullContent a:hover {color:#444; text-decoration:none;}

/* Sprites 
----------------------------------------------------------------------------*/
.sprite {background:url(images/icons.gif);}
.aprev {width:12px; height:11px; background-position:-67px -30px; float:left;}
.aprev:hover {width:12px; height:11px; background-position:-79px -30px; float:left;}
.anxt {width:12px; height:11px; background-position:-91px -30px; float:left;}
.anxt:hover {width:12px; height:11px; background-position:-103px -30px; float:left;}
.fb {width:30px; height:30px; background-position:0 0; float:left; margin:7px 7px 0 0;}
.twt {width:30px; height:30px; background-position:-37px 0; float:left; margin:7px 7px 0 0;}
.rss {width:30px; height:30px; background-position:-74px 0; float:left; margin:7px 7px 0 0;}
.lnkd {width:30px; height:30px; background-position:-110px 0; float:left; margin:7px 7px 0 0;}

/* Classes
----------------------------------------------------------------------------*/
.yeldot {color:#1c76a0; cursor:pointer;}
.graydot {color:#909090; cursor:pointer;}
.picgap {margin:0 28px 0 0; border:1px solid #909090;}
.picgap2 {border:1px solid #565656; background:#fff; padding:7px;}
.picshad {margin:0 0 12px 15px; -moz-box-shadow: 5px 5px 4px #abaaaa; -webkit-box-shadow: 5px 5px 4px #abaaaa; box-shadow: 5px 5px 4px #abaaaa; -ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a4a4a4'); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#a4a4a4');}
.brown {color:#a7512b;}
.lrg {font-size:14px;}
.picspace {margin:8px;}

/* Side Navigation
----------------------------------------------------------------------------*/
#nav {
   margin:0 0 0 15px; 
   padding:0; 
   list-style:none;
   width:225px;
}	

#nav li {
   float:left; 
   display:block; 
   position:relative;
   z-index:500; 
   margin:0;
   font-size:12px;
   font-weight:bold;
   width:225px;
   border-bottom:1px solid #697188;
   padding:0 0 8px 0;
   margin:0 0 10px 0;
   text-transform:uppercase;
   //text-indent:10px;
}
/* this is the parent menu */
#nav li a {
   display:block; 
   text-decoration:none; 
   color:#e9e9e9; 
   text-align:left; 
}

#nav li a:hover {
   color:#fff;
   text-decoration:none;
}
/* submenu, it's hidden by default */
#nav ul { 
   position:absolute;
   left:225px; 
   display:none;
   margin:0; 
   padding:0; 
   list-style:none;
   top:0;
}

#nav ul li {
   width:180px; 
   float:left;
   border-bottom:1px solid #1a2339 !important;
   border-left:1px solid #1a2339 !important;
   border-right:1px solid #1a2339 !important;
   text-indent:0px !important;
   text-transform:none !important;
   margin:0 !important;
   padding:0 !important;
}

#nav ul li.t1, #nav ul li.t2 {float:left;}
#nav ul li.t1 {width:160px;}
#nav ul li.t2 {width:175px;}
/* display block will make the link fill the whole area of LI */
#nav ul a {
   display:block;  
   padding:5px 0 5px 12px !important; 
   color:#fff;
   background:#42578c;
   font-weight:normal !important;
}
		
#nav ul a:hover {text-decoration:none; background:#2e3c61;}
*html #nav ul {margin:0;}
a.bord {border-top:1px solid #1a2339 !important;}

/* Home Slider
----------------------------------------------------------------------------*/
/*{outline: none;}*/
.paging-container {
	width:650px;
	padding: 0;
	margin: 0 auto;
}

/*--Main Container--*/
.paging-main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.paging-window {
	height:480px;
	width:650px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.paging-image_reel {
	position:absolute;
	top:0;
	left:0;
}
.paging-image_reel div {float: left;border: 0;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	top:420px; 
	right:0;
	width:100px;
	z-index:1; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-weight:bold;
}
.paging a {
	text-decoration: none;
	color: #c9cdda; 
	font-size:45px;
}
.paging a.active {
	font-weight: bold; 
	color:#a1a8bf;
}
.paging a:hover {color:#a1a8bf;}

/* Page 1
----------------------------------------------------------------------------*/
.pages {
   width:650px;
   float:left;
}
.pages h1 {font-family:'Covered By Your Grace', arial, serif; font-size:35px; color:#435589; font-weight:normal; margin:30px 0 8px 0; line-height:38px;}
.pages h2 {font-size:20px; color:#000; font-weight:normal; margin:0 0 12px 0;}
.pages p {line-height:19px; font-size:14px;}
.pages p.gap {margin-top:32px;}
.pages p.gap a.btn {color:#fff; text-decoration:none; background:#1a8bbf url(images/yellow-arrow.gif) no-repeat right; padding:7px 30px 7px 12px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.pages p.gap a.btn:hover {background:#48a2cc url(images/yellow-arrow.gif) no-repeat right;}

/* Sub nav
----------------------------------------------------------------------------*/
.main_menulist2 {display:block; color:#666666;font-family:Arial;font-size:12px; text-align:left;}
.main_menulist2 a {display:block;font-weight:normal;text-decoration:none;padding:0 2px 0 2px;}
.main_menulist2 a:hover{display:block;text-decoration:underline;font-weight:normal;padding:0 2px 0 2px;}
 
.menulist2 {width:auto; z-index:99999; text-align:left; font-weight:normal; border:1px solid #666; position:absolute; float:none; margin-top:14px;}
.menulist2 a {display:block; background-color:white; width:auto; padding:2px 15px 2px 5px; text-decoration:none; font-weight:normal; font-size:11px;}
.menulist2 a:hover {display:block; background-color:gray; color:#fff; width:auto; padding:2px 15px 2px 5px; font-weight:normal; text-decoration:none; font-size:11px;}
