* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background:#fff;
    font-family:Arial, sans-serif;
    color:#282828;
    font-size:12px;
    line-height:18px;
}
p {
	line-height:1.7em;
	margin:0 0 15px;
}
a{ color:#539dff; text-decoration: none;  cursor:pointer; }
a:hover{ color:#333; }
a img{ border:0; }

.shell{width:940px; margin:0 auto}

#header{background:url(/images/css/header.gif) repeat-x; height:80px; border-bottom:solid 10px #334f74;}
h1 {
	color:#334F74;
	line-height: 100%;
}
h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:196px;
	height:50px;
	float: left;
	display: inline;
	padding-top:14px;
	float: left; 
	display: inline;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:50px;
	background:url(/images/css/logo.gif);
}

h2, h3{font-family: georgia, sans-serif; color:#334f74; font-weight: normal;;}
.right-area{float: right; display: inline;  padding-top:11px}
.right-area a{float: right; display: inline; color:#739dd3; font-size: 11px; margin-right:15px; line-height: 24px;}
.right-area a:hover{ color:#3363a4; }
.search-form{float: right; display: inline; width:205px; margin-left:10px}
.search-form .field{float: right; display: inline; width:168px;padding:5px 0; padding-left:2px; border:0; color:#4875b2; font-size: 11px; line-height: 18px;}
.search-form .btnp input{
	float: right; 
	display: inline; 
	border:none; 
	width:33px; 
	height:24px; 
	text-align: center; 
	color:#fff; 
	text-transform: uppercase; 
	background:url(/images/css/btn.gif);
	line-height: 24px;
	font-weight: bold;
	font-size:12px;
	line-height:1.0;
	padding:0px;
}
#navigation{height:30px; line-height: 30px; margin-left:45px; padding-top:0px; width:700px; float: right; display: inline; margin-top:-14px; }
#navigation ul{list-style-type: none; font-size: 11px; font-weight: bold;}
#navigation li{float: left ; display: inline;}
#navigation li a{float: left; display: inline; color:#739dd3; padding:0 14px}
#navigation li a:hover{background:#334f74; color:#fff;}
#navigation li a.active{background:#334f74; color:#fff;}

.welcome-holder{ background:url(/images/css/gradient.gif) repeat-x;}
.welcome-sub{ background:url(/images/css/gradient.gif) repeat-x;}
.welcome{background:url(/images/css/welcome.jpg) no-repeat center 0; height:283px;}
.welcome-subt{
		padding:10px;
		color:#fff;
		font-family:georgia,sans-serif;
		font-size:18px;
		line-height:28px;
}

.info{float: left; display: inline; width:530px; padding-top:45px}
.info p.big{font-size: 28px; line-height: 35px; color:#fff; font-family: georgia, sans-serif; padding-top:0}
.info p{font-size: 14px; line-height: 28px; color:#d5e5f6; padding-top:15px;margin:0px;}
.info p a{color:#fff; text-decoration: underline; line-height: 16px;}
.info p a:hover{text-decoration: none;}

.frame{background:#fff;width:380px ; float: right; display: inline; margin-top:25px}
.frame .top{background:url(/images/css/top.gif) no-repeat; width:380px}
.frame .bottom{background:url(/images/css/bottom.gif) no-repeat 0 bottom; width:380px; padding:5px 0}
.frame .bottom img{display: block; margin:0 auto;}

.tab-nav{padding-top:24px;}

.tab-nav a{
	font-size: 18px; 
	font-family: georgia, sans-serif; 
	color:#fff; 
	background:#61a5fe ;
	line-height:31px;
	float: left ;
	display: inline;
	padding-left:9px;
	margin-right:3px;
	white-space:nowrap;
	padding-right:10px;
}
.tab-nav a span{background:url(/images/css/arr.gif) no-repeat right center; padding:5px; margin-left:10px}

.tab-nav a.active, .tab-nav a:hover{background:#fff;color:#539dff;}
.tab-nav a.active span, .tab-nav a:hover span{background:url(/images/css/arr-active.gif) no-repeat right center;}

.article-holder{padding-top:23px; padding-bottom:20px; border-bottom:solid 1px #d4d4d4; margin-bottom:25px}
.article-holder .last{margin-right:0}
.article{float: left; display: inline; margin-right:25px}
.article img, .framethumb {float: left; display: inline; padding:4px; border:solid 1px #d1d1d1; margin-right:15px; margin-top:2px}
.article .descr{float: left; display: inline; width:215px}
.article .descr span{color:#a5a5a5;}

#blue-box{background:#d6e6f6 url(/images/css/toping.gif) no-repeat; width:700px; float: left;}
#blue-box .mid{background:#d6e6f6; width:700px;}
#blue-box .bot{background:url(/images/css/bot.gif) no-repeat 0 bottom; width:685px; padding-left:15px; padding-bottom:20px; padding-top:8px}
#blue-box .bot .last{margin-right:0}

.column{width:195px; float: left; display: inline; margin-right:48px}
.column h3{font-size: 18px; line-height: 28px;color:#334f74; font-family: georgia, sans-serif; font-weight: normal;}
.column a, .blue-frame a.round{float: left; display: inline; background:url(/images/css/blue-btn.gif) no-repeat; padding-left:12px; margin-top:10px}
.column a span , .blue-frame a.round span{
	float: left; 
	display: inline; 
	background:url(/images/css/blue-btn.gif) no-repeat right 0; 
	padding-right:24px; 
	line-height:28px; 
	color:#fff; 
	text-transform: uppercase; 
	font-weight: bold;
}
.column a:hover, .blue-frame a.round:hover{ background-position:0 bottom; }
.column a:hover span , .blue-frame a.round:hover span { background-position:right bottom; }

.video{width:220px; height:185px; float: left; display: inline; margin-left:20px}

#footer{background:#282828; padding-top:25px; margin-top:25px}
#footer .last{margin:0; padding-bottom:5px}
.black-box {width:300px; background:#202020 url(/images/css/btm.gif) no-repeat 0 bottom; padding-bottom:20px; margin-right:20px; float: left; display: inline;}
.black-box a.all{
	background:url(/images/css/blue-arr.gif) no-repeat right 3px; 
	padding-right:12px; 
	text-decoration: underline; 
	text-transform: uppercase; 
	font-weight: bold;
	color:#539dff; 
	margin-left:80px;	
	font-size: 11px;
}
.black-box .link {padding-top:30px} 
.black-box .link a.all{margin-left:0; margin-top:23px} 
.black-box .inner{padding-top:10px; padding-left:9px}
.black-box .inner .single{padding-bottom:20px; padding-left:9px}
.black-box .inner p{color:#b9b9b9;}
.black-box .inner a{color:#539dff; font-weight: bold; text-decoration: underline;}
.black-box .inner a:hover{ text-decoration: none;}

.black-box .inner p strong{color:#fff;}
.black-box .inner .row{padding-bottom:25px}
.black-box h3{background:#1a1a1a url(/images/css/h3-bg.gif) no-repeat; line-height:39px; font-size: 18px; font-weight: normal; color:#b9b9b9; padding-left:10px; font-family: georgia, sans-serif;}
.black-box img{float: left; display: inline; background:#555555; border:solid 1px #6c6c6c; padding:4px; margin-right:15px; margin-top:5px}
.black-box .right-part{float: left; display: inline; width:195px; color:#b9b9b9; }
.black-box .right-part a{ color:#539dff; font-weight: bold; text-decoration: underline;}
.black-box .right-part a:hover{ text-decoration: none;}

.ending{height:58px; background:#1a1a1a; margin-top:25px;}

a.small-logo{background:url(/images/css/small-logo.gif); float: left; display: inline; height:32px; width:28px; margin-top:13px;}
.area{color:#9d9d9d;font-size: 10px; padding-top:10px; padding-left:7px; float: left; display: inline;}
.area a{color:#539dff;}
.area a:hover{text-decoration: underline;}

.sub-nav{height:42px; background:#334f74; padding-top:5px;}
.sub-nav a{float: left; display: inline; padding-left:12px; background:url(/images/css/nav-bg.gif) no-repeat; color:#fff; margin-right:4px}
.sub-nav a span{float: left; display: inline; line-height: 29px; height:31px; padding-right:12px; background:url(/images/css/nav-bg.gif) no-repeat right 0;}
.sub-nav a strong{ float: left; display: inline; line-height:29px; height:31px;  background:url(/images/css/active-arr.gif) no-repeat center -200px;}

.sub-nav a:hover, 
.sub-nav a.active{ background-position:0 bottom; color:#334f74; }

.sub-nav a:hover span,
.sub-nav a.active span{  background-position:right bottom; }

.sub-nav a:hover strong,
.sub-nav a.active strong{ background-position:center bottom; }
.secondary-nav { display:none; }

#content{padding-top:25px;}

.left-col{float: left; display: inline; width:620px}
.left-col h2{font-size: 24px; line-height: 28px; font-weight: normal; color:#334f74; font-family: georgia, sans-serif; padding-bottom:9px}
.left-col h2 span{ color:#739dd3;}

.commitment-holder{width:620px; padding-top:20px}
.commitment{border-bottom:solid 1px #ececec; padding-bottom:4px; margin-bottom:4px;}
.commitment .grey-box{height:85px; width:85px; float: left; display: inline; text-align: center; background:#b5b5b5; margin-right:10px}
.commitment .grey-box strong{font-weight: normal; color:#fff; font-family: georgia, sans-serif; font-size: 24px; line-height: 28px;}
.commitment .grey-box span{font-size: 10px; display: block; padding-top:3px}
.commitment .grey-box a{
	background:url(/images/css/commit-btn.gif) no-repeat; 
	width:64px; 
	height:19px; 
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase;
	font-size: 10px;
	color:#fff;
	float: left;
	display: inline;
	margin-left:10px;
	margin-top:8px;
}
.commitment .right-cnt{ float: left; display: inline; padding-top:10px}
.commitment .right-cnt img{ float: left; display: inline; padding:4px; border:solid 1px #d1d1d1;}
.commitment .description{ float: left; display: inline; width:400px; padding-left:12px;}
.commitment .description p{font-size: 14px;}
.commitment p.data{font-size: 11px; color:#919191;}
.commitment p.data a{font-size: 11px; color:#739dd3;}
.commitment p.data a:hover{text-decoration: underline;}
.commitment p.data a.arrow{background:url(/images/css/tiny-arr.gif) no-repeat right 5px; padding-right:10px}
.commiton {
	width: 67px;
	height: 74px;
	background: url(/images/commit-on.gif) no-repeat;
	text-align:center;
	float:left;
	margin-left:20px
}
.commitoff {
	width: 67px;
	height: 74px;
	background: url(/images/commit-off.gif) no-repeat;
	text-align:center;
	float:left;
	margin-left:20px
}
.commitoff:hover {
	width: 67px;
	height: 74px;
	background: url(/images/commit-hover.gif) no-repeat;
	text-align:center;
	float:left;
	margin-left:20px
}

.right-col{float: right; display: inline; width:300px; padding-top:5px}
.right-col h3{color:#334f74; font-size: 18px; font-weight: normal; font-family: georgia, sans-serif; padding-bottom:5px; padding-top:8px}

.blue-frame{background:#d5e5f6; width:300px; margin-bottom:10px}
.blue-frame .top{background:url(/images/css/blue-top.gif) no-repeat; width:300px;}
.blue-frame .bottom{background:url(/images/css/blue-btm.gif) no-repeat 0 bottom; width:280px; padding-left:20px; padding-top:10px; padding-bottom:20px;}
.blue-frame span.lbl{float: left; display: inline; padding-top:16px; padding-right:7px}
.blue-frame ul{list-style-type: none; padding-top:8px}
.blue-frame li{background:url(/images/css/star-bul.gif) no-repeat 0 3px; padding-left:22px; padding-bottom:8px; padding-right:5px;}

.small-form {padding-top:14px; padding-bottom:4px}
.small-form label{color:#739dd3; font-size: 16px; font-family: georgia, sans-serif; padding-right:7px; float: left; display: inline; line-height: 24px;}
.small-form .field{border:0; line-height: 16px; font-size: 12px; width:183px; padding:5px 0 4px 0; padding-left:2px; float: left; display: inline;}
.small-form .btnp input{ 
	float: left; 
	display: inline; 
	width:33px; 
	height:24px; 
	background:#719cd3; 
	border:none; 
	font-size: 12px; 
	font-weight: bold; 
	color:#fff; 
}
#sidebar{width:220px; float: left; display: inline; padding-top:5px}
#sidebar .last{margin-right:0}

.profile{background:#d5e5f6; width:220px; text-align: center;}
.profile .top{background:url(/images/css/profile-top.gif) no-repeat; width:220px}
.profile .bottom{background:url(/images/css/profile-bottom.gif) no-repeat 0 bottom; width:220px; padding:20px 0}
.profile .bottom img{background:#fff; border:solid 1px #d1d1d1; padding:4px; }

.hld{padding-top:30px; padding-bottom:17px;}
.hld h3{font-size: 18px; color:#334f74; font-family: georgia, sans-serif; font-weight: normal; float: left; display: inline;}
.hld a{
	float: left; 
	display: inline; 
	background:url(/images/css/all.gif) no-repeat; 
	width:52px; 
	height:19px; 
	line-height: 19px; 
	color:#fff; 
	text-align: center; 
	font-size: 10px;
	margin-left:10px;
}
.hld a:hover{text-decoration: underline;}


.pic-holder{float: left; display: inline; margin-right:13px; margin-bottom:16px}
.pic-holder  span{color:#282828; font-size: 11px;}
.pic-holder a img{display: block; border:solid 1px #d1d1d1; padding:4px;background:#fff}

#main{width:700px; float: right; display: inline;}

.information{width:700px; padding-bottom:15px}
.information .left-area{width:143px; float: left; display: inline; color:#282828;}
.information .left-area h2 , .displayname h2{color:#739dd3; font-size: 22px; line-height: 28px; font-weight: normal; font-family: georgia, sans-serif;}
.information .center {float: left; display: inline; font-weight: bold; color:#282828; width:350px}
.information .right-area  {float: left; display: inline; width:120px; text-align:center}
.information .right-area  a, .longbutton a{
	width:119px; 
	display: block; 
	line-height: 21px; 
	background:url(/images/css/rounded.gif) no-repeat; 
	text-align: center; 
	color:#fff;
	font-size: 10px;
	margin-bottom:3px;
	float: none;
	margin-right:0;
}
.information .right-area a.blue{background:url(/images/css/rounded.gif) no-repeat 0 bottom; color:#fff; text-align: left; padding-left:10px; width:109px}
.information .right-area a:hover, .longbutton a:hover{ background-position:0 bottom; color:#a0a0a0; }

.editbuttons  a{
	width:74px; 
	display: block; 
	line-height: 21px; 
	background:url(/images/css/rounded-small.gif) no-repeat; 
	text-align: center; 
	color:#fff;
	font-size: 10px;
	margin-bottom:3px;
	float: none;
	margin-right:0;
}
.editbuttons a:hover{ background-position:0 bottom; color:#a0a0a0; }
.deletebuttons  a,.right-area .deletebuttons  a{
	width:74px; 
	display: block; 
	line-height: 21px; 
	background:url(/images/css/rounded-red.gif) no-repeat; 
	text-align: center; 
	color:#fff;
	font-size: 10px;
	margin-bottom:3px;
	float: none;
	margin-right:0;
}
.deletebuttons a:hover{ background-position:0 bottom; color:red; }

.inner-nav{height:42px;  padding-top:20px; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; padding-bottom:5px;  margin-bottom:15px}
.inner-nav a{float: left; display: inline; padding-left:12px; background:url(/images/css/inner-nav.gif) no-repeat; color:#fff; margin-right:4px}
.inner-nav a span{float: left; display: inline; line-height: 29px; height:31px; padding-right:12px; background:url(/images/css/inner-nav.gif) no-repeat right 0;}
.inner-nav a strong{float: left; display: inline; line-height:29px; height:31px;  background:url(/images/css/act-arr.gif) no-repeat center -200px;}

.inner-nav a.red{float: left; display: inline; padding-left:12px; background:url(/images/css/inner-nav-red.gif) no-repeat; color:#fff; margin-right:4px}
.inner-nav a.red span{float: left; display: inline; line-height: 29px; height:31px; padding-right:12px; background:url(/images/css/inner-nav-red.gif) no-repeat right 0;}
.inner-nav a.red strong{float: left; display: inline; line-height:29px; height:31px;  background:url(/images/css/act-arr-red.gif) no-repeat center -200px;}

.inner-nav a:hover, 
.inner-nav a.active{ color:#334f74; background-position: 0 bottom; }

.inner-nav a:hover span,
.inner-nav a.active span{background-position:right bottom;}

.inner-nav a:hover strong,
.inner-nav a.active strong{ background-position:center bottom;}

.left-column{float: left; display: inline; width:460px}
.left-column p{padding-bottom:20px}
.left-column h3{font-size: 18px; line-height: 28px; color:#334f74; font-weight: normal; font-family: georgia, sans-serif;}

.right-column{ background:#d5e5f6; float: right; display: inline; width:220px;margin-top:5px; }
.right-column .top{background:url(/images/css/profile-top.gif) no-repeat; width:220px}
.right-column .bottom{background:url(/images/css/profile-bottom.gif) no-repeat 0 bottom; width:200px; padding-left:20px; padding-top:13px; padding-bottom:22px}
.right-column  h3{font-size: 18px; line-height: 28px;}
.right-column  ul{list-style-type: none; color:#334f74; width:170px; padding-top:7px}
.right-column  li{padding-bottom:9px}
.right-column  ul strong{display: block;}
/* paging */
.Pages {
text-align: center;
clear: both;
}
.Paginator {
font-size: 12px;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
}
.Paginator a, .pageList .this-page {
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.Paginator .AtStart {
margin-right: 20px;
padding: 2px 6px;
color: #334f73;
}
.Paginator .Prev {
margin-right: 20px;
padding: 2px 6px;
border: solid 2px #ddd;
background: #fff;
}
.Paginator .Next {
margin-left: 20px;
padding: 2px 6px;
border: solid 2px #ddd;
background: #fff;
}
.Paginator .AtEnd {
margin-left: 20px;
padding: 2px 6px;
color: #334f73;
}
.Paginator .this-page {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
color: #334f73;
}
.Paginator .onthis{
color: #fff;
background: #739dd3;
border-color: #334f73;
text-decoration: none;
}
.Paginator a:hover {
color: #fff;
background: #739dd3;
border-color: #334f73;
text-decoration: none;
}
.Pages div.Results {
text-align: center;
font: 11px/15px Arial, Helvetica;
color: #aaa;
margin-top: 8px;
}
.niceul {
	line-height: 1.3em;
	list-style-type: square;
	padding: 6px;
	text-align:left;
	margin: 10px;
	margin-top: 0px
}
.clear { clear: both; }
.headline {
	border-bottom: 2px solid #ccc;
	width:100%;
	color:#334F74;
	font-size:16pt;
	margin-top:10px;
	clear:both
}
.arrow {
	background:url(/images/css/tiny-arr.gif) no-repeat right 5px; padding-right:10px
}
.buttonbackground {
	border:none; 
	height:24px; 
	text-align: center; 
	color:#fff; 
	text-transform: uppercase; 
	background:url(/images/css/btn.gif);
	line-height: 24px;
	font-weight: bold;
	padding:5px 10px 6px 7px;
}
.buttonbackground:hover {
	background:#334F74;
	color: #ffffff;
}
.buttonbackgroundred {
	border:none; 
	height:24px; 
	text-align: center; 
	color:#fff; 
	text-transform: uppercase; 
	background:red;
	line-height: 24px;
	font-weight: bold;
	padding:5px 10px 6px 7px;
}
.buttonbackgroundred:hover {
	background:#ccc;
	color: #000;
}
.buttonbackgroundgreen {
	border:none; 
	height:24px; 
	text-align: center; 
	color:#fff; 
	text-transform: uppercase; 
	background:green;
	line-height: 24px;
	font-weight: bold;
	padding:5px 10px 6px 7px;
}
.buttonbackgroundgreen:hover {
	background:#ccc;
	color: #000;
}
fieldset {
	border: 0;
	border: 1px solid #9B9081;
	padding: 15px;
	margin: 1em 0pt;
	color:#000;
}
fieldset legend {
	color:#334F74;
	font-size:135%;
	font-weight:bold;
	letter-spacing:-0.03em;
	line-height:1;
	padding:0pt 0.5em;
}
.peoplebox {
	float:left;
	margin:2px;
	width:105px;
	height:87px;
	text-align:center;
	font-size:8pt;
}
.rightpic {
	float: left;
	width: 422px;
	margin-bottom:50px;
	border-top: 1px dotted #ccc;
	padding-top:5px;
}
.rightpic span {
	font-size: 18px;
	font-weight:bold;
}
.rightfriend {
	float: left;
	width: 110px;
	border-top: 1px dotted #ccc;
	padding-top:5px;
	font-size:9px;
	text-align:center;
}
input[type="text"], input[type="password"], select, textarea {
	color:#444444;
	font-family:"Lucida Grande",sans-serif;
	font-size:1.6em;
	line-height:1.3em !important;
	padding:5px;
}
.error {
	color:#FF0000;
	font-weight:bold;
	border:1px solid #000;
	background: #e0e0e0;
	padding: 10px;
	font-size:14px;
	margin:10px;
	clear:both;
	text-align:center
}
#fancytable th {
	background:#CCC;
	border-bottom:1px solid #000;
	border-top:2px solid #666;
	color:#000;
	font-size:13px;
	font-weight:normal;
	padding:8px;
}
#fancytable td {
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-top:1px solid #666;
	padding:8px;
	text-align: center;
}
#fancytable tbody tr:hover td {
	background:#e0e0e0;
}
#gmaps_container{
	width: 340px;
	height: 202px;
	color: #000;
	text-align: left !important;
	float:left;
	margin-left:76px;
	margin-right:20px;
}
#gmaps_container a{
	color: #0000ff;
}
#gmaps_container_who{
	width: 150px;
	height: 150px;
	color: #000;
	text-align: left !important;
	float: left; 
}
.more {
	float:right;
	font-size: 11px;
}
.admin {
	color:red;
}
.adminmenu {
	border-bottom:1px solid #ECECEC;
	padding-bottom:10px;
	margin-bottom:5px;
	font-size:8pt
}
.adminmenu a {
	color: gray;
}
.adminmenu a:hover {
	color: red;
	border-bottom:1px solid #ccc;
}
.adminmenu a.active {
	color: red;
	border-bottom:1px solid #ccc;
}

.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.toggleopacity img{
	border: 1px solid #ccc;
}

.toggleborder:hover img{
	border: 1px solid navy;
}

.toggleborder:hover{
	color: red; /* Dummy definition to overcome IE bug */
}
/* Tables
 ------------ */
th {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFF;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
	background: #FFFFFF;
	padding: 4px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #000000;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white;
}
.rtl .catdiv {
	background: white;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	text-indent: 4px;
}