body{
	margin:0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/bg-body.jpg) repeat;
}
form,
fieldset,
img{
	margin:0;
	padding:0;
	border:none;
}
.to-head,
.to-navigation{
	position:absolute;
	left:-9999px;
}
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:359px 0 0;
	position:relative;
}
#wrapper:after{
	content:"";
	display:block;
	clear:both;
}
/*-- logo --*/
#logo{
	position:absolute;
	top:0;
	left:14px;
	z-index:999;
}
h1#top{
	width:146px;
	height:177px;
	overflow:hidden;
	margin:0;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
}
h1 a{
	display:block;
	height:100%;
	position:relative;
}
/*-- header --*/
#header{
	width:1091px;
	height:369px;
	position:absolute;
	top:0;
	left:-45px;
}
.header-area{
	width:1091px;
	height:369px;
	background: url(../images/bg-header.png) no-repeat;
}
#header .login{
	float:right;
	overflow:hidden;
	padding:19px 76px 0 0;
	width:170px;
}
#header .login div{
	width:170px;
	overflow:hidden;
	padding:3px 3px 4px 0;
}
#header .login label{
	float:left;
	width:65px;
	margin:0 5px 0 0;
	height:20px;
	text-indent:-9999px;
	position:relative;
}
#header .login label.sign{
	background: url(../images/signin.gif) no-repeat 100% 50%;
}
#header .login label.password{
	background: url(../images/password.gif) no-repeat 100% 50%;
}
#header .login .text{
	float:left;
	width:94px;
	padding:1px 2px;
	margin:0;
	border:1px solid #000;
	background:#343434;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color:#d4d4d4;
	position:relative;
	z-index:999;
}
#header .login .button{
	float:left;
	border:none;
	background: url(../images/btn-login.gif) no-repeat;
	padding:0;
	width:62px;
	height:22px;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
	position:relative;
	z-index:999;
}
/*-- holder-nav --*/
.holder-nav{
	width:961px;
	height:72px;
	overflow:hidden;
	position:absolute;
	top:-13px;
	left:24px;
	z-index:2;
}
.nav-search{
	width:961px;
	height:72px;
	background: url(../images/bg-nav-search.png) no-repeat;
}
#navigation{
	margin:24px 0 0 36px;
	padding:0;
	display:inline;
	list-style:none;
	overflow:hidden;
	float:left;
}
#navigation li{
	float:left;
	padding:0 13px 0 12px;
	margin:0 14px 0 -13px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/separator-nav.gif) no-repeat 0 50%;
}
#navigation li a{
	display:block;
	height:19px;
	margin:4px 0 0;
	overflow:hidden;
	position:relative;
}
#navigation li.home a{
	width:38px;
	background: url(../images/home.gif) no-repeat;
}
#navigation li.sites a{
	width:67px;
	background: url(../images/sites.gif) no-repeat;
}
#navigation li.programs a{
	width:74px;
	background: url(../images/programs.gif) no-repeat;
}
#navigation li.tools a{
	width:87px;
	background: url(../images/tools.gif) no-repeat;
}
#navigation li.contact a{
	width:79px;
	background: url(../images/contact.gif) no-repeat;
}
#navigation li.sign a{
	width:57px;
	background: url(../images/sign.gif) no-repeat;
}
#navigation li a:hover,
#navigation li.active a{
	background-position:0 100%;
}
.search{
	width:278px;
	overflow:hidden;
	float:right;
	padding:24px 0 0 3px;
}
.search .input-text{
	float:left;
	width:168px;
	margin:0 7px 0 0;
	height:28px;
	padding:1px 2px;
	background: url(../images/bg-search.gif) no-repeat;
}
.search .input-text input{
	display:block;
	width:168px;
	padding:2px 0;
	background:transparent;
	margin:0;
	padding:0;
	border:none;
	color:#5a7c91;
	position:relative;
	font: 24px Arial, Verdana, Helvetica, sans-serif;
}
.search .button{
	float:left;
	border:none;
	background: url(../images/search.gif) no-repeat;
	padding:0;
	margin:4px 0 0;
	width:53px;
	height:19px;
	text-indent:-9999px;
	line-height:0;
	position:relative;
	cursor:pointer;
}
/*--  --*/
.holder-main{
	width:100%;
	position:relative;
	z-index:1;
	margin:-79px 0 0;
}
.holder-main:after{
	content:"";
	display:block;
	clear:both;
}
#main{
	width:100%;
	overflow:hidden;
	padding:38px 0 0;
	background: url(../images/top-main.png) no-repeat;
}
#main.alternate{
	width:100%;
	overflow:hidden;
	padding:38px 0 0;
	background: url(../images/top-main-alt.png) no-repeat;
}
#main .main-area{
	width:100%;
	overflow:hidden;
	padding:38px 0 0;
	background: url(../images/bg-main.jpg) repeat-y;
}

