@charset "UTF-8";
/* CSS Document 


primary color: #
secondary color: #


1.0 Global Settings
2.0 Formating
3.0 Layout
--3.1 Internal Layout
4.0 Global Classes

*/

/*=================================== 1.0 global settings ==================================*/
q{}

html, body, #sticker {height: 100%;}

body > #sticker {height: auto; min-height: 100%; 
}

#main-stick {overflow:auto;
	padding-bottom: 1px;}  /* must be same height as the footer */

#footer-bg {position: relative;
	margin-top: -1px; /* negative value of footer height */
	height: 1px;
	clear:both;} 

#Units_3355974 {background:transparent; border:none;}

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#5c5a63;
	background:url(/images/layout/background-white.png) repeat-x scroll center 400px white;

}

* {
	margin:0;
	padding:0;
	outline:none;
}
/*==================================== 2.0 formatting ====================================*/

a {
	color:#91d150;
	
}

a:visited {
	
}

h1 {
	font-weight:normal;
	font-size:23px;
	color:#038ac9;
}

h1.red { color:red;}
h2.red { color:red;}
h1.grey { color:#5c5a63;}

#community h1 {
	font-size:33px;
	font-weight:normal;
	padding-top:18px;
	color:white;
}

#bigfour .col h1 a {
	font-size:28px;
	font-weight:bold;
	color:white;
	padding-left:40px;
	margin-top:20px;
	text-decoration:none;
	display:block;
	height: 32px;
}

#bigfour .col h1 {
}

h2 {
	
}
#bigfour .col h2  {
	padding:0;	
}

#bigfour .col h2 a {
	font-size:13px;
	font-weight:normal;
	color:white;
	padding-top:3px;
	text-decoration:none;
	display:block;
}

#community h2 {
	color:white;
	font-size:22px;
	line-height:31px;
	margin-bottom:11px;
	margin-top:5px;
}

ul.emergency li h2 {
	font-size:12px;
	font-weight:normal;
	padding: 0;
}

h3 {
	
}

ul.emergency li h3 {
	font-size:26px;
	font-weight:normal;
}

h4 {
	
}

h5 {
	
}

p {
	
}

/*==================================== 3.0 layout ====================================  */
.phaux1 {
	background:url(/images/layout/background-white.png) repeat-x top white;
	
}

#top.phaux1 {
	border-top:3px solid #a5cf21;	
}

#bluey {
	background:#75defd;
	background:url(/images/layout/bluey-bg.jpg) center no-repeat;
	padding-top:5px;
	
}

#header {
	
}

#login {

}

#sign-in {
	float:left;
	width:300px;
	margin:18px 0 0;
}
#signed-in {
	float:left;
	width:350px;
	margin:18px 0 0;
}

#scdgp {
	float: right;
}

#scdgp a {
	background:transparent url(/images/layout/scdgp.gif) no-repeat scroll left top;
	display:block;
	height:0;
	margin:18px 0 0;
	overflow:hidden;
	padding:20px 0 0;
	width:206px;
}

#scdgp a:hover {
	background-position: 0px -21px;
}

#search {
	float:right;
}

.search-box {
	padding:6px 6px 0;
}

#logo {
	float:left;
	padding: 0 0 25px 0;
			
}

#nav {
	float:right;
	margin:15px 0 0 0;
		
}
#nav ul {
	width:680px;
}

#nav li  {
	display:block;
	float:left;
	width:11%;
	text-align:center;
}

#nav li a {
	display:block;
	font-weight:bold;
	font-size:13px;
	padding:28px 5px;
	text-decoration:none;
	text-transform:capitalize;
	color:#5c5a63;
}

#nav li a:hover {
	color:#04acde;
	background:url(/images/layout/selected.png) center center no-repeat;
}

#nav li.selected a {
	background:url(/images/layout/selected.png) center center no-repeat;
}

#blue-wrap {
	padding: 0 22px;	
	background:none;
	background:url(/images/layout/blue-shadow.png) center repeat-y;
	height:307px;
}

#slider {
	background:url(/images/layout/slider-bg.png);
	width:702px;
	height:286px;
	float:left;
	padding:4px;
	margin: 6px 0 10px;
	
}

#community {
	float:left;
	margin-left:10px;
	color:white;
}

.forumsitesummary li {
	display:block;
	width:234px;
	height:45px;
	color:#5c5a63;
	margin-bottom:10px;
	
	
}

.forumsitesummary li a {
	display:block;
	font-size:16px;
	color:#02a0e4;
	text-decoration:none;
	text-transform:capitalize;
	padding:12px 0;
	text-indent:-999em;
}

