/* css information
--------------------------------------------------------
	TALK Institure and School:      	screen stylesheet
	author:         					####
	updated:        					January 2008

	
-------------------------------------------------------- */



/*
***************************************

	TYPOGRAPHY AND COLOR RULES

***************************************
*/
body {
	background-color: #cae5f3 ;
	line-height: 1.2em; 
	font: 12px Arial, verdana, Helvetica, Geneva, sans-serif;  
	margin: 0;
	padding: 0;
	background-image: url(../images/body_bkg.jpg);
	background-repeat: repeat-x; 
	background-color:#cae5f3;
	text-align:center; 
}


.container {
	background-image: url(../images/bg_shadow.png);
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	text-align: left;
	width: 100%;
    height: 1200px;
	}
	

 
img  {
	border-width: 0
}
a, a:link,  a:visited  {
	color: #003769;
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}	
a:hover   {
	
	color: #658DB2; 
	text-decoration: none;
	text-decoration: underline;
}

h1   {
	color: #003769;
	text-align: left;
	font: 20px arial, sans-serif;
	font-weight: bold;
	line-height: 1.0em;

}

h2   {
	color: #003769;
	text-align: left;
	font: 15px arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	

}

h3    {
	color: #003769;
	text-align: left;
	font: 13px arial, sans-serif;
	font-weight: bold;
	text-transform:capitalize;

}

ul {
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	margin: 1em 1.2em 1em 1em;
	}
	
li {
	padding-left: 10px;
	line-height: 1.1em;
	margin: .3em;
	list-style-type: disc;

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

hr {color:#d7d7d7;}



#wrapper { width:787px; margin:0 auto; text-align:left; border:2px solid #818284; background-color:#FFFFFF; }	

.sponsor_title {
	color: #1D5ECA;
	text-align: center;
	font: 20px verdana, arial, sans-serif;
	line-height: 22px;
    letter-spacing:-.08em;
}

.footer a, .footer a:link,  .footer a :visited  {
	color: #ffffff;
	font: 12px verdana, arial, sans-serif;
	text-decoration: underline;
	background: transparent;
}	
.footer a:hover   {
	
	color: #1A2A36; 
	text-decoration: underline;
}

.nav a, .nav a:link,  .nav a :visited  {
	color: #00000;
	font: 16px  arial, sans-serif;
	text-decoration: none;
	background: transparent;
	letter-spacing:-.04em;
	letter-height:30px;
		padding: 20px 8px 10px 10px; 
}	
.nav a:hover   {
	
	color: #1A2A36; 
	text-decoration: none;
}



div#breadcrumbs {
	text-align: left; 
/*border-bottom: 1px solid #fbee9d;
	border-top: 1px solid #fbee9d;
	background-color: #fffbe4;*/
	width: 65%;
	text-decoration: none; 
	font-size: 11px; 
	padding: 3px 3px 0px 0px; 
	color: #666666;
	font-weight: normal;
	}

div#breadcrumbs a:link {
	text-decoration: underline; 
	font-size: 11px; 
	padding: 3px 3px 3px 5px; 
	color: #57A2DC;
	font-weight: normal;
	}
div#breadcrumbs a:visited {
	text-decoration: underline; 
	font-size: 11px; 
	padding: 3px 3px 3px 5px; 
	color: #57A2DC;
	font-weight: normal;
	}
div#breadcrumbs a:hover {  
	color: #898989; 
	text-decoration: underline;
	}
