/* yolink stylesheet */
/* general layout */
a:link {color: #008100; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a:active {color: #000; text-decoration: none;}
a:visited {color: #008100; text-decoration: none;}

h1 sup {color: #999; vertical-align: .5em; font-size: .5em;}
sup {color: #999; vertical-align: .5em; font-size: .75em;}
/* navbar */

#navbar .yolink {float: left; padding: 28px 0 10px 31px;}
#navbar .navbuttons {margin-bottom: 19px; }
#navbar .navbuttons a:link {color: #4d4d4d;}
#navbar .navbuttons a:visited {color: #4d4d4d;}
#navbar .navbuttons a:hover {color: #9a9;}
#navbar .navbuttons a:active {color: #9a9;}

body.anywhere #navbar .navbuttons a.anywhere, body.contact #navbar .navbuttons a.contact {color: #008100;}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; float: right; }
ul.dropdown li                      { float: left; zoom: 1; background: #fff; list-style-type: none; padding: 0;}
ul.dropdown a:hover		            { color: #333; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { padding: 4px 0;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #fff; color: #000; position: relative; }
ul.dropdown li.hover a              { color: #333; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{background: url(/yolink/images/menu.png) center bottom no-repeat; padding: 5px 8px 15px 8px; width: 150px; visibility: hidden; position: absolute; top: 100%; left: -5px; text-align: left;}
ul.dropdown ul li 					{ font-weight: normal; background: #fff; color: #333; float: none; padding: 5px 15px;}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



/* content col1of1 */

.tiers {position: absolute; left: 11px; top: 150px; background: url(/yolink/images/tiers_background.png) top left no-repeat; width: 924px; height: 378px; padding: 0 17px;}

.tiers .col1of5, .tiers .col2of5, .tiers .col4of5, .tiers .col5of5 {width: 150px; float: left; padding: 10px 9px 10px 10px; margin: 57px 4px 0 5px; text-align: center; position: relative;}
.tiers .col3of5 {width: 150px; float: left; padding: 10px 9px 10px 10px; margin: 40px 4px 0 5px; text-align: center; position: relative;}

.col1of5 .tier_button, .col2of5 .tier_button, .col4of5 .tier_button, .col5of5 .tier_button {position: absolute; top: 120px; left: 35px;}
.col3of5 .tier_button {position: absolute; top: 137px; left: 35px;}

#col1of1 .tiers .col1of2 {width: 403px; float: left; position: relative; top: 15px; padding: 10px 20px;}
#col1of1 .tiers .col2of2 {width: 403px; float: left; position: relative; top: 15px; padding: 10px 20px;}

#col1of1 .col1of2 {width: 400px; float: left;}
#col1of1 .col2of2 {width: 480px; float: left;}

#col1of1 .col1of2 .callout {margin: 0 0 0 0; border: 1px solid #eee; width: 377px; min-height: 175px; background-color: #fff; -moz-border-radius: .25em; -webkit-border-radius: .25em;}
#col1of1 .col1of2 .callout h3 {padding: 10px 0 0 20px; color: #008100; font-size: 1.3em;}
#col1of1 .col1of2 .callout p {padding-left: 20px;}

#col1of1 .col2of2 .callout {margin: 10px 0 0 50px;}
#col1of1 .col2of2 .callout img {padding: 0 20px 10px 0;}

#col1of1 .special {position: absolute; top: 75px; right: 35px;}

#col1of1 .labs {margin: 120px 0 50px 0;}

#col1of1 .tabs {width: 840px;}
#col1of1 .tabs ul.tabnavigation li {display: inline; padding: 0 0 0 0;}


#col1of1 .col1of2 h1 {font-weight: normal;}
#col1of1 .col1of2 h2 {font-weight: normal; margin: 0; padding: 10px 0 0 0;}


#col1of1 .col1of3 {width: 260px; float: left; padding: 0 10px 0 0; margin: 0 30px 0 0;}
#col1of1 .col2of3 {width: 260px; float: left; padding 0 10px; margin: 0 30px 0 0;}
#col1of1 .col3of3 {width: 260px; float: left; padding: 0 0 0 10px ;}

#col1of1 .gsearch {background: url(/yolink/images/quick_start.png) left top no-repeat; width: 880px; height: 180px; margin: 80px 0; padding: 150px 0 0 215px; text-align: center;}

/* content col1of2 */
#col1of2 {float: left; width: 619px; padding: 32px; background: url(/yolink/images/gradient_sidebar.png) right top no-repeat; position: relative;}

#col1of2 ul {padding: 0; margin: 10px 0 50px;}
#col1of2 ul li {list-style-type: none; padding: 4px 0 4px 0px;}



/* sidebar  col2of2*/
#col2of2 h2 { padding: 0 15px; margin: 17px 0 0 0; color: #555; font-size: 1.2em;}
#col2of2 ul {padding: 0; margin: 10px 0 50px; 0px;}
#col2of2 ul li {list-style-type: none; padding: 4px 0 4px 15px;}
#col2of2 a:link {color: #494949;}
#col2of2 a:hover {color: #008100;}
#col2of2 a:active {color: #008100;}
#col2of2 a:visited {color: #494949;}


/* footer */
#footer a:hover, #footer a:active {color: #008100;}