.facebook { background:url(/images/socialbuttons.png) 0px 0px no-repeat;}
.facebook:hover { background-position: 0px -45px }
.twitter {background:url(/images/socialbuttons.png) 0 -131px  no-repeat;}
.twitter:hover { background-position: 0 -177px}
.forum {background:url(/images/socialbuttons.png) 0 -250px  no-repeat;}
.forum:hover { background-position: 0 -296px}



#bigfour {
	padding:17px 0 15px;
	
}

#bigfour .col {
	width:170px;
	height:126px;
	float:left;
	padding: 0 2px;
	padding:0 35px;
	cursor:pointer;
}

#bigfour .col.normal-events {
	background: url(/images/layout/big-4-new-event.jpg) 0px 0px no-repeat;
}

#bigfour .col.over-events {
	background: url(/images/layout/big-4-new-event.jpg) 0px -127px no-repeat;
}

#bigfour .col.normal {
	background: url(/images/layout/big-4.jpg) 0px 0px no-repeat;
}

#bigfour .col.over {
	background: url(/images/layout/big-4.jpg) 0px -127px no-repeat;
}


.widget01 {
	width:220px;
	height:465px;
	padding:15px 0 0 10px;
	border:1px solid #ededed;
	float:left;
	-moz-border-radius:10px 10px 0 0; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px; 
	
}

.widget02{
	width:220px;
	height:190px;
	padding:17px 0 0 10px;
	margin-top:10px;
	border:1px solid #ededed;
	float:left;
	-moz-border-radius:10px 10px 0 0; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px; 
	
}

.widget01 h1 a {
	text-decoration: none;
	color: #038AC9;
}

.image-shadow {
	position:relative;
	margin:7px 0 0;
	padding:3px 3px 0px 0;
	width:214px;
	height:69px;
	overflow:hidden;
}

.app-wrap h1 a {
	font-size:12px;
	color:#5c5a63;
	text-decoration:none;
	margin-bottom:10px;
	font-weight:bold;
	
}

.app-body {
	line-height:1.5em;
	width:200px;
}
.app-body .date {

}

.app-body a, .tweet .time {
	margin:5px 0 10px;
	display:block;
}

.date {
color:#666666;
font-size:10px;
font-weight:bold;
}


/*======= Latest News =======*/

.app-wrap-news h1 a {
	font-size:12px;
	color:#5c5a63;
	text-decoration:none;
	margin-bottom:10px;
	font-weight:bold;
	
}

.app-wrap-news .app-body {
	line-height:1.5em;
	width:200px;
}
.app-wrap-news {
margin: 10px 5px 10px 0;
}

.app-wrap-news .app-body a {
	
}

.app-wrap-news .image-shadow a {
	display:block;
	height:65px;
	overflow:hidden;
}

.app-wrap-news .image-shadow a img {
	width:210px;
}

.mid {
	width:475px;
	height:440px;
	float:left;
	margin:0 10px;
	
}

#lower.mid {
	
	float:left;
	height:193px;
	margin-top:11px;
	padding:17px 10px;
	width:454px;
	background:url(/images/layout/profile-bg.png) no-repeat;
	
	}

ul.emergency { 
	list-style:none;
	padding-top:8px;
}

li.enumber {
	padding-top:4px;	
}

.feature, .wide-feature {
    border: 1px solid #EDEDED;
    height: 102px;
    margin-bottom: 25px;
    padding: 30px 15px 10px 0;

}

.feature h1 {
	margin-bottom:5px;
}

.feature img { 
    float: left;
    left: -5px;
    padding: 0 30px 0 12px;
    position: relative;
    top: -18px;
}

.wide-feature img { 
    float: left;
    left: -5px;
    padding: 0 10px 0;
    position: relative;
    top: 1px;
}

#footer {
	margin:20px 0 0 0;
	padding:20px 10px;
	height:240px;
	border:1px solid #ededed;
	-moz-border-radius:10px 10px 0 0; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px;
}

.referals {background:url(/images/layout/referals.png) left center no-repeat;}
.forums {background:url(/images/layout/forum.png) left center no-repeat;}
.events {background:url(/images/layout/events.png) left center no-repeat;}
.services {background:url(/images/layout/services.png) left center no-repeat;}

#terms {
	height:30px;
	margin:0 auto;
	text-align:left;
	width:958px;
}

#terms ul {	float: left; }

#terms li {
	display:inline;
	list-style:none;
}

