html
{
	background: url(../images/bottomBG_02.jpg) bottom left repeat-x fixed #FFFFFF;
	position:relative;
}

body
{
   	color:#666667;
	line-height: 1;
	margin:0px;
}

h1
{
	padding:0px 0px 10px 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	color:#005481; 
	font-style:italic;
   	line-height: 1em;
  	margin: 0;
}

body, td 
{
	font: 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	color: #666;
}

img
{
	border:0;
}

a
{
	text-decoration: underline;
	color:#005481;
	outline:none;
	border:0;
}

a h4
{
	text-decoration:underline;
}

h4
{
	display:inline;
}

h5
{
	color:#005481;
	font-size:12px;
	display:inline; 
}

div.hr 
{
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
   clear:both;
}

div.print
{
	float:right;
	padding:0px 10px;
}

div.print_home
{
	float:left;
	padding:5px;
}

div.search_home
{
	float:right;
	padding:5px;
}

div.hidden_area
{
	display:none;
}

table.main
{
	width:800px;
	margin:0px 0px 20px 8px;
	padding:0px;
	border-collapse:collapse;
	/*border: 1px #000000 solid;*/
}

td
{
	vertical-align:top;
	text-align:left;
}

div.title
{
	color:#333333;
	font-size:24px;
}

td.fullCols
{
	width: 800px;
	background-color:#717174;
}

td.mainContent
{
	border-left: dotted medium #DAE4EB;
	vertical-align: top;
	width: 650px;
}

td.verticalLines
{
	border-left: dotted medium #DAE4EB;
	vertical-align:top
}

td.horizontalLines
{
	border-top: dotted medium #DAE4EB;
	vertical-align:top;
}

table.main td
{
	padding:0px;
	margin:0px;
	/*border: 1px #000000 solid;*/
}

table.main td.featured
{
	padding-right:15px;
}

table.main td.featured img
{
	padding:5px;
}

table.main table td.left
{
	padding-right:15px;
}

table.main table td.right
{
	padding-left:15px;
	padding-right:15px;
	border-left: dotted medium #DAE4EB;
}

table.main table td.general
{
	border-left: dotted medium #DAE4EB;
	padding-left: 15px;
}

td.promoPano
{
	border-bottom: dotted medium #DAE4EB;
	vertical-align:top;
}

td.promoPano
{
	vertical-align:top;
}

td.promoPano div.promo
{
	padding:10px;
	width:125px;
	overflow:hidden;
}

/* center wrapper, min max width */
div#pagewrapper
{
   margin: 0 auto;     	/* this centers wrapper */
   max-width: 80em; 	/* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   color:#666667;
   width:816px;
   height:100%;
   background:url(../images/pagewrapper_bg.jpg) top left repeat-x;
}

div#header
{
   height: 206px; /* adjust according your image size */
   width:800px;
   /*background:url(../images/bg01_b.jpg) top no-repeat;*/
   float:left;
   text-align:center;
   padding:0px;       
}

div#footer
{
	clear:both;       /* keep footer below content and menu */
   	color:#FFFFFF;
	position:relative;
	bottom:0;
}

div#main
{
	min-height:300px;	/* This just makes sure that the table is long enough and looking nice */
	overflow:hidden;
	margin-bottom:30px;
}

div.promo a
{
	color:#666667;
	text-decoration:none;
}

.breadcrumb
{
	float: left;
	padding: 10px;
}

.breadcrumb a
{
	color:#666667;
}

div.search
{
	float:right;
	padding:10px;
}

div.side_menu
{
	font-size:12px;
}
div.side_menu a:hover
{
	text-decoration:underline;
}

#factoid
{
	background:#679BD9;
	color:#FFFFFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	min-height:200px;
	font-weight:bold;
}

/* =========================================================================
	HOMEPAGE
========================================================================= */
div.home_container
{
	min-height:10px;
	overflow:hidden;
	float:left;
}