#main .main-area.alternate{
	width:100%;
	overflow:hidden;
	padding:24px 0 0;
	background: url(../images/bg-main-alt.jpg) repeat-y;
}

/*-- content --*/
#content{
	width:600px;
	float:left;
	padding:0 0 0 10px;
}
#content.alternate{
	width:980px;
	float:left;
	padding:0 0 0 10px;
}
#content .post{
	width:100%;
	overflow:hidden;
	color:#272727;
	padding:0 0 34px;
}
.post .image{
	width:251px;
	height:184px;
	padding:3px;
	overflow:hidden;
	float:left;
	position:relative;
	margin:0 17px 0 0;
	background: url(../images/bg-image.gif) no-repeat;
}
.post .image img{
	display:block;
	width:251px;
	height:184px;
}
.post .calendar{
	overflow:hidden;
	float:right;
	width:334px;
	margin:0 0 0 -8px;
}

.post .calendar.noimage{
	overflow:hidden;
  clear:right;
	float:left;
	width:600px;
	margin:0 0 0 0;
}

.post .calendar .date{
	display:block;
	margin:4px 7px 0 8px;
	font:bold 20px/26px Tahoma, Arial, Verdana sans-serif;
}
.post .calendar img{
	float:left;
	margin:0 4px 0 0;
}
.post .blue .date{
	background:#00a2df;
}
.post .green .date{
	background:#9ee936;
}
.post .yelow .date{
	background:#ffe72d;
}
.post .red .date{
	background:#fe42a3;
}
.post strong{
	color:#00a2df;
	margin:0 0 14px;
}
.post strong a{
	color:#00a2df;
	text-decoration:none;
}
.post strong a:hover{
	text-decoration:underline;
}
.post p{
	margin:14px 0 0;
	line-height:18px;
}
/*--  --*/
#sidebar{
	width:321px;
	float:right;
	padding:0 12px 0 0;
	margin:-10px 0 0;
}
#sidebar .box{
	width:321px;
	padding:10px 0 0;
}
#sidebar .box:after{
	content:"";
	display:block;
	clear:both;
}
#sidebar .box-area{
	width:313px;
	padding:0 4px;
	background: url(../images/bg-box.png) repeat-y;
}
#sidebar .box-area:after{
	content:"";
	display:block;
	clear:both;
}
#sidebar .about{
	width:100%;
	overflow:hidden;
	text-align:justify;
	line-height:13px;
	background: url(../images/bg-about.jpg) repeat-y;
}
#sidebar .about p{
	margin:0;
	font-weight:bold;
	color:#0d4f74;
}
.about .emblem{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-emblem.png) no-repeat 50% 20px;
}
.about .spech{
	overflow:hidden;
	padding:30px 22px 0;
	height:1%;
	background: url(../images/open-spech.png) no-repeat;
}
.about .close-spech{
	display:block;
	height:21px;
	width:100%;
	background: url(../images/close-spech.png) no-repeat;
}
#sidebar .title-hold{
	position:relative;
	width:321px;
	margin:0 0 -20px;
}
#sidebar .title{
	height:52px;
	padding:14px 0 0 14px;
}
#sidebar .red{
	background: url(../images/bg-red-title.png) no-repeat;
}
#sidebar .yelow{
	background: url(../images/bg-title-yelow.png) no-repeat;
}
#sidebar .green{
	background: url(../images/bg-title-green.png) no-repeat;
}
#sidebar .title h2{
	text-indent:-9999px;
	margin:0;
	overflow:hidden;
	line-height:0;
}
#sidebar .title h2 img{
	display:block;
}
#sidebar .title .birdie{
	width:56px;
	height:45px;
	position:absolute;
	top:-3px;
	right:-2px;
	z-index:999;
}
#sidebar .title .birdie a{
	width:56px;
	height:45px;
	display:block;
	background: url(../images/birdie.png) no-repeat;
}
#sidebar .bottom-box-about{
	height:15px;
	background: url(../images/bg-bottom-box-about.png) no-repeat;
}
#sidebar .box .program{
	width:100%;
	background: url(../images/bg-program.png) repeat-y;
}
#sidebar .box .program:after{
	content:"";
	display:block;
	clear:both;
}
#sidebar .box .holder-program{
	position:relative;
	padding:11px 0 60px;
}
#sidebar .box .program img{
	display:block;
	margin:0 auto;
}
#sidebar .box .program .mail{
	position:absolute;
	width:170px;
	height:100px;
	bottom:-53px;
	left:-19px;
}
#sidebar .box .bottom-program{
	width:321px;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/bg-bottom-program.png) no-repeat;
}
#sidebar .box .inner{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-inner.jpg) repeat-y;
}
#sidebar .box .bottom-inner{
	background: url(../images/bg-bottom-inner.png) no-repeat;
	height:19px;
}
#sidebar .ico{
	margin:20px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#sidebar .ico li{
	width:104px;
	float:left;
}
#sidebar .ico a{
	float:left;
}
#sidebar .ico a img{
	display:block;
}
#sidebar .min-box{
	width:160px;
	float:left;
	color:#165476;
	font-size:11px;
}
#sidebar .min-box a{
	color:#165476;
	text-decoration:none;
}
#sidebar .min-box a:hover{
	text-decoration:underline;
}
#sidebar .min-box .title{
	height:52px;
	padding:14px 0 0 14px;
	position:relative;
	width:146px;
	background: url(../images/bg-title-blue.png) no-repeat;
}
#sidebar .min-box .title-hold{
	position:relative;
	width:160px;
	margin:0 0 -20px;
}
#sidebar .min-box-area{
	width:152px;
	padding:0 4px;
	overflow:hidden;
	background: url(../images/bg-min-box-area.png) repeat-y;
}
#sidebar .min-box-area .inner{
	width:100%;
	overflow:hidden;
	padding:13px 0 0;
	min-height:195px;
	background: url(../images/min-inner.jpg) repeat-y;
}
* html #sidebar .min-box-area .inner{
	height:195px;
	overflow:visible;
}
#sidebar .bottom-min-box{
	width:100%;
	height:16px;
	background: url(../images/bg-bottom-min-box.png) no-repeat;
}
#sidebar .min-box-area ul{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-size:11px;
	color:#165476;
	width:100%;
	overflow:hidden;
}
#sidebar .min-box-area li{
	padding:0 0 0 27px;
	margin:10px 0 0;
	background: url(../images/bullet.gif) no-repeat 11px 2px;
}
#sidebar .min-box-area .more,
#sidebar .inner .more-green,
#sidebar .inner .more-gold{
	width:96px;
	height:29px;
	display:block;
	margin:8px auto 0;
	overflow:hidden;
	text-indent:-9999px;
}
#sidebar .min-box-area .more{
	background: url(../images/red-more.png) no-repeat;
}
#sidebar .inner .more-green{
	background: url(../images/green-more.png) no-repeat;
}
#sidebar .inner .more-gold{
	background: url(../images/gold-more.png) no-repeat;
}
#sidebar .min-box-area .info{
	width:100%;
	overflow:hidden;
	padding:7px 0 0;
}
#sidebar .min-box-area strong{
	display:block;
	background:#bef078;
	font-size:16px;
	color:#000;
	line-height:25px;
	padding:0 0 0 7px;
	margin:0 4px 5px;
}
#sidebar .min-box-area em{
	display:block;
	font-style:normal;
	margin:0 10px;
}
#sidebar .galerea{
	margin:10px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#sidebar .galerea li{
	float:left;
	margin:10px 0 0 12px;
	display:inline;
}
#sidebar .galerea img{
	display:block;
}
#sidebar .friends{
	margin:15px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#sidebar .friends li{
	overflow:hidden;
	height:1%;
	padding:6px 0 0 10px;
	line-height:20px;
}
#sidebar .friends img{
	float:left;
	margin:0 10px 0 0;
}
#sidebar .friends a{
	color:#000;
	text-decoration:none;
	font-size:16px;
	display:block;
}
#sidebar .friends a:hover{
	text-decoration:underline;
}
#sidebar .friends a span{
	float:left;
	cursor:pointer;
	margin:16px 0 0;
}
/*-- pager --*/
#pager{
	width:634px;
	height:32px;
	padding:6px 363px 0 3px;
	overflow:hidden;
	font-weight:bold;
	font-size:14px;
	color:#4c5a64;
	line-height:29px;
	background: url(../images/bg-pager.png) no-repeat;
}