#terms li a {
	color:grey;
	text-decoration:none;
	padding:0 5px 0 0;	
}

.vanguard-digital {
	float: right;
}

.search-box input, widget02 input {
	border:1px solid lightGrey;	
	padding:5px;
	color:lightGrey;
}

.search-box input.search_btn {
	background:url(/images/layout/search-btn.png) 0 -39px no-repeat;
	height:41px;
	width:46px;
	border:none;
	position:relative;
	left:-20px;
	bottom:-2px;
}
.search-box input.search_btn:hover {
	background:url(/images/layout/search-btn.png) 0 0 no-repeat;
	height:41px;
	width:46px;
	border:none;
	position:relative;
	left:-20px;
	bottom:-1px;
}
.search-box input.search_btn:active {
	background:url(/images/layout/search-btn.png) 0 -79px no-repeat;
	height:41px;
	width:46px;
	border:none;
	position:relative;
	left:-20px;
	bottom:-1px;
}

#shadowsEnd {
	background:url(/images/layout/bottom-shadow.png) center no-repeat;
	height:21px;
}

.checkout {
	padding:15px;
	margin-top:10px;
	border:1px solid #ededed;
	float:left;
	width:927px;
	-moz-border-radius:10px 10px 0 0; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px; 
	
}

h3.quick {
	padding: 0 0 5px;
}

/*------------------------------- 3.1 Slider layout ------------------------------*/ 


#flowWrap {
	position:relative;
	
}

#flowWrap .prev {
	background:url(/images/layout/community-button-prev.png) no-repeat scroll 0px 0px transparent;	
	position:absolute;
	left: -19px;
	top:51px;
	border:0;
	width:40px;
	height:40px;
}

#flowWrap .prev:active
{
	background-position: 0px -34px;		
}

#flowWrap .next {
	position:absolute;
	right: -25px;
	top:51px;
	background:url(/images/layout/community-button.png) no-repeat scroll 0px 0px transparent;	
	border:0;
	width:40px;
	height:40px;
	display:block;
	
}

#flowWrap .next:active
{
	background-position: 0px -34px;		
}

#flowpanes { 
    overflow:hidden; 
    clear:both; 
	height:175px;
	position:relative;
	margin:0 0 0 13px;
	width:420px;
} 
 

#flowpanes .item { 
    float:left; 
    display:block; 
    width:117px; 
	height:146px;
	margin: 12px;
    cursor:pointer; 
    font-size:10px; 
	background:url(/images/layout/item-bg.png) center no-repeat;
	border: 1px solid #EDEDED;
	
} 

.item h2 a {
	font-size:15px;
	margin-bottom:3px;
	text-decoration:none;
	color:#5f5f5f;
}


 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 

.items img {
	width:110px;
	height:110px;
	background:url(/images/layout/img-bg.png);
	padding:3px;
	float:left;
	margin-right:3px;
}


 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}



/*------------------------------- 3.2 internal layout ------------------------------*/ 


#bluey-internal {
	background:#75defd;
	background:url(/images/layout/bluey-bg.jpg) center top no-repeat;	
}

.phaux1-internal {
	background: transparent url(/images/layout/background-white.png) center 316px repeat-x;
}

.col01 h1 {
	font-size: 28px;
	padding: 0 0 10px;
}

h2 {
	font-weight: normal;
	font-size: 24px;
	color:#038ac9;
	padding: 8px 0;
}

.wrap.internal-blue {
	background: #fff url(/images/layout/internal-bgblue.jpg) top right no-repeat;
}

.col01 {
	float:left;
	width: 690px;
}

.col01 .top {
	background: url(/images/layout/internal-col01-top.png) left top no-repeat;
	width: 690px;
	height: 15px;
}

.col01 .content {
	background: url(/images/layout/internal-col01-cntr.png) left top repeat-y;
	padding: 5px 20px;
}

.col01 .btm {
	background: url(/images/layout/internal-col01-btm.png) left top no-repeat;
	width: 690px;
	height: 7px;
}

.col02 {
	width: 254px;
	float:right;	
}

.col02 .sidebox {
	padding: 0 0 20px 0;
}

.col02 .sidebox .content {
	background: url(/images/layout/internal-sidebox-cntr.gif) 0px 10px repeat-y;
	padding: 0 15px 10px;
}

.col02 .sidebox .top {
	background: url(/images/layout/internal-sidebox-top.png) left top no-repeat;
	width: 254px;
	height: 10px;
}

.col02 .sidebox .btm {
	background: url(/images/layout/internal-sidebox-btm.gif) left bottom no-repeat;
	width: 254px;
	height: 5px;
}