div.home_promo
{
	float:left;
	width:135px;
	padding-right:5px;
	margin-right:10px;
	background:#679BD9;
	color:#FFFFFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.home_promo h1, div.home_promo h5, div.home_promo a
{
	color:#FFFFFF;
}

div.home_news
{
	float:left;
	width:395px;
	padding-left:5px;
	height:435px;
	position:relative;
	border-left: dotted medium #DAE4EB;
}
div.home_twitter
{
	float:right;
	width:228px;
}

div.feeds_container
{
	width:271px;
	margin-bottom:20px;
}

div#feeds
{
	background:url(../images/video_pano_bg.gif) top left repeat-y;
	min-height:100px;
}

a.feed_item
{
	padding:5px 10px;
	display:block;
	text-decoration:none;
	min-height:10px;
	overflow:hidden;
}
a.feed_item img
{
	float:left;
	border:4px solid #FFF;
	width:98px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.vid_content
{
	float:right;
	width:135px;
	margin-left:10px;
}
div.vid_content div.vid_title
{
	color:#99c2eb;
	font-size:13px;
	font-weight:bold;
}
div.vid_content .vid_views
{
	color:#FFFFFF;
}

/* =========================================================================
	SOCIAL LINKS
========================================================================= */
div.social_icons
{
	float:left;
}

.facebook_like_btn
{
	border:none;
	overflow:hidden;
	width:90px;
	height:21px;
	float:left;
}

a.social_btn
{
	background:url(../images/social_network_icons/social_icons.jpg) top left no-repeat;
	display:block;
	height:30px;
	width:30px;
	float:left;
}
a.rss_btn
{
	background-position:-60px 0px;
}
a.rss_btn:hover
{
	background-position:-60px -30px;
}

a.facebook_btn
{
	background-position:0px 0px;
}
a.facebook_btn:hover
{
	background-position:0px -30px;
}

a.linked_in_btn
{
	background-position:-90px 0px;
}
a.linked_in_btn:hover
{
	background-position:-90px -30px;
}

a.youtube_btn
{
	background-position:-30px 0px;
}
a.youtube_btn:hover
{
	background-position:-30px -30px;
}

/* =========================================================================
	SIDE PANOS
========================================================================= */
div.events_pano a
{
	color:#FFFFFF;
	margin-bottom:10px;
	display:block;
}
div.events_pano a:hover
{
	text-decoration:underline;
}

.in_the_news_pano a
{
	display:block;
	margin-bottom:5px;
	text-decoration:none;
}
.in_the_news_pano a:hover
{
	text-decoration:underline;
}

/* =========================================================================
	FORMS
========================================================================= */
label
{
	font-weight:bold;
	font-size:14px;
}

div.btn_container
{
	display:relative;
	min-height:10px;
	overflow:hidden;
}

div.edit_btn
{
	background:#005481;
	color:#FFFFFF;
	cursor:pointer;
	padding:2px 5px;
	text-align:center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float:left;
}
div.edit_btn:hover
{
	background:#333333;
}

/* =========================================================================
	DISPLAY TABLES
========================================================================= */
table.display_table
{
	position:relative;
	width:100%;
	border-collapse:collapse;
}
table.display_table td, table.display_table th
{
	text-align:left;
	vertical-align:middle;
	padding:5px;
}

table.display_table th
{
	color:#FFFFFF;
	background:#666666;
	font-size:1.3em;
}

table.display_table tr
{
	background:#CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCCCCC)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#fff, #CCC); 
	background-image: -o-linear-gradient(#FFF, #CCC); /* Opera 11.10+ */
	background: -moz-linear-gradient(top,  #FFF,  #CCCCCC); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#CCCCCC)";
}

table.display_table tr:hover
{
	cursor:pointer;
	background:#999999;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#CCC, #999); 
	background-image: -o-linear-gradient(#CCC, #999); 	/* Opera 11.10+ */
	background: -moz-linear-gradient(top, #CCC,  #999); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#999999'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CCCCCC, endColorstr=#999999)";
}

table.display_table td.edit_container div.edit_btn
{
	float:right;
}

/* ===============================
		SWFUPLOADER
=============================== */
#swfupload-control p
{
	margin-top:10px;
	margin-bottom:10px;
}
#log
{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}
#log li
{
	display:block;
	list-style:none;
	list-style-position:inside;
	margin:2px;
	border:1px solid #333;
	padding:10px;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background:#CCCCCC;
	position:relative;
	min-height:70px;
	overflow:hidden;
}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; width: 500px; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #339933; background:#ccf9b9; }
#log li.error{ border:1px solid #990000; background:#EDACB0; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url('../scripts/SWFUploader/js/swfupload/cancel.png') no-repeat; cursor:pointer; }
#log li div.item_info
{
	position:relative;
	float:left;
	width: 500px;
}
#log li span.img
{
	position:relative;
	float:right;
}

#log li input.caption_text
{
	width:500px;
}

#uploaded
{
	width:96%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2%;
	padding-right:2%;
	background:#333333;
	color:#FFFFFF;
	font-weight:bold;
}
#file_list
{
	display:none;
}

#current_files
{
	backface-visibility:
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#CCC, #FFF); 
	background-image: -o-linear-gradient(#CCC, #FFF); 	/* Opera 11.10+ */
	background: -moz-linear-gradient(top, #CCC,  #FFF); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CCCCCC, endColorstr=#FFFFFF)";
	min-height:10px;
	overflow:hidden;
}
#current_files div.current_img_title
{
	font-weight:bold;
	font-size:1.2em;
	color:$secondary_color;
	margin:5px;
}
#current_files div.current_files_text
{
	margin:5px;
}
#current_files div.current_images
{
	margin:10px;
	min-height:10px;
	overflow:hidden;
}

div.current_images a.editing_pic
{
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

div.current_images a:hover img
{
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.current_images div.editing_container
{
	float:right;
	width:450px;
}
div.current_images div.editing_container input[type=text]
{
	width:430px;
	padding:3px 5px;
	border:1px solid #999;
}

div.current_images label.selectable_checkbox
{
	display:block;
	float:none;
}

/* =========================================================================
	SELECTABLE LABELS
========================================================================= */
label.selectable_label
{
	display:block;
	background:#999999;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#FFF, #CCC); 
	background-image: -o-linear-gradient(#FFF, #CCC); 	/* Opera 11.10+ */
	background: -moz-linear-gradient(top, #FFF,  #CCC); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#CCCCCC)";
	float:left;
	padding:2px 5px;
	clear:both;
	margin-top:5px;
	width:200px;
}

/* =========================================================================
	PHOTO GALLERY
========================================================================= */
div.photogallery_bar
{
	background:url(../images/photogallery_bar.gif) top left repeat-x;
	height:13px;
	width:100%;
	margin: 10px 0;
}

div.photo_gallery
{
	backface-visibility:
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF)); /* for webkit browsers */
	background-image: -webkit-linear-gradient(#CCC, #FFF); 
	background-image: -o-linear-gradient(#CCC, #FFF); 	/* Opera 11.10+ */
	background: -moz-linear-gradient(top, #CCC,  #FFF); /* for firefox 3.6+ */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#CCCCCC, endColorstr=#FFFFFF)";
	min-height:10px;
	overflow:hidden;
}

div.photo_gallery a
{
	display:block;
	line-height:1em;
	float:left;
	position:relative;
	margin:5px;
}

div.photo_gallery a:hover img
{
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* =========================================================================
	ERROR & SUCCESS
========================================================================= */
.error
{
	color:#990000;
	font-style:italic;
}

.success
{
	padding:0px 0px 10px 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	color:#005481; 
	font-style:italic;
   	line-height: 1em;
  	margin: 0;
}