* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
    color: #000;
    background: #fff;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#shell { margin: 0 auto; width: 933px; padding-top: 20px; }

h2 {
	font-size: 18px;
	line-height: 25px;
	color: #00215b;
	font-weight: bolder;
}
h3 { font-size: 13px; color: #3e4d7f; }

h4 { font-size: 14px; color: #3e4d7f; }

h5 { font-size: 16px; color: #3e4d7f; }

#header { height: 233px; background: url(images/header.gif) no-repeat 0 0; padding: 20px 4px 0; margin-left: 2px; }

.photo-frame img { float: left; display: inline; }

.logo-holder { background: url(images/logo-holder.gif) no-repeat 0 center; border: 2px solid #1e3666; margin: 0 4px 0 6px; }

h1#logo { width: 520px; }
h1#logo a { display: block; background: url(images/logo.gif); height: 112px; }

#main { background: url(images/main-bg.gif) repeat-y 0 0; height: 100%; }

#sidebar { width: 248px; float: left; display: inline; padding: 0 10px 21px 6px; }
#sidebar .profile { padding: 0 2px; }
#sidebar .profile img { display: block; }

.side-links { margin: 9px 9px 0 15px;  }

a.contribute { display: block; width: 220px; height: 51px; background: url(images/contribute.gif) no-repeat 0 0; border: solid 2px #00215b; margin-bottom: 9px; }

.blue-box { width: 220px; border: solid 1px #ccc; background: #6294c4; }
.blue-box ul { width: 220px; list-style-type: none; }
.blue-box li { width: 220px; background: url(images/li-bg.gif) repeat-x 0 bottom; float: left; padding-bottom: 2px; }
.blue-box li.last{ background-image: none; padding-bottom: 0; }
.blue-box li a { width: 220px; float: left; }
.blue-box li a.signup { background: url(images/box-li1.gif); height: 45px; }
.blue-box li a.involve{ background: url(images/box-li2.gif); height: 43px; }
.blue-box li a.friends{ background: url(images/box-li3.gif); height: 47px; }
.blue-box li a.contact{ background: url(images/box-li4.gif); height: 44px; }
.blue-box h3.latest { float: left; display: inline; background: #00215b; width: 126px; margin-left: 7px; }
.blue-box h3.latest { font-family: "Myriad Pro","Trebuchet MS", sans-serif; line-height: 29px; color: #fff; text-transform: uppercase; text-align: center; }

.video { padding-left: 22px; padding-top: 10px; }
.video img { display: block; }

.social-line { height: 22px; padding: 12px 0 8px 12px; }
.social-line a { height: 22px; float: left; margin-right: 10px; background-position: 0 0; background-repeat: no-repeat; }
.social-line a.fb { background: url(images/social1.gif); height: 21px; width: 59px; }
.social-line a.twitter { background: url(images/social2.gif); width: 63px; }
.social-line a.youtube { background: url(images/social3.gif); width: 58px; margin-right: 0 !important; }

#userandquery { width: 220px; border: solid 2px #00215b; background: #6394c6; padding-bottom: 5px; }
#userandquery h4.twitter { width: 108px; height: 33px; background: url(images/twitter.gif); margin-top: 1px; float: left; display: inline; }
#userandquery a.follow { font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/follow.gif) no-repeat 0 0; width: 105px; height: 9px; }
#userandquery a.follow { float: right; display: inline; margin: 18px 4px 0 0; }
#userandquery p.current-date { border-bottom: 1px dotted #4db3e1; margin: 0 3px 5px 4px; font-size: 10px; padding-left: 0; }
#userandquery span.date { font-size: 10px; color: #fff; display: block; width: 213px; margin: 0 auto; border-bottom: dotted 2px #4eb1df; padding-top: 2px; margin-bottom: 8px; }
#userandquery p {color: #fff; font-size: 11px; line-height: 17px; padding: 0 3px 0 4px ; }
#userandquery p span { background: url(images/twitter-icon.gif) no-repeat; width: 15px; height: 17px; float: left; margin-right: 4px; }
#userandquery ul { list-style-type: none; color: #fff; padding-left: 4px; }
#userandquery li span.tweet_time { background: url(images/twitter-icon.gif) no-repeat 0 0; padding: 2px 0; padding-left: 20px; }

#content { float: left; display: inline; width: 665px; }

#navigation { position: relative; margin-left: -10px; position: relative; z-index: 10; }
#navigation ul { background: url(images/navigation-bg.png) no-repeat 0 0; width: 670px; height: 41px; padding: 0 2px 0 3px; list-style-type: none; }
#navigation ul li { float: left; display: inline; }
#navigation ul li a { float: left; display: inline; background: url(images/btn-bg.gif) no-repeat 0 0; width: 81px; padding: 3px 0 5px 13px; position: relative; }
#navigation ul li a { font-family: "Myriad Pro","Trebuchet MS", sans-serif; font-size: 17px; line-height: 29px; color: #fff; font-weight: bold; text-transform: uppercase; }
#navigation ul li a:hover,
#navigation ul li a.active { text-decoration: none; background-position: 0 bottom; }

#big-content { float: left; display: inline; width: 401px; padding: 7px 9px 0 7px; }

.video-box { background: url(images/video-box.gif) no-repeat 0 0; width: 395px; height: 272px; margin-bottom: 2px; padding: 3px; }
.video-box h2 { padding: 8px 0 0 9px; }

.video-player { padding: 4px 0 0 16px; }

.box { margin-bottom: 4px; background-repeat: repeat-y; background-position: 0 0; height: 100%; }
.box .top { background-repeat: no-repeat; background-position: 0 0; }
.box .bottom { background-repeat: no-repeat; background-position: 0 bottom; }
.box .bottom h2 { line-height: 32px; padding-left: 8px; }

.box-cnt { padding: 13px 25px 0 9px; }
.box-cnt p { font-size: 11px; line-height: 14px; }

.small-box { background-image: url(images/small-box-cnt.gif); width: 401px;}
.small-box .top { background-image: url(images/small-box-top.gif); width: 401px; }
.small-box .bottom { background-image: url(images/small-box-bottom.gif); padding: 3px; }
.small-box .bottom p { padding-bottom: 14px; }

.blogger-box { background-image: url(images/blogger-cnt.gif); width: 401px; }
.blogger-box .top { background-image: url(images/blogger-top.gif);  width: 401px; }
.blogger-box .bottom { background-image: url(images/blogger-bottom.gif); }
.blogger-box .bottom h2 {
	padding-left: 11px;
	line-height: 40px;
	background: url(images/blogger.gif) no-repeat 225px 6px;
	font-weight: bold;
}
.blogger-box .bottom .box-cnt { padding: 11px 8px 8px 11px; }

.small-post h3 { font-size: 12px; }
.small-post h3 span { font-size: 10px; font-weight: normal; }
.small-post p { padding: 0 0 8px 0; }

.blogger-box .bottom .small-post p { padding-left: 40px; }

#side-content { float: right; display: inline; width: 248px; position: relative; top: -41px; }

.side-box { width: 202px; padding: 0 35px 0 7px; border: 2px solid #00215b; margin-bottom: 5px; }

.event-box { padding-top: 37px; border-top: 0; }

h2.side-title { background: url(images/side-content-title.gif) no-repeat 0 0; line-height: 29px; width: 121px; padding: 5px 11px 8px 15px; color: #fff;text-transform:uppercase;}
 
.event-box .box { padding-left: 5px; }
.event-box .box h2 { font-size: 22px; padding-bottom: 17px; }

.events-list { padding-left: 6px; }
.events-list .small-post { padding-bottom: 5px; font-family: Helvetica;}
.events-list .small-post h3 { font-size: 13px; }
.events-list .small-post p {  font-size: 13px; font-size: 11px; line-height: 14px; font-family: Helvetica;}

.flickr-box { background: #e8e9f1; padding: 0 0 0 6px; width: 238px; }
.flickr-box h2.side-title { background: url(images/flickr-title.gif) no-repeat 0 0; width: 136px; padding-top: 8px; padding-bottom: 10px; float: left; display: inline; }

a.flickr { float: left; display: inline; width: 64px; height: 26px; background: url(images/flickr.gif) no-repeat 0 0; margin: 12px 0 0 0; }

.photos-frame { padding: 5px 0 10px; }

ul#basicuse { list-style-type: none; }
ul#basicuse li { background-image: none; float: left; width: 42px; height: 42px; margin-right: 4px; }
ul#basicuse li.notext { width: 0; height: 0; }
ul#basicuse li a { width: 40px; height: 40px; }
ul#basicuse li img { width: 40px; height: 40px; display: block; background: url(images/img-shadow.gif) no-repeat 0 0; padding: 0 2px 2px 0; }

.flickr-cnt { padding: 0 38px 16px 12px; font-size: 9px; line-height: 12px; }

.big-box { margin-bottom: 6px; background: url(images/big-cnt.gif) repeat-y 0 0; height: 100%; width: 635px; }
.big-box .top { background: url(images/big-top.gif) no-repeat 0 0; width: 635px; }
.big-box .bottom { background: url(images/big-bottom.gif) no-repeat 0 bottom; padding-bottom: 9px; }
.big-box .bottom h2 { line-height: 38px; padding-left: 10px; }
.big-box .bottom .box-cnt { padding: 10px 25px 0 11px; }
.big-box .bottom .box-cnt p { padding-bottom: 14px; }
#footer{width:934px; height: 50px; margin: 10px; padding: 10px; text-align:center;}
#footer .disclaimer {width: 600px; border: 1px solid #000; padding: 4px; margin: 4px; margin-left: 167px; text-align: center;}


/* FB BOX STYLES */

.fbbox {
	width:1000px;
	margin-left: 16px;

} 
.fbbox h2 
{ 
	background-color:#3b5998; 
	color:white; 
	font-size:11px; 
	padding:5px; 
	margin:0; 
} 

.fbbox div.fbbox_body 
{ 
	background:#eceff5 none repeat scroll 0 0; 
	border-color:#CCCCCC; 
	border-style:solid; 
	border-width:0 1px 1px; 
	padding:5px; 
} 

.fbboxs .fbbox_body p { margin:0; font-weight:bold; } 
.fbbox .fbbox_body table { margin:10px 0 10px 0; } 
.fbbox .fbbox_body table td{     font: bold 12px arial, sans-serif; } 
.fbbox .fbbox_body table .label { padding-right:10px; text-align:right; font-size:11px; } 


.fbbox .fbbox_body table div.active { background-color:#3B5998; }

*/FB BUTTON STYLE */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 16px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 13px;
    padding: 8px 0 9px 16px;
} 

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 8px 0 9px 16px; /* push text down 1px */
} 

#eventmap{
	margin-left:4px;
}

#content #big-content ul{width: 550px; margin-left: 30px; margin-bottom: 20px;}