/*================================================================
CSS file for HybridGeek 2010 - by Brian A. Call
Subsite: Sitemap

Palette:
background-color:#4f7faf; * light blue
background-color:#006699; * dark blue
background-color:#839c72; * light green
background-color:#3e5a27; * dark green
background-color:#d85353; * light red
background-color:#af2227; * dark red
background-color:#d6b07f; * light brown
background-color:#a5482b; * dark brown
================================================================*/

/* LOCAL */
body {
	/*
	background-color: #FFFFFF;
	background-image:url('../images/network1.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	*/
}

/* Headers for each subsite block - default */
#table1 div.block_header a.block_link {
	font-style: normal;
}
#table1 div.block_header a.block_link:link {

}
#table1 div.block_header a.block_link:visited {

}
#table1 div.block_header a.block_link:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#table1 div.block_header a.block_link:active {

}

/* Headers for each subsite block - Trailhead */
#table1 td.subsite_block_trailhead div.block_header a.block_link {
	font-style: normal;
	color: #000000;
}
#table1 td.subsite_block_trailhead div.block_header a.block_link:link {

}
#table1 td.subsite_block_trailhead div.block_header a.block_link:visited {

}
#table1 td.subsite_block_trailhead div.block_header a.block_link:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #000000;
}
#table1 td.subsite_block_trailhead div.block_header a.block_link:active {

}

/* Headers for each subsite block - Projects */
#table1 td.subsite_block_projects div.block_header a.block_link {
	font-style: normal;
	color: #FFFFFF;
}
#table1 td.subsite_block_projects div.block_header a.block_link:link {

}
#table1 td.subsite_block_projects div.block_header a.block_link:visited {

}
#table1 td.subsite_block_projects div.block_header a.block_link:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #000000;
}
#table1 td.subsite_block_projects div.block_header a.block_link:active {

}

/* Headers for each subsite block - AT Guides */
#table1 td.subsite_block_guides div.block_header a.block_link {
	font-style: normal;
	color: #FFFFFF;
}
#table1 td.subsite_block_guides div.block_header a.block_link:link {

}
#table1 td.subsite_block_guides div.block_header a.block_link:visited {

}
#table1 td.subsite_block_guides div.block_header a.block_link:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #000000;
}
#table1 td.subsite_block_guides div.block_header a.block_link:active {

}

/* Headers for each subsite block - Green Block */
#table1 td.subsite_block_green div.block_header a.block_link {
	font-style: normal;
	color: #FFFFFF;
}
#table1 td.subsite_block_green div.block_header a.block_link:link {

}
#table1 td.subsite_block_green div.block_header a.block_link:visited {

}
#table1 td.subsite_block_green div.block_header a.block_link:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #000000;
}
#table1 td.subsite_block_green div.block_header a.block_link:active {

}

/* Individual Subsite block - Defaults */
#table1 td.subsite_block {
	/* background-color: #FFFFFF; */
	background-color: transparent;
	width: 50%;
}

/* Individual Subsite block - Trailhead */
#table1 td.subsite_block_trailhead {
	/* background-color: #FFFFFF; */
	background-color: #FFFFFF;
	width: 50%;
}

#table1 td.subsite_block_trailhead li a {
	font-style: normal;
	color: #000000;
}
#table1 td.subsite_block_trailhead li a:link {
	text-decoration: underline;
}
#table1 td.subsite_block_trailhead li a:visited {
	
}
#table1 td.subsite_block_trailhead li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: underline;
}
#table1 td.subsite_block_trailhead li a:active {
	
}

/* Individual Subsite block - Projects */
#table1 td.subsite_block_projects {
	/* background-color: #FFFFFF; */
	background-color:#d85353;
	width: 50%;
}

#table1 td.subsite_block_projects li a {
	font-style: normal;
	color: #FFFFFF;
}
#table1 td.subsite_block_projects li a:link {
	text-decoration: underline;
}
#table1 td.subsite_block_projects li a:visited {
	
}
#table1 td.subsite_block_projects li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: underline;
}
#table1 td.subsite_block_projects li a:active {
	
}