.pic-right {
	margin: 0 0 20px 20px;
}

.col02 h4 a {
	color: #333;
	text-decoration: none;
}

.col02 h4 {
	padding:8px 0 0;
	margin: 0;
}

.col02 .date {
	font-size: 10px;
	color: #666;
	font-weight: bold;
	display: block;
}

.cat_textbox_small, .cat_listbox_small {
	border:1px solid #CCCCCC;
	color:#999999;
	height:14px;
	margin:0 0 4px;
	padding:5px;
	width:200px;
}

a#catshopclear, a#catshopbuy {
	display:block;
	float:left;
	height:20px;
	margin:0 20px 0 0;
	padding:2px 0 0;
	text-align:center;
	background: url(/images/layout/subscribe.gif) top left no-repeat;
	width: 88px;
	border: none;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;

}
.cat_button {
	background: url(/images/layout/subscribe.gif) top left no-repeat;
	height: 22px;
	width: 88px;
	border: none;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}



.cat_button:hover, a#catshopclear:hover, a#catshopbuy:hover {
	background-position: 0px -23px;
}

.checkitout {
	font-size: 30px; 
	float:left
	}
	
#next-step { 
	color:#ccc;
	font-size:24px;
	padding:6px 0 0 30px;
}

.shhh {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	
}

.coming-soon {
	font-size:18px;
	font-style:italic;
	color:black;
}

.speaker-info {
	background: url(/images/layout/blue-therapist.png);	
	text-align:center;
	position:relative;
	top:-10px;
	margin: 0 4px 0 3px;
	color:black;
}

.speaker-info a{
	color:white;
	text-decoration:none;
}

.next-slide {

}

.next:active
{
	background-position: 182px -34px;		
}


/*=============================== 4.0 global classes ================================*/ 

.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.hidden {display:none; }
.wrap { 
	width: 960px; 
	margin: 0 auto; 
	padding:0 22px 0 23px;
	text-align:left; 
	background:white;
	background:url(/images/layout/shadow2.png) center repeat-y;

}

.relative { position: relative;}

.workshop2-overlay {
	background: url(/images/layout/workshop2.jpg) top left no-repeat;
	bottom:131px;
	display:block;
	height:65px;
	left:0;
	position:absolute;
	width:210px;
	z-index:10;
	*display: none;
display:none;
}

/*Any Firefox*/
@-moz-document url-prefix() {
  .workshop2-overlay {
     bottom: 119px;
  }
}



a.contact {
	background: url(../images/layout/contactus.jpg) top left no-repeat;
	width: 210px;
	height: 65px;
	display: block;	
}


.vanguard-digital a {
	background: url(../images/layout/vd.png) top left no-repeat;
	width: 20px;
	display: block;
	height: 0px; 
	overflow: hidden;
	padding: 20px 0 0 0;
	text-indent: -9999px;
}

/* LOF SLIDER Document */
.lof-slidecontent{
	background:url(/images/layout/slider-bg.png);
	position:relative;
	overflow:hidden;
	width:955px;
	height:295px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:717px;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/



.lof-main-item-desc{
background-image: url("/images/layout/bg_transparent_black.png");
    bottom: -10px;
    color: #FFFFFF;
    height: 80px;
    padding: 15px 10px;
    position: absolute;
    right: -1px;
    width: 456px;
	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3 a{
	background: none repeat scroll 0 0 #0cabfa;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    margin: 0;
    padding: 2px 3px;
    text-decoration: none;
    text-transform: uppercase;
	color:white;
}
.lof-main-item-desc h3 a:hover{
	text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:300px;
	width:717px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:717px;
	float:left;
	position:relative;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:717px;
}

li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:375px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
  
}

.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#FFF;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;
	margin-top:15px;

}
.lof-navigator li div{
	background-image: url("/images/layout/bg_transparent_black.png");
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	 background: url("/images/layout/new-slide.jpg");
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}

.tweet { margin: 10px 5px 10px 0;}
.tweet .time { display:block;}

.twitter-icon {
	
	background:url(/images/layout/social.jpg) -38px 0;
	display:block;
	float:left;
	width:32px;
	height:32px;
	text-indent:999em;
	overflow:hidden;
}

.facebook-icon {
	
	background:url(/images/layout/social.jpg);
	margin-right:5px;
	float:left;
	display:block;
	width:32px;
	height:32px;
	text-indent:999em;
	overflow:hidden;
}

.social-wrap { position:absolute; right:5px; bottom:10px;