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


body {
font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #cccccc; background-color: #000000; width: 100%; height: 100%;
margin: 0; padding: 0; line-height: 1.4;
}


p { margin-left : 10px; margin-right: 10px; }
p.secondary { margin-left : 10px; margin-right: 10px; font-size: 11px; }
p.footer {font-size: 11px; text-align:center;}


h1 { font-size: 14px; color: #FFFFFF; font-weight:normal; margin-left: 11px; }
h2 {font-size: 11px; color: #FFFFFF; padding: 0; margin: 0; margin-left : 10px;  font-weight:normal;}
h3 {font-size: 12px; color: #FFFFFF; margin-left : 10px; font-weight:bold;}

a:link {color: #FFFFFF; text-decoration: underline; }
a:visited {color: #FFFFFF; text-decoration: underline; }
a:hover {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: underline;}

/* Layout */
#container {position: relative; width: 900px; height: auto; min-height: 500px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; }
#navigation {position: relative; margin-left: auto; margin-right: auto; width: 900px; height: 74px; background-color:#000000 }
#footer {position: relative; margin-left: auto; margin-right: auto; width: 900px; height: 74px; color:#666666 }



#bodytop {position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 900px; height: 19px; background-image: url(images/body/body_top.jpg)} 
#bodymiddle {position: relative; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; width: 850px; height: auto; 
background-color:#333333; border-right: 2px solid #828282; border-left: 2px solid #828282; }
#bodybottom { position: relative; margin-left: auto; margin-right: auto; width: 900px; height: 22px; background-image: url(images/body/body_bottom.jpg);}

#mySlideShow{ position: relative; width: 500px !important; height: 200px !important;}

#side1 {position:relative; float: left; margin-top: 10px; height: 500px; width: 500px;}
#side1 span.top {height: 20px; width: 500px; background-image:url(images/feature/top.jpg); display: block; line-height: `20px; }
#side1 span.middle {height: auto; width: 498px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding-top: 1px; padding-bottom: 1px; display: block;}
#side1 span.bottom {height: 20px; width: 500px; background-image:url(images/feature/bottom.jpg); display: block; }



 
#side2 {position: relative; height: auto; width: 338px; float: right; margin-top: 10px;}
#side2 span.top{height: 27px; background-image:url(images/side_box/images/box_01.jpg); display: block; line-height: `20px;}
#side2 span.middle{height: auto; width: 338px; background-image:url(images/side_box/images/mid.jpg); display: block; padding-top: 1px; padding-bottom: 10px; margin-bottom: 0px }
#side2 span.middleR{height: auto; width: 338px; background-color:#990000; display: block; padding-top: 1px; padding-bottom: 10px; margin-bottom: 0px }
#side2 span.middleA{height: auto; width: 338px; background-image:url(images/couragegala/sponsors/sponsors_website_middle.jpg); display: block; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
#side2 span.spacer {height: 12px; width: 338px; display: block;}




#frame {position: relative; margin: 0px; width: 300px; height: 400px; 
 }




div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #2F2F2F;
  width: 100%;
  height:400px;
}