/* Individual Subsite block - Guides */
#table1 td.subsite_block_guides {
	/* background-color: #FFFFFF; */
	background-color:#4f7faf;
	width: 50%;
	color: #FFFFFF;
}
#table1 td.subsite_block_guides li a {
	font-style: normal;
	color: #FFFFFF;
}
#table1 td.subsite_block_guides li a:link {
	text-decoration: underline;
}
#table1 td.subsite_block_guides li a:visited {
	
}
#table1 td.subsite_block_guides li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: underline;
}
#table1 td.subsite_block_guides li a:active {
	
}

/* Modify states with no actual link yet */
#table1 td.subsite_block_guides li a.states_null, a.states_null:link, a.states_null:visited, a.states_null:hover, a.states_null:active{
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	cursor: default;
	background-color: transparent;
}

/* Individual Subsite block - Green block */
#table1 td.subsite_block_green {
	background-color: #FFFFFF;
	/* background-color:#839c72; */
	width: 50%;
}

#table1 td.subsite_block_green li a {
	font-style: normal;
}
#table1 td.subsite_block_green li a:link {
	text-decoration: underline;
}
#table1 td.subsite_block_green li a:visited {
	
}
#table1 td.subsite_block_green li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}
#table1 td.subsite_block_green li a:active {
	
}




/* standard block header definition */
#table1 div.block_header {
	font-size: 1.5em;
	text-decoration: underline;
	font-family:verdana,arial,helvetica,sans-serif;
	font-style: normal;
}

/* Section header definition */
#table1 .section_header {
	/* background-color: #FFFFFF; */
	background-color: transparent;
	padding: 0px 12px 0px 12px;
	font-weight: bold;
	font-size: 1.5em;
	font-family:verdana,arial,helvetica,sans-serif;
}
#table1 .section_header img {
	text-align: right;
}

/* Table Paragraph type */
#table1 p {
	padding: 0;
	margin: 0;
	margin-bottom: 0.8em;
}

/* Default table based links */
#table1 a {
	color: #000000;
	font-style: italic;
}
#table1 a:link {
	color: #000000;
}
#table1 a:visited {
	color: #000000;
}
#table1 a:hover {
	color: #000000;
	text-decoration: none;
}
#table1 a:active {
	color: #000000;
	text-decoration: underline;
}

/* ADD TOOLTIPS */
/* TOOLTIP POPOUT LINKEDIN */
/* Credit: http://meyerweb.com/eric/css/edge/popups/demo.html */
a.tooltip span#linkedin {
	display: none;
}
a.tooltip:hover span#linkedin {
	display: block;
   	position: absolute;
	right: 0;
	width: 230px;
	padding: 5px; 
	margin: 10px;
	bottom: 2.5em;
	overflow: visible;
	text-decoration: none;

	font-style: normal;
   	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	border: 1px solid #808080;
	color: #000000; 
	background-color: #fff8d1;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 0.7em;
	text-align: center;
}

/* TOOLTIP POPOUT FACEBOOK */
/* Credit: http://meyerweb.com/eric/css/edge/popups/demo.html */
a.tooltip span#facebook {
	display: none;
}
a.tooltip:hover span#facebook {
	display: block;
   	position: absolute;
	right: 0;
	width: 230px;
	padding: 5px; 
	margin: 10px;
	bottom: 2.5em;
	overflow: visible;
	text-decoration: none;

	font-style: normal;
   	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	border: 1px solid #808080;
	color: #000000; 
	background-color: #fff8d1;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 0.7em;
	text-align: center;
}

/* PRIMARY TABLE OVERALL FEATURES */
#table1 {
	border:4px solid #FFFFFF;
	/* border:4px solid transparent; */
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	
	/*
	background-image: url('../images/scenic2.png');
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	*/
}
#table1 td {
	/* background-color:#e8e0b0; */
	background-color:#fff8d1;
	
	border: 7px solid #FFFFFF;
	/* border: 7px solid transparent; */
	max-width: 50%;
	vertical-align: top;
	color: #000000;
	padding: 12px;
	
}