.greytext {font-size: 12px; color: #878787; font-style: italic;} 
.titleblue{font-size:19px; color:#094174;line-height: 1.0em; }
.titleblue_sm{font-size:15px; color:#094174;line-height: 17px; }
.titleblue_sm2{font-size:12px; color:#8d8d8d; font-weight: bold; font-style: italic;}
.titlered{font-size:19px; color:#5F0A0D;line-height: 1.0em; }

div#galanav {
	text-align: center; 
	width: 95%;
	text-decoration: none; 
	font-size: 11px; 
	padding: 20px 20px 20px 30px; 
	color: #ffffff;
	font-weight: normal;
	}
div#galanav a:link {
	text-decoration: underline; 
	font-size: 12px; 
	padding: 3px 3px 3px 5px; 
	color: #ffffff;
	font-weight: normal;
	}
div#galanav a:visited {
	text-decoration: underline; 
	font-size: 12px; 
	padding: 3px 3px 3px 5px; 
	color: #ffffff;
	font-weight: normal;
	}
div#galanav a:hover {  
	color: #999999; 
	text-decoration: underline;
	}
	
	.sitemap a, .nav a:link,  .nav a :visited  {
	color: #ffffff;
	font: 10px  arial, sans-serif;
	text-decoration:underline;
	background: transparent;
	letter-spacing:-.04em;
	letter-height:30px;

}	


.custom-gen li {
  list-style-image: url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left : 5px;
      margin-left: 8px;
   }
   
.custom-gen ul {
   list-style-type: url(../images/arrow.gif);
   padding-left: 0px;
   margin-left: 0;
  }   
/*
***************************************

	LAYOUT RULES

***************************************

*/


#center_content {
    width: 795px;
    border: 2px solid #666666;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
	margin-left: -400px;
	background-color: #ffffff;

}

#header {
	clear: both;
	margin-left: auto; 
	background: transparent url(../images/top_header_blue_bkg.gif) top left; 
	width: 795px;  
	height: 91px;
	font-size: 11px;  
	padding: 0px 0px 0px 0px; 
	text-align: left;
	font-weight: bold;
	color: #898989;
}

#logo {
	width: 144px;  
	height: 80px;
	position: absolute;
	margin: 11px 0px 10px 10px; 
}
#facebook {
	width: 50px;  
	height: 40px;
	position: absolute;
	margin: 41px 0px 200px 750px; 
}
#twitter {
	width: 40px;  
	height: 50px;
	position: absolute;
	margin: 41px 0px 200px 713px; 
}

#follow {
	width: 80px;  
	height: 20px;
	position: absolute;
	margin: 20px 0px 200px 705px; 
}
#sitemap{
	width: 82px;
	height: 23px;
	position: absolute;
	margin: 5px 5px 5px 5px;
	left: 695px;
	top: 1276px;
}
#mainnav {
	width: 795px;  
	height: 18px;
	background: transparent url(../images/main_nav_grey_bkg.gif) top left; 
	padding-top: 5px; 
	padding-bottom: 5px;
}



#footer {
	line-height: 1.8em; 
	font: 9px verdana, Helvetica, arial, Geneva, sans-serif;  
	color: #ffffff;
	margin: 0;
	padding: 8px 5px 8px 5px;
	background-color: #40627C;
}

#box1 {width: 220px;}
#box2 {width: 220px;}
#box3 {width: 220px;}
#sponsor {width: 736px;}

#xbox1 h1, #xbox h2, #xbox p {margin:0 10px; letter-spacing:1px;}
#xbox1 h1 {font-size:2em; color:#000000;}
#xbox1 h2 {font-size:1.5em;color:#a32118; border:0;}
#xbox1 p {padding-bottom:0.5em;}
#xbox1 h2 {padding-top:0.5em;}
#xbox1 {background: transparent; margin:0px;}

#xbox2 h1, #xbox h2, #xbox p {margin:0 10px; letter-spacing:1px;}
#xbox2 h1 {font-size:2em; color:#000000;}
#xbox2 h2 {font-size:1.5em;color:#a32118; border:0;}
#xbox2 p {padding-bottom:0.5em;}
#xbox2 h2 {padding-top:0.5em;}
#xbox2 {background: transparent; margin:0px;}

