Public Site > Website Styles

Mission and Vision
Philosophies and Methods
History
Get Involved
Left Menu Styles (seen above):

Text: #666666
Hover: #2d86c5
Hover Bg: #FFFFFF
Hover side border: 6px solid #2D86C5
Border: #CCCCCC

Sidebar Bg: gradient(left, #FFFFFF, #F2F2F2)

Highlight Box Navy
Bg color: #174B72
color: #FFFFFF
Padding: 24px

Highlight Box Green
Bg color: #3B9D0A
color: #FFFFFF

Highlight Box Orange
Bg color: #FF6600
color: #FFFFFF

Highlight Box Gray
Bg color: #868686
color: #FFFFFF

Highlight Box Blue
Bg color: #2D85C5
color: #FFFFFF

Website Styles

H1(Arial Narrow, 36px, #66CC00)

H2 (Arial Narrow, 34px, #666666)

H3 (Arial, Helvetica, sans-serif, 19px, Bold, #174B72)

H4 (Arial, Helvetica, sans-serif, 19px, Bold, #FF6600)

H5 (Arial, Helvetica, sans-serif, 19px, Bold, #66CC00)

H6 (Arial, Helvetica, sans-serif, 19px, Bold, #666666)

General Text (Arial, Helvetica, sans-serif, 19px, Bold, #676767)

Button

Button style:

font-family: Arial, Helvetica, sans-serif;

color: #FFFFFF!important;

font-size: 17px;

font-weight: bold;

text-transform: uppercase;

padding: 13px 30px 12px 30px;

margin-bottom: 20px;

text-decoration: none;

display: inline-block;

background: linear-gradient(top, #FF6600, #FF9900);

background: -o-linear-gradient(top, #FF6600, #FF9900);

background: -moz-linear-gradient(top, #FF6600, #FF9900);

background: -webkit-linear-gradient(top, #FF6600, #FF9900);

background: -ms-linear-gradient(top, #FF6600, #FF9900);

background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF6600), to(#FF9900));

Header	Header	Header	Header
text	text	text	text
text	test	text	text

Odd Col Header: 19px, #FFFFFF, background: #2878B3
Even Col Header: 19px, #FFFFFF, background: #2D85C5
Table cells: 17px, #666666,background: #F2F2F2

Header	Header	Header	Header
text	text	text	text
text	text	text	text

Odd Col Header: 19px, #FFFFFF, background: #53B50A
Even Col Header: 19px, #FFFFFF, background: #66CC00
Table cells: 17px, #666666,background: #F2F2F2

Header and Footer Styles:

Header styles:

Top Nav First Level Menu: Arial, Helvetica, sans-serif, 20px, #666666

Top Nav First Level Menu Hover: #2D86C5

Top Nav First Level Menu Hover top border: 6px solid #2D86C5

Top Nav Second Level Menu: Arial, Helvetica, sans-serif, 15px, #999999

Top Nav Second Level Menu Hover: #2D86C5

Top Nav Second Level Border: #CCCCCC

Footer Link Styles:

Column Header: Arial, Helvetica, sans-serif, 15px, #FFFFFF, Uppercase

Links: Arial, Helvetica, sans-serif, 15px, #DDDDDD

Link Hover: Underlined

Footer Top Bg: #AAAAAA

FooterBottom Bg: #555555

Footer Tagline: 20px, bold, #FFFFFF

Footer Registered mark: 12px, vertical-align: top, #FFFFFF

Young Life Sites

Resources

Additional Links

Connect With Us

You were made for this. ®

Public Site