@charset "UTF-8";
/* CSS Document */


* {
	margin: 0;
	padding:0;
}
html, body {
	height: 100%;
}

body  {
margin:0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	padding: 0;
	 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999;
    cursor: default;  
}  


h1 {
font-size:14px;
color:#cb0000;
font-weight:bold;
letter-spacing:.05em;
padding:10px 0 5px 0 ;
}

h2 {
font-size:12px;
color:#ccc;
font-weight:bold;
letter-spacing:.05em;
padding:0 0 4px 0 ;
}

h4 {
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#fff;
line-height:1.6em;
padding:0;
}

h5 {
	margin:0;
	background:#fff;
	color:#c00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px 5px 6px;
border-bottom:1px solid #333;
}

p {

line-height:1.5em;
padding:4px 20px 8px 0 ;
}


.content {
padding:10px 0;
}


a:hover {
color:#999;
}


#wrap {
margin: 0 auto;
width:800px;
}

#header img {
margin:0;
padding:0;
}

#header { 
	height:102px;
	background:#000 url(graphics/header.jpg) no-repeat;
	width:798px;
border:solid 1px #666;

margin:0;
padding:0;
} 

#header p{ 
	font-size:8px;
	padding-top:42px;
	text-align:right;
	color:#ccc;

} 


#wrapper {
	width:800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border:solid 1px #666;
	margin: 0; /* the bottom margin is the negative value of the footer's height */
}

#nav {
padding:0 2px;
background:#999 url(images/header_over.gif);
width:796px;
height:27px;

}

ul.menu {list-style:none; margin:0 0 0 2px; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:28px; left:-3px; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#666}
ul.menu ul li a:hover {color:#cb0000;background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 0 7px 5px; font-size:11px; background:url(images/header.gif); width:92px}
ul.menu .menulink:hover, ul.menu .menuhover {color:#cb0000;background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

#container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:solid 1px #666;

}

#containerFlash { 
	width: 798px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000;
	margin: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:solid 1px #666;
	
} 

#content {
margin:0;
padding:0;
border-top:1px solid #ccc;	
}

 #flash {
	float: left; /* since this element is floated, a width must be given */
	width: 800px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0x;
}


 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0 25px 5px;
	text-align:center;

}

#sidebar1 img {
	padding:2px;
	border:thin solid #333;
}

#sidebar1 h1{
text-align:left;
padding:4px 10px 4px 20px;
}

#sidebar1 h2{
font-size:12px;
text-align:left;
color:#cb0000;
font-weight:bold;
padding:4px 10px 4px 20px;
}

#sidebar1 h3{
font-size:11px;
color:#cb0000;
text-align:left;
font-weight:bold;
letter-spacing:.1em;
padding:4px 10px 0 20px;
}

#sidebar1 p{
text-align:left;
padding:4px 10px 4px 20px;
line-height:1.6em;
}


 #mainContent { 
	margin: 0 0 0 350px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 0 25px 5px; 
	z-index: 0;
} 

#mainContent h3{
font-size:11px;
color:#333;
text-align:left;
font-weight:bold;
letter-spacing:.1em;
padding:6px 10px 0 0;
}



#mainContent ul li {
		background: url("graphics/bullet.gif") no-repeat 0em 0.5em;
		padding: 0 0 5px 8px;
		margin: 0px;
		list-style: none;
	}

.quote {
margin:0;	
padding:20px 8px 28px 20px;
border-top:1px solid #ccc;	
height:90px;
}


.footer {
	margin:0;
	clear:both;
border-top:solid 1px #333;
 background: #333;
	padding: 8px 10px;
} 

.footer p {
	margin: 0;
	padding:0; 
	text-align:left;
	font-size:9px;
	color:#CCC;
}

.footer img {
border:none;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltfoot { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	width:780px;
		margin: 0;
	padding: 30px 0 2px 20px; 
	text-align:left;
	font-size:9px;
	color:#cb0000;
	font-weight:bold;
}
.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin:-10px 0px 0 8px;
}

.wide {margin:0; padding:0;
}
.wide #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 780px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0 25px 15px;
	text-align:left;
}
.wide #sidebar1 h1{
text-align:left;
padding:0 10px 4px 0;
}

.wide #sidebar1 h2{
font-size:12px;
text-align:left;
color:#cb0000;
font-weight:bold;
padding:4px 10px 4px 0;
}

.wide #sidebar1 h3{
font-size:11px;
color:#cb0000;
text-align:left;
font-weight:bold;
letter-spacing:.1em;
padding:4px 10px 0 0;
}

.wide #sidebar1 p{
text-align:left;
padding:4px 10px 14px 0;
line-height:1.6em;
}

.wide #lower p{
text-align:left;
padding:0 10px 14px 0;
line-height:1.6em;
}

#rightContent {
	margin:0;
	padding:0;
width:506px;
float:left;
	 
}

#rightContent #tabs p{
	margin-top:93px;
	width:148px;
	height:15px;
	background:url(new_graphics/alpha_spacer.png) repeat-x;
color:#000;
text-align:center;
	 
}

#rightContent #tabs p:hover{
	width:148px;
	height:15px;
	background:url(new_graphics/alpha_spacer.png) repeat-x;
color:#c00;
text-align:center;
	 
}

.rightContent {
	margin:0;
	padding:0;
width:506px;
float:left;
	 
}

/******* LOADING *******/
#loading{
	text-align: center;
	visibility: hidden;
}
/******* /LOADING *******/

.box2 img {
	border-right:none;
}

.noBrd img {
	border-right:none;
}

.center {
margin: 0 ;
}

.red {
color:#f00;
}

.copyright {
	color:#999;
}