#xbox3 h1, #xbox h2, #xbox p {margin:0 10px; letter-spacing:1px;}
#xbox3 h1 {font-size:2em; color:#000000;}
#xbox3 h2 {font-size:1.5em;color:#a32118; border:0;}
#xbox3 p {padding-bottom:0.5em;}
#xbox3 h2 {padding-top:0.5em;}
#xbox3 {background: transparent; margin:0px;}

#xsponsor h1, #xsponsor h2, #xsponsor p {margin:0 10px; letter-spacing:1px;}
#xsponsor h1 {font-size:2em; color:#000000;}
#xsponsor h2 {font-size:1.5em;color:#a32118; border:0;}
#xsponsor p {padding-bottom:0.5em;}
#xsponsor h2 {padding-top:0.5em;}
#xsponsor {background: transparent; margin-top:30px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, { border-left:1px solid #737374; border-right:1px solid #737374;}
.xb2, .xb3, .xb4 {background:/*#e0e0e0*/#ffffff; border-left:1px solid #737374; border-right:1px solid #737374;}
.bxb2, .bxb3, .bxb4 {background:/*#e0e0e0*/#DEE4E8; border-left:1px solid #737374; border-right:1px solid #737374;}
.bxb2, { border-left:1px solid #737374; border-right:1px solid #737374;}
.bxb1, .bxb2, .bxb3 {height:1px;}
.bxb1, .bxb2, .bxb3, .bxb4 {display:block; overflow:hidden;}
.bxb1 {margin:0 5px; background:#737374;}
.bxb2 {margin:0 3px; border-width:0 2px;}
.bxb3 {margin:0 2px; }
.bxb4 {height:2px; margin:0 1px;}

.xb1 {margin:0 5px; background:#737374;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px; }
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff/*#e0e0e0*/	 ; border:0 solid #737374; border-width:0 1px;}

#xboxcontainer{margin: 20px 0px 0px 20px;}
#xboxcontainer_sec{margin: 8px 10px 0px 20px;}

#box1content {width: 198px;height: 310px;padding: 10px 10px 10px 10px;color: #4f4f4f; font-size: 12px; background: transparent url(../images/middle_box_bkg.gif) }
#box2content {width: 198px;height: 310px;padding: 10px 10px 10px 10px;color: #4f4f4f; font-size: 12px;}
#box3content {width: 198px;height: 310px;padding: 10px 10px 10px 10px;color: #4f4f4f; font-size: 12px;}
#boxsponsorcontent {width: 714px;height: 435px;padding: 10px 10px 10px 10px;color: #4f4f4f; font-size: 12px;}


#box1content table td {vertical-align: bottom; }
#box2content table td {vertical-align: bottom; }
#box3content table td {vertical-align: bottom; }
#boxsponsorcontent table td {vertical-align: bottom; }



/*
***************************************

	Tooltip Styles

***************************************
*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffff;
    color:#033769;
    text-decoration:none;
border-bottom:1px dotted #033769;}
	
a.info:hover{z-index:25; background-color:#eeeeee}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
 	position:absolute;
  	top:-15em; left:-8em;
 	width:220px;
    border:1px solid #fbee9d;
    background-color:#fffbe4; color:#000;
    text-align: left;
	font-size: 11px; 
	color: #000000;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	}
a.info:hover ul	{
	margin: 0px;
	padding: 5px 5px 5px 20px;
	border: 0;
	}
a.info:hover li	{
	margin: 0px;
	padding: 2px 3px 5px 2px;
	border: 0;
	}


/*
***************************************

	Tabs Styles

***************************************
*/
  #tabssides {
      float:left;
      width:97%;
	  height:10px;
	    background:#ffffff;
      font-size:100%;
      line-height:normal;
	  border-right:1px solid #C2BDAE;
	    border-left:1px solid #C2BDAE;
      }
  #tabsJ {
      float:left;
      width:96%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

#tabsJ a:hover span, #tabsJ a#activetab span
{ background-position:100% -42px;color: #FFF; }
#tabsJ a:link#activetab, #tabsJ a:visited#activetab, #tabsJ a:hover
{ background-position: 0% -42px; }