@charset "utf-8";
/* CSS Document */
* {outline: none;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
img {border: 0;}


html {
	background:url(../../High/Glossary/images/bg_header.jpg) top left repeat-x #009bd6; /*#202027 dark gray color*/
}

div#hbg {
	position:relative;
	width:960px;
	background:#FFF;
    margin: 0 auto;
}

div#header {
	float:left;
	height:150px;
	width:960px;
	background:url(images/header/CCHead_noNavApple960_150.png) no-repeat transparent;
}

a:link {
	text-decoration:none;
	color:#00AEEF;
}
a:visited {
	text-decoration:underline;
	color: #272720;
}

a:hover{
text-decoration:underline;
	color: #999;}

a:active {
	text-decoration:underline;
	color: #999;
}


/*Styling for Menu Navigation*/

.mainNav {
  /*position: relative;  this gives weird white top border over header*/ 
  min-width: 960px;
  max-width: 960px;
  height: 45px; /* corresponds to 'line-height' of a.navbartitle below */
  margin: 0; border: 0; padding: 0;
  background-color: #fff; 
}

a.navbartitle {
  display: block; 
  float: left;
  color: white;
  background-color:  #00AEEF;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0; border: 0; padding: 0;
  line-height: 40px; /* corresponds to 'top' value of .submenu below */
  text-align: center;
  text-decoration:none;
}

a.navbartitle:hover {
  background-color: #0079a7;
}

/* menu title widths */
#t1 { width: 192px; background-color: #b30000;} /* home color */
#t2 { width: 192px; background-color: #ff6929;} /* elem color */
#t3 { width: 192px; background-color: #ffd119;} /* middle color */
#t4 { width: 192px; background-color: #008523;} /* high color */
#t5 { width: 192px; background-color: #1c39ad;} /* teachers color */
/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {
  position:absolute;
  z-index: 2;
  top: 45px; /* corresponds to line-height of a.navbartitle above */
  padding: 0; margin: 0; 
  /*width:250px; /* If adjust this, then adjust width of .submenu below a too */
  width:192px; /* If adjust this, then adjust width of .submenu below a too */
/*  color: #272720;;*/
  background-color:  #00AEEF;
  /*border: 1px solid #00AEEF; *//* box around entire sub-menu */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: .95em;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius: 7px;
}
/*submenu ul li {
  text-shadow:#666;	
}*/
#elemColor {
   border-left: 10px solid #ff6929;
   background-color: #fff;
   /*background orange-color: #ff6929;*/ 
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius: 12px;
}
#middleColor {
   border-left: 10px solid #ffd119;
   background-color: #fff;
/*   background yellow-color: #ffd119;*/
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius: 12px;
}
#highColor {
    border-left: 10px solid #008523;
	background-color: #fff;
	/*background green-color:#008523;*/
	border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius: 12px;
}
#teachersColor {
   border-left: 10px solid #1c39ad;
   background-color: #fff;/*background dark blue-color:#1c39ad;*/
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius:12px;
  -webkit-border-bottom-right-radius: 12px;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 144px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#home_submenu {  left: 0; top:160px; visibility: hidden;  }
#elem_submenu {  left: 192px; top:157px; visibility: hidden;  }
#middle_submenu {  left: 384px; top:157px; visibility: hidden; }
#high_submenu {  left: 576px; top:157px; visibility: hidden; }
#teachers_submenu { left: 768px; top:157px; visibility: hidden; }
/* Note, each submenu is hidden when the page loads - then made visible when
    the mouse goes over the menu title. Using the 'visibility' property instead
    of using the 'display' property avoided a bug in some versions of Safari. 
    (The bug is pretty where esoteric: The browser ignored the '' property 
    on 'li' objects inside an object whose display property was set to 'none' 
    when the page loaded...) Using the 'visibility' property instead of 'display'
    would normaly take up extra room on the page, but that's avoided here by putting
    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'
    in .submenu definition, higher up this page. */

.submenu a
{
  display: block;
  color: #eee; 
  /*background-color: #0079A7;*/
  /*width: 192px;  This should be width of .submenu above minus right-side padding on next line */
  min-height: 20px;
  padding: 5px 0px 2px 20px;
  text-decoration: none;
  /*background-color: #00AEEF; */
  border-bottom: #0079A7 dotted 1px; 
  border-top: 0; border-left: 0; border-right: 0;
}
ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin:0; 
  padding:0; 
  border:0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  list-style-type: none;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul li a:link { 
   color: #272720;
}
.submenubox ul li a:visited { color: #272720;}
.submenubox ul li a:hover
{
  color: #272720;  /*c6e8e2 text color for submenu items */
  background-color: #00AEEF; /*color of submenu background*/
  /*border-bottom: #0079A7 dotted 1px; */
}
.submenlink{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	/*text-shadow: 1px 0px #666; does not work in IE*/
    /*filter: glow(color=#666666,strength=1); this is the code for IE but not pretty*/
}

div#contentHome {
	background-color:#F1F1F1;
	position:relative; 
	float:left; 
	width:960px; 
	padding-left:0px; 
	padding-right:0px; 
}