#pager.alternate{
	width:634px;
	height:32px;
	padding:6px 363px 0 3px;
	overflow:hidden;
	font-weight:bold;
	font-size:14px;
	color:#4c5a64;
	line-height:29px;
	background: url(../images/bg-pager-alt.png) no-repeat;
}

#pager a{
	color:#4c5a64;
	text-decoration:none;
}
#pager a:hover{
	text-decoration:underline;
}
#pager span{
	color:#fe42a3;
}
#pager p{
	margin:0;
	float:left;
	padding:0 0 0 15px;
}
#pager ul{
	float:right;
	margin:0;
	padding:0 19px 0 0;
	list-style:none;
	text-transform:uppercase;
	position:relative;
}
#pager ul li{
	float:left;
	margin:0 0 0 18px;
	display:inline;
}
/*-- footer --*/
#footer{
	width:100%;
	overflow:hidden;
	padding:0 0 40px;
}
#footer a.studio{
	width:147px;
	height:42px;
	text-indent:-9999px;
	background: url(../images/footer-link.png) no-repeat;
	float:right;
	margin:10px 26px 0 0;
}

#footer .disclaimer-2257 {
  width: 650px;
  padding: 4px;
  text-align: center;
  color: white;
  font-family: "Georgia", "Times New Roman", Times, serif;
  font-size: 14px;
}

