@charset "utf-8";

#youtube {
	position:relative;
	padding-top:18px;
}

#youtube .prev,
#youtube .next{
	position:absolute;
	top:60px;
	width:28px;
	height:17px;
	padding-top:13px;
	text-align:center;
	z-index:25;
	cursor:pointer;
}

#youtube .prev{
	left:0;
}

#youtube .next{
	right:0;
}

#yt_exterior{
	position:relative;
	width:845px;
	height:130px;
	margin:0 auto;
	overflow:hidden;
	overflow-x:hidden;
}

#yt_exterior p{
	margin-bottom:0;
}

#yt_container{
	position:absolute;
}
#yt_container .movie{
	float:left;
	width:172px;
	height:240px;
}

#yt_container .movie .thum{
	position:relative;
	background:url(../images/loader_image.gif) no-repeat center center;
}

#yt_container .movie .thum img{
	width:150px;
	height:112px;
	border:3px solid #00205f;
}

#yt_container .movie .group{
	width:150px;
	text-align:center;
	font-size:9px;
	color:#fff;
}

#yt_container .movie .play{
	position:absolute;
	display:block;
	width:71px;
	height:49px;
	left:40px;
	top:35px;
	text-indent:-9999px;
	background:url(../images/button.png) no-repeat center center;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/button.png');*/
	outline:none;
}


.flickr{
	position:absolute;
	height:40px;
	left:-80px;
	width:1000px;
} 

#flickr_container{
	position:relative;
	width:920px;
	height:40px;
	padding:18px 0;
	overflow:hidden;
}

.flickr p{
	float:left;
	width:75px;
	height:40px;
	overflow:hidden;
	text-align:left;
}
.flickr p a{
	display:block;
	width:60px;
	height:38px;
	border:1px solid #00205f;
	overflow:hidden;
	background:url(../images/loader_image.gif) no-repeat center center;
}

.flickr p a img{
	width:60px;
}

/* flickr lisht box style */
#f_container {
	position:relative;
}

#f_container .fpicture{
	text-align:center;
	width:640px;
	height:380px;
}

#f_container .prev,
#f_container .next{
	position:absolute;
	top:50px;
}

#f_container .prev{
	left:0;
}

#f_container .next{
	right:0;
}

#fancy_title_main hr{
	display:block;
	color:#00205f;
	margin:12px 0;
}

#fancy_title_main a{
	color:#00205f;
}

#fancy_title_main a.f_title{
	font-size:16px;
	font-weight:bolder;
}

#fancy_title_main a:hover{
	text-decoration:underline;
}

#fancy_title_main .link{
	text-align:right;
}

#socialsites{
	clear:both;
	height:66px;
	background:#fff url(../images/bg_socialbanner.jpg) no-repeat center bottom;
}

#socialsites li{
	float:left;
	width:184px;
	height: 60px;
}

#socialsites li a {
	position: relative;
	display:block;
	width: 184px;
	height: 60px;
}
#socialsites li a:hover {
	background: #ddf9f8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
#socialsites li a em {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#socialsites a img {
	display: block;
	border: 0;
}


#twitter_list{
	width:216px;
	height:632px;
	margin-bottom:12px;
	overflow:hidden;
	position:relative;
	z-index:5;
}

#twittermask{
	position:absolute;
	z-index:11;
	top:82px;
	left:0;
	background:url(../images/mask_twitterloading.gif) no-repeat;
	width:216px;
	height:632px;
}

#firstCol{
	position:relative;
}

#firstCol .shadow{
	width:216px;
	height:16px;
	background:url(../images/bg_twitter_bottom.png) no-repeat;
	position:relative;
	top:-28px;
	z-index:10;
}

#twitter_list div{
	margin-bottom:5px;
	background:#e4fafa;
	padding:1px 3px 3px;
	width:195px;
}

#twitter_list .tweet{
	margin-bottom:0;
	width:195px !important;
	word-wrap: break-word;
}

#top #body #firstCol .tweet,
#top #body #firstCol #twitter_list p {
	width: 195px;
}

#twitter_list .tweet a{
	color:#306ce5;
	word-wrap: break-word;
}

#twitter_list .tweet a:hover{
	text-decoration:underline;
}

#twitter_list .tweet a.thumnail{
	display:block;
	float:left;
	width:38px;
}

#twitter_list .tweet a.thumnail:hover{
	text-decoration:none;
}

#twitter_list .tweet a.thumnail img{
	width:32px;
	padding-top:5px;
}

#twitter_list .info {
	clear:both;
	font-size:10px;
	color:#666;
	margin-bottom:0;
}

#twitter_list .info a{
	font-size:10px;
	color:#666;
	padding-right:0.5em;
}

#twitter_list p span{
	font-size:10px;
	color:#8fccea;
}

div#feedContainer{
    float:left;
	width:204px;
	height:576px;
    padding-right:4px;
	overflow:hidden;
	position:relative;
	z-index:5;
}

div#feedslider{
    float:left;
	position:relative;
	width:8px;
	height:576px;
	background:#8fccea;
	overflow:hidden;
}

#top #feedslider, #top #feedContainer {
	height: 761px;
}

#body #thirdCol p#feed_knob{
    position:absolute;
	top:0;
	left:0;
	width:8px;
	height:0;
	background:#00205f;
	cursor:pointer;
}

#thirdCol .shadow{
	width:216px;
	height:16px;
	background:url(../images/bg_twitter_bottom.png) no-repeat;
	position:absolute;
	bottom:0;
	z-index:10;
}

div#feedContainer #rssmask{
	width:204px;
	height:100%;
	background:url(../images/mask_rssloading.gif) no-repeat;
	position:absolute;
	top:0;
	z-index:20;
}

div#feed p{
	background:#e4fafa;
	padding:3px;
	width:198px !important;
	margin-bottom:5px;
}

div#feed p a{
	color:#00205f;
	display:block;
	width:198px;
}

div#feed p span{
	color:#666;
	font-size:10px;
}



#twitter_filterbyuser {
    position: relative;
    z-index: 6;
    overflow: visible;
    width: 214px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-bottom: 16px solid #fff;
    background: url(../images/twitter_filter_user.png) no-repeat 0 0;
}
#twitter_filterbyuser div {
    overflow: auto;
    display: none;
    background: white;
    height: 200px;
    border: 1px solid #8dcee8;
    border-top: 0;
}
* html  #twitter_filterbyuser div {
    _position: absolute;
    _top: 20px;
    _left: 0;
}
#twitter_filterbyuser ul,
#twitter_filterbyuser ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}
#twitter_filterbyuser ul {
    width: 195px;
}
#twitter_filterbyuser h3 {
    width: 100%;
    height: 20px;
    line-height: 20px;
}
#twitter_filterbyuser h3 a {
    display: block;
    width: 190px;
    padding: 0 24px 0 0;
    height: 20px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
}
#twitter_filterbyuser div a {
    display: block;
    height: auto !important;
    min-height: 25px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    text-indent: 25px;
    text-decoration: none;
}
#twitter_filterbyuser div a:hover {
    background: #8dcee8;
}

#top #body h5.mag {
	margin: 16px 0 0 0;
}
#top #body #firstCol .loading {
	width: 200px;
    background:url(../images/mask_twitterloading.gif) no-repeat 0 0;
}