h1{
	margin: 15px 20px 20px 20px;
	font-size: 1.75em;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	text-transform: uppercase;
	letter-spacing:5px;
	color:#00AEEF;	
}

h2{
	color:#403C3D;
	margin: 35px 25px 30px 25px;
	font-size: 1em;
	margin: 2%;
	font-size: 1em;
}
h3{
	color:#403C3D;
	margin: 35px 25px 30px 25px;
	font-size: .9em;
	font-weight: normal;
	/*border-bottom: 1px solid #e1e1e1;*/
}
li{
	margin: 0% 2% 0% 3%;
	color: #00AEEF;
	font-size: 1em;
	font-weight: bold;
}


body{
	/*color: auto; #15477A; blue font color*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

p{
	margin: 2% 2%;
}

p.description{
   font-size: .8em;
   font-family: Arial, Helvetica, sans-serif;
   margin:0% 3% 2% 3%;	
}
p.disclaimer{
   font-size: .85em;
   font-family:"Times New Roman", Times, serif;
   font-style: italic;
   margin:0% 3% 2% 3%;	
}

div.allsenators{
	margin-bottom: 40px;
	/*border: 1px solid #e1e1e1;*/
	background-color: white;/*url(images/activities_bg.gif) top left repeat-y #f0f0f0*/
	position: relative;
    z-index: 10;
	float: none;
	padding-left:5px;
	padding-right:5px;
} 
div.senators {
	padding:20px 0px 60px 30px;/*padding:20px 0px 30px 25px;*/
	height:120px;
	/*border-bottom: 1px solid #e1e1e1;*/
	position: relative;
    z-index: 10;
	float:left; 
	width:290px; 
}

div.senatorFirst {
	padding:20px 0px 50px 30px;
	height:120px;
	/*border-bottom: 1px solid #e1e1e1;*/
	position: relative;
    z-index: 10;
	float:left; 
	width:290px; 
}	
	
div.senators img, div.senatorFirst img {
	float: left;
    margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 5px 5px 3px #888;
    -webkit-box-shadow: 5px 5px 3px #888;
    box-shadow: 5px 5px 3px #888;
}

div.delegateFirst {
	padding:20px 0px 30px 30px;
	height:120px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
    z-index: 10;
	float:left; 
	width:290px; 
}	

div.delegates {
	padding:20px 0px 30px 30px;/*padding:20px 0px 30px 25px;*/
	height:120px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
    z-index: 10;
	float:left; 
	width:290px;
}

div.delegates img, div.delegateFirst img {
	float: left;
    margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 5px 5px 3px #888;
    -webkit-box-shadow: 5px 5px 3px #888;
    box-shadow: 5px 5px 3px #888;
}

#searchArea{
	float:right;
	width:350px;
	height:103px;
	border:none;
	padding:0;
	background-image:url(cssImages/10QuickTabsHolder.png);
	background-repeat:no-repeat;
}
/* B E G I N  G S A  S E A R C H */

#searchArea form fieldset {
	display:block;
	float:right;
	margin:10px 10px 0 0;
	padding:0px;
	outline:none;
	border:none;
}
#searchArea form fieldset legend {
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	letter-spacing:.09em;
	color:#fff;
	float:right;
	clear:both;
	margin-bottom:10px;
}
#GSASearchField {
	float:right;
	margin:0 7px 0 0;
	height:25px;
	width:155px;
	max-height:21px;
	padding-left:6px;
	font-size:12px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border: 1px #a6c9e2 solid;
	font-family:'Oswald',sans-serif;
	letter-spacing:.1em;
	color:#999999;	
}
#GSASearchField:focus {
	background-color: #fff;
	border-color: #448dae;
	color:#026890;
}
#GSASearchField: {
	background-color:#ffd119;	
}
#GSAButtonBox {
	display:block;
	float:right;
	clear:right;
	text-align:center;
}
input.ui-button {
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	padding: 0.3em 1em 0.3em 1em;
	margin-bottom:5px;
}
.helpText {
	display:block;
	margin:1px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
}
#searchArea #vgaHome {
	display:block;
	font-family:'Oswald', sans-serif;
	font-size:11px;
	letter-spacing:.09em;
	color:#fff;
	float:right;
	clear:both;
	margin: 3px 15px 0 0;
}
/* E N D  G S A  S E A R C H */