/* main styles */
*{font-size:100.01%}
html {font-size: 67.5%;}
html,body {height:100%;}
body {
margin:0;
padding:0;
color:#222222;
font:1.1em arial,tahoma,sans-serif;
background:#fff url(../images/bg-body.png) repeat-x top;
min-width:897px;
}
#home {background:#fff url(../images/bg-body-home.png) repeat-x top;}
form { margin:0; padding:0;}
img {border:none;display:block;}
a {
text-decoration:none;
color:#4a8fd7;
}
a:hover {
text-decoration:underline;
}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.row {width:100%;overflow:hidden;}
select,input,textarea {font:100% arial,tahoma,sans-serif;}
/* imaged text */
.logo,
.phones,
#home-boxes a {
display:block;
overflow:hidden;
text-indent:-9999em;
}
/* main container */
#main {
width:889px;
margin:0 auto;
}
/* header */
#header {
width:100%;
position:relative;
z-index:99;
margin:0 0 12px 0;
}
#home #header {margin:0 0 21px 0;}
/* site logo */
.logo {
width:116px;
height:60px;
position:absolute;
top:8px;
left:11px;
background:url(pix.gif);
}
#home .logo {
width:179px;
height:88px;
position:absolute;
top:13px;
left:14px;
background:url(pix.gif);
}
/* phones */
.phones {
width:288px;
height:25px;
position:absolute;
top:0;
right:10px;
/*background:url(../images/phones.gif);*/
}
/* bar */
#header .bar {
width:100%;
height:36px;
background:#455f83 url(../images/bg-nav-bar.png) no-repeat left top;
}
#home #header .bar {background:#455f83 url(../images/bg-nav-home.png) no-repeat left top;}
/* editor styles */
/* main text styles */
h1,h2,h3 {margin:0;}
p {margin:0 0 1em 0;}
ul {
margin:0;
padding:0;
list-style:none;
}
fieldset {
margin:0;
padding:0;
border:0;
}
/* navigation */
#navigation {float:left;}
#navigation li {
float:left;
padding:0 2px 0 0;
width:109px;
text-align:center;
background:url(../images/nav-delimiter.gif) no-repeat right top;
height:36px;
line-height:36px;
font-size:1.181em;
position:relative;
}
#navigation a {
color:#fff;
display:block;
height:36px;
}
#navigation a:hover,
#navigation li:hover a,
#navigation li.hover a {background:url(../images/bg-nav-hover.gif) repeat-x top;text-decoration:none;}
#navigation .home a:hover {background:url(../images/bg-nav-hover-home.gif) no-repeat left top;}
#navigation li.hover,
#navigation li:hover { position:relative;}
#navigation li.hover .sub-first,
#navigation li:hover .sub-first {display: block;}
#navigationli.hover .sub-first div .shad,
#navigation li:hover .sub-first div .shad {display: none;}
#navigation .sub-first li.hover .sub-second,
#navigation .sub-first li:hover .sub-second,
#navigation li.hover .sub-second .shad,
#navigation li:hover .sub-second .shad {display: block;}
#navigation li.hover .sub-second div div,
#navigation li:hover .sub-second div div{display: none;}
#navigation .sub-second li.hover div,
#navigation .sub-second li:hover div {display: block;}
#navigation ul {
display:none;
position:absolute;
top:36px;
left:-1px;
width:204px;
z-index:99;
}
#navigation ul li {
height:auto;
width:204px;
padding:0 0 1px 0;;
background:url(../images/separator.gif) no-repeat left bottom;
line-height:normal;
text-align:left;
font-size:100%;
}
#navigation .sub-first li a {
height:auto;
width:160px;
padding:5px 8px 6px 36px;
background:#24436e;
}
#navigation ul li.last {background:none;padding:0;}
#navigation .sub-first li:hover a,
#navigation .sub-first li.hover a,
#navigation .sub-first li a:hover {background:#50698b ;}
#navigation ul li.last a {padding-bottom:0;cursor:pointer;}
#navigation ul li.last em {
display:block;
height:8px;
width:100%;
overflow:hidden;
background:url(../images/bg-nav.png) no-repeat left top;
}
#navigation ul li:hover em,
#navigation ul li.hover em {background:url(../images/bg-sub-nav-hover.png) no-repeat;}
#navigation ul li li.last em,
#navigation ul li li.last em {background:url(../images/bg-nav2.gif) no-repeat;}
#navigation ul li li.last:hover em,
#navigation ul li li.last.hover em {background:url(../images/bg-sub-nav-hover.png) no-repeat;}
#navigation .sub-second {
top:0;
left:204px;
}
#navigation .sub-second a { background:#26354b !important;}
#navigation .sub-second li a:hover { background:#50698b !important;}
#navigation li.level span {
position:absolute;
top:0;
right:0;
width:28px;
height:26px;
background:url(../images/drop-level.gif) no-repeat 100% 0;
}
/* search */
.bar fieldset { display:inline;}
.bar form {
float:right;
padding:6px 8px 0 0;
}
.bar form .text {
width:98px;
padding:4px 0 0 0;
height:18px;
background:url(../images/bg-search.gif) no-repeat left top;
border:0;
text-align:center;
font-size:1.09em;
color:#848484;
}
/* home boxes */
#home-boxes {
width:897px;
margin:0 -4px 25px -4px;
overflow:hidden;
}
#home-boxes li {
float:left;
width:157px;
margin:0 3px 0 0;
height:252px;
position:relative;
color:#fff;
padding:20px 10px 0 10px;
background-position:0 0;
}
#home-boxes li h1 {text-align:center;}
#home-boxes li.box5 {margin:0;}
#home-boxes li.box1 {background:#c36445 url(../images/bg-box1.jpg) no-repeat;}
#home-boxes li.box2 {background:#c4a00e url(../images/bg-box2.jpg) no-repeat;}
#home-boxes li.box3 {background:#4e294f url(../images/bg-box3.jpg) no-repeat;}
#home-boxes li.box4 {background:#675f10 url(../images/bg-box4.jpg) no-repeat;}
#home-boxes li.box5 {background:#6d0e0e url(../images/bg-box5.jpg) no-repeat;}
/*#home-boxes li:hover,*/
#home-boxes li.hover {background-position:0 -272px;}
#home-boxes .size1 {font-size:12px; margin: 0 0 0 0 ;}
#home-boxes .size2 {font-size:18px;font-weight:normal;margin:4px 0 0 0;}
#home-boxes a {
position:absolute;
bottom:5px;
left:3px;
width:170px;
height:265px;
}
/* home column */
#home-columns {
width:912px;
margin:0 0 0 -23px;
}
#home-columns div {
float:left;
padding:25px 0 10px 23px;
width:281px;
}
#home-columns h3 {
text-transform:uppercase;
color:#5c5c5c;
font-size:100%;
letter-spacing:1px;
background:url(../images/bg-border.gif) repeat-x bottom;
padding:0 0 12px 0;
margin:0 0 15px 0;
}
#home-columns h2 {
/* font-size:1.545em;*/
font:1.545em "Times New Roman",times,serif;
margin:0 0 2px 0;
}
#home-columns h2 a:hover {background:#e1dec5;}
#home-columns p {font-size:1.272em;}
/* footer */
#footer {
clear:both;
width:100%;
text-align:center;
border-top:1px solid #e9e7d4;
padding:10px 0;
}
#footer .content {
width:889px;
margin:0 auto;
}
#footer .content a {color:#797979;}
/* middle */
#middle {
border-left:1px solid #e9e7d4;
border-right:1px solid #e9e7d4;
width:887px;
overflow:hidden;
background:#fff url(../images/bg-middle.gif) repeat-y right;
}
#middle-login {
border-left:1px solid #e9e7d4;
border-right:1px solid #e9e7d4;
width:887px;
overflow:hidden;
}
/* main content */
.main-content {
float:left;
width:547px;
padding:0 0 0 24px;
}
/* sidebar */
.sidebar {
float:right;
width:280px;
padding:0 0 0 25px;
}
/* main content styles */
.main-content .h {
text-transform:uppercase;
font-size:1.181em;
padding:9px 0 10px 0;
margin:0 0 12px 0;
background:url(../images/bg-border.gif) repeat-x bottom;
color:#5c5c5c;
letter-spacing:1px;
}
.main-content .h-normal {
text-transform:uppercase;
font-size:1.181em;
padding:9px 0 10px 0;
color:#5c5c5c;
letter-spacing:1px;
}
.main-content h1 {
margin:0 0 8px 0;
color:#c29b03;
font:32px "Times New Roman",times,serif;
}
.main-content h2 {
font-size: 20px;
font-weight: bold;
color: #4A8FD7;
}
.main-content h3 {
font-size: 16px;
font-weight: bold;
padding-top: 10px;
}
.main-content h4 {
font-size: 14px;
font-weight: bold;
}
.main-content h5 {
font-size: 14px;
font-weight: bold;
}
.main-content p {
font-size:1.181em;
line-height: 1.3em;
}
.main-content ul {
margin-left:40px;
list-style:circle;
font-size:1.181em;
line-height: 1.4em;
margin-bottom: 5px;
}
.main-content ol {
list-style:decimal;
font-size:1.181em;
}
.main-content .quote {
font-style: italic;
}
.main-content .ref {
text-align: right;
font-weight: bold;
}
.picleft {
border: 1px #000044 solid;
margin: 10px;
}
.illustration {margin:0 0 10px 0;}
.right-illustration {float:right;margin:0 0 6px 6px;}
.text-bar {
width:100%;
overflow:hidden;
background:#e9e7d4;
margin:0 0 40px 0;
}
.text-bar a {float:right;border-left:9px solid #fff;}
/* sidebar navigation */
ul.nav {
width:279px;
background:#e9e7d4 url(../images/bg-sidebar-nav.gif) repeat-x bottom;
padding:12px 0 8px 0;
margin:0 0 16px 1px;
}
ul.nav li {
width:257px;
padding:0 0 0 11px;
margin:0 0 7px 0;
}
ul.nav li a {
display:block;
width:129px;
text-align:center;
padding:8px 128px 0 0;
color:#fff;
height:42px;
font-size:15px;
margin:0 0 0 -36px;
}
ul.nav li.active a {
position:relative;
padding:8px 128px 0 36px;
margin:0 0 0 -36px;
overflow:hidden;
z-index:10;
}
ul.nav li a strong {font-size:11px;text-transform:uppercase;}
ul.nav li a.programs {background:url(../images/bg-a-programs.jpg) no-repeat 100% 0;}
ul.nav li a.programs:hover,
ul.nav li:hover a.programs,
ul.nav li.hover a.programs {background:url(../images/bg-a-programs-active.gif) no-repeat;}
ul.nav li a.curriculum {background:url(../images/bg-a-challenge.jpg) no-repeat 100% 0;}
ul.nav li a.curriculum:hover,
ul.nav li:hover a.curriculum,
ul.nav li.hover a.curriculum {background:url(../images/bg-a-challenge-active-xparent.gif) no-repeat;}
ul.nav li a.businuess {background:url(../images/bg-a-businuess.jpg) no-repeat 100% 0;}
ul.nav li a.businuess:hover,
ul.nav li:hover a.businuess,
ul.nav li.hover a.businuess { background:url(../images/bg-a-businuess-active.gif) no-repeat ;}
ul.nav li a.relationships {background:url(../images/bg-a-relationships.jpg) no-repeat 100% 0;}
ul.nav li a.relationships:hover,
ul.nav li:hover a.relationships,
ul.nav li.hover a.relationships { background:url(../images/bg-a-relationships-active.gif) no-repeat 1px 0;}
ul.nav li a.son-rise {background: url(../images/bg-a-son-rise.jpg) no-repeat 100% 0;}
ul.nav li a.son-rise:hover,
ul.nav li:hover a.son-rise,
ul.nav li.hover a.son-rise {background: url(../images/bg-a-son-rise-active.gif) no-repeat;}
ul.nav li.hover,
ul.nav li:hover { position:relative;}
ul.nav li.hover ul,
ul.nav li:hover ul{ display:block;}
ul.nav ul {
position:absolute;
left:-187px;
top:0;
background:#330000;
padding:0;
display:none;
width:198px;
padding-top:5px;
z-index:1;
overflow:hidden;
}
ul.nav ul a {
width:198px;
text-align:left;
line-height:25px;
font-size:13px;
font-weight:bold;
padding:0 0 0 6px!important;
margin:0 !important;
height:auto;
}
ul.nav ul a:hover { text-decoration:none;}
ul.nav ul li {
margin:0;
padding:0;
}
ul.nav ul li.last a { border:none;}
ul.nav ul span {
display:block;
height:5px;
overflow:hidden;
margin:0;
}
ul.nav ul.part1 {background:#941e05 url(../images/part1.jpg) no-repeat;}
ul.nav ul.part1 span { background:url(../images/part1-bottom.jpg) no-repeat;}
ul.nav ul.part1 a { border-bottom:1px dotted #bc5330;}
ul.nav ul.part1 a:hover { background:#bc5330;}
ul.nav ul.part2 {background:#a97b00 url(../images/part2.jpg) no-repeat;}
ul.nav ul.part2 span { background:url(../images/part2-bottom.jpg) no-repeat;}
ul.nav ul.part2 a { border-bottom:1px dotted #c9b996;}
ul.nav ul.part2 a:hover { background:#c9b996;}
ul.nav ul.part3 {background:#472148 url(../images/part3.jpg) no-repeat;}
ul.nav ul.part3 span { background:url(../images/part3-bottom.jpg) no-repeat;}
ul.nav ul.part3 a { border-bottom:1px dotted #644465;}
ul.nav ul.part3 a:hover { background:#644465;}
ul.nav ul.part4 {background:#423a02 url(../images/part4.jpg) no-repeat;}
ul.nav ul.part4 span { background:url(../images/part4-bottom.jpg) no-repeat;}
ul.nav ul.part4 a { border-bottom:1px dotted #7f7836;}
ul.nav ul.part4 a:hover { background:#7f7836;}
ul.nav ul.part5 {background:#450000 url(../images/part5.jpg) no-repeat;}
ul.nav ul.part5 span { background:url(../images/part5-bottom.jpg) no-repeat;}
ul.nav ul.part5 a { border-bottom:1px dotted #782121;}
ul.nav ul.part5 a:hover { background:#782121;}
/* right text content */
.sidebar .content {
padding:0 18px 10px 19px;
}
.sidebar .header {
background:url(../images/bg-border.gif) repeat-x top;
margin:0 0 20px 0;
}
.sidebar .header h3 {
background:url(../images/bg-border.gif) repeat-x bottom;
padding:14px 0;
color:#5c5c5c;
text-transform:uppercase;
letter-spacing:1px;
}
.sidebar h2 {
margin:0 0 6px 0;
color:#4a8fd7;
font:17px "Times New Roman",times,serif;
}
.sidebar h2 a:hover {background:#e1dec5;}
.sidebar p {
font-size:1.181em;
line-height:1.4em;
}
/* sidebar dark block */
.sidebar .block {
width:261px;
background:#e9e7d4 url(../images/bg-sidebar-nav.gif) repeat-x bottom;
padding:19px 0 23px 18px;
margin:0 0 16px 1px;
}
/* products */
.products { width:100%;}
.products .row {
padding:10px 0 20px 0;
}
.products .image-block {
float:left;
}
.products .buy {
color:#fff;
display:block;
width:84px;
height:22px;
line-height:22px;
background:#425d82 url(../images/bg-buy.gif);
margin:9px 0 0 0;
text-align:center;
}
.products .text {
float:right;
width:449px;
}
.products h1 {
font-size:21px;
color:#4a8fd7;
margin:0;
}
.products p {margin:0;}
.products .detail {text-align:right;font-size:1.181em;}
/* paging */
.paging {
background:url(../images/bg-border.gif) repeat-x top;
padding:18px 0;
}
.paging a:hover {color:#000;}
/* calendar */
.calendar {
width:100%;
background:url(../images/bg-border.gif) repeat-x bottom;
padding:0 0 10px 0;
}
.calendar .row {
padding:0 0 7px 0;
}
.calendar .month {
background:#3a567c url(../images/bg-month.gif);
height:26px;
text-indent:10px;
font-weight:bold;
font-size:1.181em;
color:#fff;
line-height:26px;
}
.calendar .r {
width:100%;
overflow:hidden;
padding:7px 0;
}
.calendar .date {
float:left;
text-align:center;
width:80px;
padding:10px 13px 0 0;
font-weight:bold;
font-size:1.181em;
}
.calendar .level {
float:left;
width:31px;
height:36px;
background:url(../images/bg-level.gif) no-repeat left top;
text-align:center;
color:#000;
padding:2px 0 0 0;
font-size:11px;
}
.calendar .level span {letter-spacing:-1px;}
.calendar .level strong {font-size:15px;}
.calendar .color1 .level strong {color:#e77900;}
.calendar .color1 h1 a {color:#e77900;}
.calendar .color5 .level strong {color:#FE8500;}
.calendar .color5 h1 a {color:#FE8500;}
.calendar .color2 .level strong {color:#ab83d4;}
.calendar .color2 h1 a {color:#ab83d4;}
.calendar .color3 .level strong {color:#da0101;}
.calendar .color3 h1 a {color:#da0101;}
.calendar .color4 .level strong {color:#e6b961;}
.calendar .color4 h1 a {color:#e6b961;}
.calendar .text {
float:left;
width:390px;
padding:3px 0 0 17px;
}
.calendar .bg {background:#f0f0f0;}
.calendar h1 {font:bold 1.181em arial,sans-serif;margin:0;}
.calendar h1 a {text-decoration:underline;}
.calendar p {margin:0;}
.jumptable td {
background-color: #4A8FD7;
color: white;
height: 50px;
width: 33%;
text-align: center;
font-size: 120%;
}
.jumptable a {
color: white;
}
.jumptable a:visited {
color: white;
}