.specialBtn {
	padding:1px 34px 3px 11px;
float:right;
margin:-20px 0 0 0;
}
.bottomContent {
	margin:0;
	padding:0;
border-top:1px solid #ccc;"
}


ul.box1 {list-style:none; margin:0; padding:0;background:#333;}
ul.box1 * {margin:0; padding:0}
ul.box1 a {display:block; color:#000; text-decoration:none}
ul.box1 .menulink {margin:0;padding:4px 6px; font-size:11px; background:#333; width:150px;color:#333;border-bottom:1px solid #ccc;}
ul.box1 .menulink:hover {margin:0;padding:4px 6px;color:#cb0000;background:#333;height:18px;}



#rotator {
	background:#333;
	color:#000;
	margin:0; 

}

/* Tabs */
ul.menulink, li.menulink, li.menulink a:link, li.menulink a:visited {
	margin:0;padding:4px 6px;
	text-decoration:none;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
height:18px
}


ul.box1 {

	left:0;
	z-index:1;
	background:#333;
	
}

/* Non-Selected Tabs */
li.menulink a:link,
li.menulink a:visited {	
margin:0;padding:4px 6px;
	color:#ccc;
	background:#333; 
height:18px

	
}

/* Hovered Tab */
#rotator .menulink a:hover,
#rotator .menulink a:active {

	background:#333;
	color:#fff;
height:18px
display:block;
}

#rotator .menulink a  {
	float:left; 
	padding:0;
	cursor:pointer;
}


/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	margin:0px;
	padding:0px;
	background:#333;
	color:#c00;
height:18px

}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Georgia;
font-weight:bold;
	float:left;
	color:#000;
	padding:0;
	height:134px;
}

#rotator .ui-tabs-hide {
	display:none;
}



#rotator p {
	color:#333;
	text-align:center;
}

#rotator .btn_get_started {
	float:right;
	height:20px;
	width:332px;
	margin-right:-20px; 
	background: url(new_graphics/alpha_spacer.png) repeat-x;
padding:4px 8px 10px 0px;
}




/* Background Images */
#fragment-1 {
	background:transparent url(images/sliding_photo1.jpg) no-repeat top right;
	float:left;
	padding:0;
	width:339px;
	height:145px;
border-bottom:1px solid #ccc;
}

#fragment-2 {
	background:transparent url(images/sliding_photo2.jpg) no-repeat top right;float:left;
		width:339px;
		height:145px;
border-bottom:1px solid #ccc;
}

#fragment-3 {
	background:transparent url(images/sliding_photo3.jpg) no-repeat top right;float:left;
	padding:0;
		width:339px;
		height:145px;
border-bottom:1px solid #ccc;
	
}

#fragment-4 {
	background:transparent url(images/sliding_photo4.jpg) no-repeat top right;float:left;
	padding:0;
		width:339px;
		height:145px;
border-bottom:1px solid #ccc;
	
}
 
 
.tab-1 {
	background:transparent url(new_graphics/video.jpg) no-repeat top right;float:left;
	padding:0;
		width:168px;
		height:116px;
border-bottom:1px solid #ccc;
	
}
 
 .tab-2 {
	background:transparent url(new_graphics/organ_gallery.jpg) no-repeat top right;float:left;
	padding:0;
		width:167px;
		height:116px;
border-bottom:1px solid #ccc;
	
}
 
 .tab-3 {
	background:transparent url(new_graphics/news_home.jpg) no-repeat top right;float:left;
	padding:0;
		width:168px;
		height:116px;
border-bottom:1px solid #ccc;
	
}
 
 
 .tab-1:hover  {
	background:transparent url(new_graphics/video.jpg) no-repeat top right;float:left;
	padding:0;
		width:168px;
		height:116px;
border-bottom:1px solid #ccc;
color:#f90;
	
}

 .tab-2:hover  {
	background:transparent url(new_graphics/organ_gallery.jpg) no-repeat top right;float:left;
	padding:0;
		width:167px;
		height:116px;
border-bottom:1px solid #ccc;
color:#f90;
	
}



 .tab-3:hover {
	background:transparent url(new_graphics/news_home.jpg) no-repeat top right;float:left;
	padding:0;
		width:168px;
		height:116px;
border-bottom:1px solid #ccc;
color:#f90;
	
}


 

/******* /TOP *******/  
/******* MENU *******/  
#top #tabs{  
    float: left;  
    list-style-type: none;  
    margin:0;  
	width:500px;
	padding:10px;
}  
#top #tabs li{  
    float: left;  
    margin-right: 24px;  
	 cursor: pointer; 
}  

#top #tabs li a{  
   color:#999;
      text-decoration:none;
}  

#top #tabs li a:hover{  
   color:#c00;
   text-decoration:none;
}  

#top #tabs li:hover{  
    color: #c00;  
    cursor: pointer;  
} 


#rightContent #tabs{  
    float: left;  
    list-style-type: none;  
    margin: 0;  
	padding:0;
}  
#rightContent #tabs li{  
    float: left;  
    margin:0;  
	padding:0;
	border-right:1px solid #ccc;
	 cursor: pointer; 
}  
#rightContent #tabs li:hover{   
    cursor: pointer;  
} 


/******* /MENU *******/  
/******* LOADING *******/  
#loading{  
    text-align: center;  
    visibility: hidden;  
}  
/******* /LOADING *******/  
 
.clear{  
    
	margin:0;
	padding:0;
	clear: both;  
    height: 0;  
    visibility: hidden;  
    display: block;  
}  
 
 a {
	 color:#c00;
	 text-decoration:none;
 }
 
  a:hover {
	 color:#333;
	 text-decoration:none;
 }