#footer .disclaimer-2257 a, a:visited {
  color: white;
}

/* Styling for the sign-up form. */

  #signupContainer.header {
    margin: 0 auto;
    width: 970px;
    height: 102px;
    background: url(../images/s1.jpg);
  }

  #signupContainer.body {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 970px;
    background: url(../images/alt-table-bg.jpg) repeat-y;
  }

  #signupContainer.footer {
    margin: 0 auto;
    width: 970px;
    height: 36px;
    background: url(../images/sf.jpg);
  }

  .formText {
    border-top: 2px dotted gray;
    border-bottom: 2px dotted gray;
    background-color: #DFEAEC;
    padding: 8px;
  }

  .formText p {
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 18px;
    text-align: justify;
    margin: 0 0 15px 0;
    padding: 0;
  }

  #formContainer {
    width: 700px;
    margin: 0 auto;
  }

  #advancedSignupForm {
    font-family: "Lucida Grande", arial ,sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
  }

  #advancedSignupForm fieldset {
    border: 2px dotted gray;
    margin: 0 0 0 0;
    padding: 15px 0 15px 0;
    width: 700px;
    background: #ede9e0;
    position: relative;
  }

  #advancedSignupForm legend {
    font-size: 18px;
    font-weight: bold;
    background: #44fbf9;
    color: #302B22;
    padding: 2px 4px 2px 4px;
    position: absolute;
    top: -.5em;
    left: .2em;
  }

  #advancedSignupForm label {
    float: left;
    clear: both;
    height: 24px;
    line-height:24px;
    margin: 2px 0 2px 0;
    width: 250px;
    text-align: right;
  }

  #advancedSignupForm input, select {
    float: left;
    line-height: 16px;
    margin: 2px 0 2px 8px;
    font-size: 16px;
  }

  #advancedSignupForm input, select {
    float: none;
    line-height: 16px;
    font-size: 16px;
  }
