/* CSS Document */

body{
text-align:center;
margin: 0px;
padding: 0px;
background-image: url(/images/googlebox_bg.gif);
background-position: left top;
background-repeat: repeat;
	font: 13px Helvetica, Arial, sans-serif;
	color: #fff;
}
.dottline {
	background-image: url(/images/dottline.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 12px;
}
.inputpadding td{
	padding: 3px 0px 3px 0px;
}
.inputpadding .formField {
	color: #626975;
	border-top: #b4b4b4 1px solid; 
	border-right: #dbdbdb 1px solid; 
	border-bottom: #dbdbdb 1px solid; 	 
	border-left: #b4b4b4 1px solid; 
	padding-left: 5px;
	font-size: 11px; 
	background-color: #red; 
}

.inputpadding img {
	border: none;
	margin:0px;
	padding: 0px;
}
.smallText{
	font-size: 10px; 
}

/* ---------------- in header ------------------ */

#header{
height: 93px;
width: 760px;
background-image: url(/images/googlebox_logo.gif);
background-position: right;
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}



/* ---------------- in footer ------------------ */

#footer{
height: 47px;
width: 100%;
margin: 0px auto 0px auto;
}



#flink{
font: 11px Arial, Helvetica, sans-serif;
color: #6e6e6e;
text-transform: uppercase;
padding: 10px 0px 0px 0px;
margin: 0px auto 0px auto;
width: 660px;
text-align: left;
}


#flink a:link, #flink a:visited, #flink a:hover{
font: 11px Arial, Helvetica, sans-serif;
color: #6e6e6e;
text-decoration:none;
text-transform:lowercase;
}


.googlebox_footer{
padding: 0px;
margin: 0px auto 0px auto;
background-image: url(/images/gogglebox_footer.gif);
background-position: top;
background-repeat: no-repeat;
width: 760px;
height: 35px;
}



.googlebox_footer p{
text-align: left;
font: 11px Arial, Helvetica, sans-serif;
color: #fff;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 40px;
width: 660px;
}


.googlebox_footer a:link, .googlebox_footer a:visited{
text-align: left;
font: 10px Arial, Helvetica, sans-serif;
color: #fff;
text-transform:uppercase;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
text-decoration:none;
}




/* ---------------- in content ------------------ */

.googlebox_content{
	background-color: #2e2e2e;
	padding: 0px 45px 35px 45px;
	margin: 0px 0px 0px 0px;
	font: 11px Helvetica, Arial, sans-serif;
	color: #fff;
}
.googlebox_content td, .googlebox_content p{
	font: 13px Helvetica, Arial, sans-serif;
	color: #fff;
	padding:0px 10px 0px 0px;
}
.googlebox_content a:link, .googlebox_content a:visited{
	font: Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: underline;
}
.googlebox_content a:hover{
	font: Helvetica, Arial, sans-serif;
	color: #E1E1E1;
	text-decoration: none;
}
.googlebox_content .introText{
	font: 13px Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 18px;
}
.googlebox_content li{
	list-style-image: url(images/bullet.gif);
	font: 13px Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 18px;
}
.googlebox_content h1{
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0px 0px 12px 12px;
	margin:25px 0px 0px 0px;
	width: 649px;
	background-image: url(../images/hdrBck.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.googlebox_content h2{
font: 13px Helvetica, Arial, sans-serif;
color: #fff;
padding: 0px;
margin: 0px 20px 20px 50px;
width: 300px;
}

/*------------------ menu ---------------------*/


.navigations {
	width: 700px;
	margin: 0px auto 0px auto;	
	height: 29px;
}

.navigation {
	width: 400px;
	height: 21px;
	float: left;
}

.Menu {
	height: 19px;
}


/* Main Nav */

.Menu .otherItems {
	padding: 0px;
	margin: 0px;
}

.Menu .otherItems:hover {
	padding: 0px;
	margin: 0px;
}


.Menu .firstItem, .Menu .currentItem {
	background-color: white;
	line-height: 17px;
	font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
	color: black;
	text-decoration: none;
	padding: 0px 10px 1px 10px;
	margin: 0px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.Menu .firstItem {
	border-left: 1px solid #ccc;
}

.Menu .firstItem:hover, .Menu .currentItem:hover {
	background-color: #f7f7f7;
	color: black;
}


/* Main Nav Dropdowns */
.Menu .dropFirstItem, .Menu .dropOtherItems, .Menu .dropCurrentItem {
    width: 148px;
	height: 19px;
    background-color: white;
   	color: black;
	cursor: pointer;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	border: 0px;
	background-color: #969696;
	border-top: 0px;
	font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
}
.Menu .dropFirstItem {
    border-top: 1px solid #ccc;
}
.Menu .currentItem, .Menu .dropCurrentItem  {
	background-color: #eee;
}
.Menu .dropFirstItem:hover, .Menu .dropOtherItems:hover, .Menu .dropCurrentItem:hover {
	background-color: #f7f7f7;
	color: black;
}

/* --------- standard suckerfish menu stuff ----------*/
.suckerfish, .suckerfish ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 11px;
}

.suckerfish a {
	display: block;
	text-decoration: none;
	/*width: 7em;*/
}
.suckerfish a:hover {
	text-decoration: none;
}

.suckerfish li { /* all list items */
	float: left;
	/*width: 7em;*/ /* width needed or else Opera goes nuts.. apparantly not */
}

.suckerfish li ul { /* second-level lists */
	margin-top: -1px;
	position: absolute;
	background: white;
	width: 122px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.suckerfish li:hover ul ul, .suckerfish li.sfhover ul ul {
	left: -999em;
}



.suckerfish li:hover ul ul, .suckerfish li:hover ul ul ul, .suckerfish li:hover ul ul ul ul, .suckerfish li.sfhover ul ul, .suckerfish li.sfhover ul ul ul, .suckerfish li.sfhover ul ul ul ul {
	left: -999em;
}

.suckerfish li:hover ul, .suckerfish li li:hover ul, .suckerfish li li li:hover ul, .suckerfish li li li li:hover ul, .suckerfish li.sfhover ul, .suckerfish li li.sfhover ul, .suckerfish li li li.sfhover ul, .suckerfish li li li li.sfhover ul {
	left: auto;
	margin: -19px 0px 0px 121px;
}


.suckerfish li:hover ul, .suckerfish li.sfhover ul {
	margin: -1px 0px 0px -1px;
}