/**
* General stuff
* @version $Id: gca.css 1700 2008-04-22 03:52:35Z caughtatwork $
*/

#header {background: #000044 url("/pics/header_back.png") bottom right repeat-x;
	position: relative;
    	height: 60px;
    	padding: 0px;
    	margin: 0px;
}

#tabs li.tab {
    position: relative;
    float: right;
    background: transparent url("/pics/header_tab.gif") 100% -600px no-repeat;
    padding: 0 6px 0 0;
    margin: 0 1px 0 0;
    border-bottom: 1px solid #616A7F;
    list-style: none;
}

#tabs li.tab a.tab {
    position: relative;
    float: left;
    display: block;
    padding: 6px 1px 5px 7px;
    background: transparent url("/pics/header_tab.gif") 0% -600px no-repeat;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

#header #tabs {
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0 100px 0 0;
    list-style: none;
    font-size: 80%;
}

#tabs a {
	display: block;
}

#tabs a.parent {
	background: url("/pics/nav_rightarrow_white.png") center right no-repeat;
}

li.tab ul {
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 102%;
    left: 0px;
    width: 125px;
    padding: 0px;
    padding-right:2px; 	
    margin: 0px;
    border: inset #AAAAAA 2px;
    border-top: none;
    border-left: none;
    background: #616A7F;
    z-index: 5;
}

.tab > ul {
    top: auto;
    left: auto;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:140px;
}

.tab > ul {
}

li.tab ul li {
    padding: 2px;
}

li.tab ul li a {
    color: white;
    /*font-family:verdana,helvetica,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

li.tab:hover > a { 
    background-position: 0% -400px; 
}

li.tab:hover  { 
    background-position: 100% -400px; 
}

#tabs li.tab a:hover, li.tab ul a:hover {
    color:#ADD8E6;
    text-decoration: none;
}

li.tab:hover ul, li.sfhover ul { 
    visibility:visible;
    z-index: 200;
}

#tabs li:hover ul, tab li.sfhover ul { 
   visibility: visible; 
   left: 0px; 
   z-index: 200;
}

/* Specific Shop Tab for Highlighting */

#tabs li.shoptab {
    position: relative;
    float: right;
    background: transparent url("/pics/header_tab_shop.gif") 100% -600px no-repeat;
    padding: 0 6px 0 0;
    margin: 0 1px 0 0;
    border-bottom: 1px solid #8895AF;
    list-style: none;
}

#tabs li.shoptab a.shoptab {
    position: relative;
    float: left;
    display: block;
    padding: 6px 1px 5px 7px;
    background: transparent url("/pics/header_tab_shop.gif") 0% -600px no-repeat;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

li.shoptab ul {
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 102%;
    left: 0px;
    width: 110px;
    padding: 0px;
    padding-right:2px; 	
    margin: 0px;
    border: inset #AAAAAA 2px;
    border-top: none;
    border-left: none;
    background: #8895AF;
    z-index: 5;
}

li.shoptab ul li {
    padding: 2px;
}

li.shoptab ul li a {
    color: white;
    font-family:verdana,helvetica,sans-serif;
    text-decoration: none;
}

#tabs li.shoptab a:hover, li.shoptab ul a:hover {
    color:#ADD8E6;
    text-decoration: none;
}

/* 2nd layer tabs */

#tabs li ul ul {
	margin: -1.5em 0 0 110px;
}

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

#tabs li li:hover ul, #tabs li li.sfhover ul {
   visibility: visible; 
   left: 15px; 
   z-index:p 200;
   top: auto;
   bottom: auto;
   border: outset #AAAAAA 2px;
   border-top: none;
   border-left: none;
}


/* Start 2nd Tab set */
/* Identical to the first tab set except for the names */

#tabs2 li.tab2 {
    position:relative;
    float: right;
    background: transparent url("/pics/header_tab.gif") 100% -600px no-repeat;
    padding: 0 6px 0 0;
    margin: 0 1px 0 0;
    border-bottom: 1px solid #616A7F;
    list-style: none;
}

#tabs2 li.tab2 a.tab2 {
    float: left;
    display: block;
    padding: 6px 1px 5px 7px;
    background: transparent url("/pics/header_tab.gif") 0% -600px no-repeat;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

li.tab2 ul {
    visibility: hidden;
    position: absolute;
    list-style: none;
    top: 102%;
    left: 0px;
    width: 150px;
    padding: 0px;
    padding-right:2px; 	
    margin: 0px;
    border: outset #AAAAAA 2px;
    border-top: none;
    border-left: none;
    background: #616A7F;
    z-index: 5;
}

.tab2 > ul {
    top: auto;
    left: auto;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:140px;
}

.tab2 > ul {
}

li.tab2 ul li {
    padding:2px;
}

li.tab2 ul li a {
    color: white;
    font-family:verdana,helvetica,sans-serif;
    text-decoration: none;
}

li.tab2:hover > a { 
    background-position: 0% -400px; 
}

li.tab2:hover  { 
    background-position: 100% -400px; 
}

#tabs2 li.tab2 a:hover, li.tab2 ul a:hover {
    color:#ADD8E6;
    text-decoration: none;
}

li.tab2:hover ul, li.sfhover ul { 
    visibility:visible;
}

#tabs2 li:hover ul, tab2 li.sfhover ul { 
   visibility: visible; 
   left: 0px; 
}

/* End 2nd Tab set */

#header #header_extras {
    border:0;
    margin:0;
    padding:0;
    width: auto;
    color:#ADD8E6;
    position:absolute;
    list-style: none;
    top:5px;
    right:50px;
    font-size: 80%;
    
}    

#header #header_extras a {
    display: inline;
    color: #ADD8E6;
    text-decoration: none;
    padding: 0px 10px 4px 10px;
}
	
#header #header_extras a:hover { 
    color:white; 
}

table.border {	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	padding: 2px;
	width: 98%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.log {	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.my_log {
	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}
.mate_log {
	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
}
.cache_description {
	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.swaggie_description {
	background: url(/pics/log_bg_green.png) repeat-x;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.generic_description {	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.sidebar_background {	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.dashboard_background {	background: url(/pics/log_bg_blue.png) repeat-x;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.swaggie_log {	background: url(/pics/log_bg_green.png) repeat-x;
	color: #333;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.blog_block {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
}
.blog_title {
	background: url(/pics/log_bg_blue_horizontal.png) repeat-y;
	padding: 1px;
	width: 99%;
	font-size: 160%;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.blog_content {
	background: url(/pics/log_bg_grey_horizontal.png) repeat-y;
	color: #333;
	padding: 1px;
	width: 99%; /* need IE7, can't be 100% */
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.blog_prev_next {
	width: 99%; /* need IE7, can't be 100% */
	float: left;
}