html,body {
height:100%;
}

body {
/*background: #9aacbc;*/
background: #ffffff;
color: #003366;
cursor: default;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 300;
min-height:100%;
overflow-x:hidden;
overflow-y:scroll;
margin: 0;
padding: 0;
border: none;
width:100%;
z-index: 1;
position: relative;
}

#clear {
clear: both;
}

.hide   {
display: none;
}

/* splash */

#splash {
background: #003366;
height: 100%;
width: 100%;
position: fixed;
display: block;
z-index: 999;
}

#splash #splashpage {
clear:both;
display:block;
margin: 0 auto;
min-height:100%;
position:relative;
width:960px;
}

#splash #splashpage #kji {
clear:both;
display:block;
float:left;
width:750px;
height:300px;
margin-top: 100px;
}

#splash #splashpage #kji #image {
width: 150px;
margin: 100px 0px auto 0px;
z-index: 300;
position: relative;
float: left;
}

#splash #splashpage #kji #image img.medium {
width: 150px;
border: none;
}

#splash #splashpage #kji #image2 {
width: 550px;
margin: 130px auto auto auto;
z-index: 300;
position: relative;
float: right;
}

#splash #splashpage #password {
width: 250px;
margin: 0 auto;
position: relative;
}

#splash #splashpage #password.hide {
display: none;
}

#splash #splashpage #password p {
width: 250px;
margin-top: 5px;
margin-bottom: 5px;
color: #ffffff;
vertical-align: middle;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}

#splash #splashpage #password p input	{
width: 226px; 
background: #ffffff;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#splash #splashpage #password p input.button	{
width: 240px; 
background: #003366;
color: #ffffff;;
border: 3px outset rgb(255, 255, 255);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#splash #splashpage #password p.message	{
margin: 15px auto auto auto;
}

#splash #splashpage #password p span	{
color: red;
}

/* header */

#header {
height: 180px;
width: 100%;
background-color: #003366;
color:#ffffff;
position: fixed; 
z-index: 100;
}

#header.shadow {
box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-moz-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-webkit-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
}

/* header banner */

#header #banner {
height: 180px;
width: 1200px;
margin: 0 auto;
position: relative;
background-color: #003366;
z-index: 125;
}

#header #banner #logo img.left {
height: 150px;
margin: 15px auto auto 8px;
vertical-align: middle;
float: left;
cursor: pointer;
z-index: 135;
}

#header #banner #logo img.right {
height: 60px;
margin: 30px auto auto 24px;
vertical-align: middle;
float: left;
cursor: pointer;
z-index: 135;
}

/* header functions menu */

#header #banner #functions {
width: 600px;
min-height: 38px;
margin: 0px 8px 0px 0px;
float: right;
position: relative;
}

#header #banner #functions a {
color: #ffcc33;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 500;
line-height: 38px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 38px;
}

#header #banner #functions a.active {
color: #efefef;
cursor: default;
}

#header #banner #functions a:hover {
color: #efefef;
cursor: pointer;
} 

#header #banner #functions a.hide {
display: none;
} 

/* Donate Now! button */

#header #banner #donatenow {
width: 500px;
min-height: 36px;
margin: 20px 8px 0px 0px;
float: right;
position: relative;
}

#header #banner #donatenow a {
background-color: #bd0808;
color: #ffffff;
cursor: pointer;
float: right;
/*font-size: 16px;*/ 
font-size: 14px;
font-weight: 500;
line-height: 22px;
vertical-align: middle;
cursor: default;
/*margin: 0px 30px 0px 0px;*/
margin: 0px 0px 0px 16px;
padding: 0px 16px 0px 16px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#header #banner #donatenow a:hover {
color: #bcbcbc;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#header #banner #donatenow a.hide {
display: none;
} 

/* navigation menu */

#header #banner #navigation {
width: 1050px;
/*height: 480px;*/
min-height: 80px;
margin: 10px 0px 0px 0px;
float: right;
position: relative;
}

#header #banner #navigation #menutopper {
width: 1050px;
height: 8px;
margin: 22px 0px 0px 0px;
/*border-bottom: 1px solid rgba(255,255,255,0.75);*/
float: right;
}

#header #banner #navigation #menu {
width: 1100px;
/*height: 300px;*/
height: 36px;
margin: 0px 0px 0px 0px;
float: right;
position: relative;
}

#header #banner #navigation #menu a {
/*color: #ffffff;*/
color: #ffcc33;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 2px 8px 2px 8px;
background: none;
border-top-left-radius: 8px;
-moz-border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

#header #banner #navigation #menu a.aboutus,
#header #banner #navigation #menu a.academics,
#header #banner #navigation #menu a.admissions {
line-height: 36px;  
}

/*#header #banner #navigation #menu a:hover {
color: #003366;
background-color: #efefef;
cursor: pointer;
}*/

#header #banner #navigation #menu a.menu {
color: #003366;
background-color: #efefef;
padding: 1px 7px 1px 7px;
border: 1px solid #efefef;
cursor: pointer;
} 

#header #banner #navigation #menu a.active {
color: #efefef;
background: none;
cursor: default;
}

#header #banner #navigation #menu a.nope {
padding: 0px 0px 0px 0px;
background: none;
}

/*
#header #banner #navigation #menu a.noop {
width: 8px;
padding: 0px 0px 0px 0px;
background: none;
}
*/

#header #banner #navigation #menu a.between {
width: 36px;
height: 36px;
padding: 0px 0px 0px 0px;
background: none;
}

#header #banner #navigation #menu #menupanel {
width: 350px;
/*height: 250px;*/
min-height: 0px;
background: #efefef;
margin: 0px 0px 0px 0px;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.45), 0 6px 20px 0 rgba(0, 0, 0, 0.30);*/
-webkit-box-shadow: 10px 11px 12px -7px rgba(171,171,171,1);
-moz-box-shadow: 10px 11px 12px -7px rgba(171,171,171,1);
box-shadow: 10px 11px 12px -7px rgba(171,171,171,1);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
float: right;
display: none;
position: relative;
}

#header #banner #navigation #menu #menupanel.corporate {
margin-right: -75px;
}

#header #banner #navigation #menu #menupanel.certification {
margin-right: 85px;
}

/*#header #banner #navigation #menu #menupanel.benefactors {
margin-right: 250px;
}*/

#header #banner #navigation #menu #menupanel.admissions {
margin-right: 245px;
}

#header #banner #navigation #menu #menupanel.students {
margin-right: 380px;
}

#header #banner #navigation #menu #menupanel.academics {
margin-right: 520px;
}

#header #banner #navigation #menu #menupanel.founding {
margin-right: 660px;
}

#header #banner #navigation #menu #menupanel.aboutus {
margin-right: 790px;
}

#header #banner #navigation #menu #menupanel.active {
display: inherit;
}

#header #banner #navigation #menu #menupanel #menuitems {
width: 300px;
padding: 25px;
float: left;
position: relative;
}

#header #banner #navigation #menu #menupanel #menuitems a	{
width: 290px;
min-height: 18px;
color: #003366;
font-size: 14px;
font-weight: 500;
line-height: 18px;
vertical-align: middle;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 5px;
float: left;
cursor: pointer;
position: relative;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#header #banner #navigation #menu #menupanel #menuitems a.title {
margin: 0px 0px 8px 0px;
vertical-align: top;
font-weight: 600;
}

#header #banner #navigation #menu #menupanel #menuitems a:hover {
/*background: #9aacbc;*/
background-color: rgb(0, 51, 102, 0.25);
cursor: pointer;
} 

/* content */

#content {
width: 1200px;
background: #ffffff;
color: #003366;
margin: 0 auto;
padding: 0px 0px 25px 0px;
overflow: hidden;
z-index: 90;
}

#content #note {
width: 1196px;
height: 45px;
background-color: #ffffff;
margin: 0 auto;
/*border: 1px solid rgba(170,170,170,0.5);*/
box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-moz-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-webkit-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
position: fixed;
z-index: 99;
}

#content #note p {
color: #bd0808;
line-height: 45px;
font-size: 14px;
font-weight: 500;
text-align: center;
vertical-align: middle;
}

#content #group {
width: 100%;
margin: 15px 0px 0px 0px;
float: left;
}

#content #group2 {
width: 100%;
margin: 10px 0px 10px 0px;
float: left;
}

#content img {
width: 400px;
margin: 0px 20px 10px 0px;
float: left;
}

#content img.ppg1 {
width: 400px;
margin: 24px 240px 48px 240px;
float: left;
}

#content img.ppg2 {
width: 600px;
margin: 24px 140px 48px 140px;
float: left;
}

#content img.ppg3 {
width: 200px;
margin: 24px 340px 48px 340px;
float: left;
}

#content img.ppg4 {
width: 250px;
margin: 24px 315px 48px 315px;
float: left;
}

#content img.right {
width: 300px;
margin: 0px 51px 25px 25px;
float: right;
}

#content img.right2 {
width: 400px;
margin: 0px 0px 10px 40px;
float: right;
}

#content img.center {
margin: 0px 40px 25px 0px;
float: right;
}

#content img.down {
margin-top: 100px;
}

#content img.small {
width: 200px;
}

#content img.smaller {
width: 150px;
}

#content img.smallest {
width: 125px;
}

#content img.medium {
width: 250px;
}

#content img.large {
width: 300px;
}

#content img.shadow {
border: 1px solid #d3d3d3;
}

#content img.journey {
width: 600px;
float: left;
margin: 25px 150px 25px 150px;
}

#content h1 {
margin: 0px 0px 8px 0px;
text-align: left;
font-size: 20px;
line-height: 24px;
vertical-align: top;
font-weight: 600;
color: #003366;
}

#content h1.title {
width: 1200px;
height: 90px;
background: #ffffff;
color: #003366;
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: middle;
font-size: 30px;
line-height: 90px;
position: fixed;
z-index: 95;
}

#content h1.title2 {
width: 1200px;
height: 90px;
background: #ffffff;
color: #003366;
margin: 0px 0px 0px 0px;
text-align: center;
vertical-align: middle;
font-size: 30px;
line-height: 90px;
position: fixed;
z-index: 95;
}

#content h1.titlenote {
width: 1200px;
height: 90px;
background: #ffffff;
color: #003366;
margin: 45px 0px 0px 0px;
text-align: left;
vertical-align: middle;
font-size: 30px;
line-height: 90px;
position: fixed;
z-index: 95;
}

#content h1.xtra {
margin: 8px 0px 8px 0px;
}

#content h1.xtrabot {
margin: 0px 0px 18px 0px;
}

#content h1.right {
margin: 0px 0px 15px 0px;
}

#content h2 {
margin: 16px 0px 0px 0px;
text-align: left;
font-size: 16px;
line-height: 22px;
font-style: italic;
font-weight: 600;
color: #003366;
}

#content h2.inaugural {
margin: 0px 32px 30px 0px;
text-align: center;
vertical-align: top;
font-size: 16px;
line-height: 22px;
font-style: italic;
font-weight: 500;
color: #003366;
}

#content h2.xtrabot {
font-size: 18px;
margin: 0px 0px 18px 0px;
}

#content h2.small {
font-size: 14px;
}

#content h2.center {
text-align: center;
vertical-align: center;
}

#content h2.large {
margin-bottom: 25px;
font-size: 18px;
line-height: 24px;
font-style: normal;
font-weight: 600;
}

#content h2.allcaps {
margin: 32px 0px 0px 0px;
font-size: 16px;
line-height: 22px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
vertical-align: bottom;
}

#content h2.black {
font-style: normal;
color: #000000;
}

#content h2.normal {
margin: 32px 0px 0px 0px;
font-style: normal;
}

#content h3 {
margin: 16px 0px 0px 0px;
text-align: left;
font-size: 14px;
line-height: 22px;
font-style: normal;
font-weight: 600;
color: #003366;
}

#content h4 {
margin: 8px 0px 0px 0px;
text-align: left;
font-size: 14px;
line-height: 22px;
font-style: italic;
font-weight: 600;
color: #003366;
}

#content p {
margin: 6px 0px 12px 0px;
color: #000000;
/*text-align: justify;*/
vertical-align: middle;
font-size: 16px;
line-height: 28px;
position: relative;
}

#content p.faculty1 {
width: 100%;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}

#content p.faculty2 {
width: 100%;
line-height: 24px;
font-weight: 600;
}

#content p.nospace {
margin: 0px 0px 0px 0px;
vertical-align: middle;
font-size: 16px;
line-height: 24px;
}

#content p.spacer {
margin: 0px 0px 30px 0px;
vertical-align: middle;
line-height: 20px;
}

#content p.center   {
text-align: center;
font-weight: 600;
}

#content p.divider {
width: 100%;
line-height: 20px;
}

#content p.italic {
font-style: italic;
font-weight: 500;
}

#content p.italicbold {
margin: 12px 0px 6px 25px;
font-style: italic;
font-weight: 600;
}

#content p.indent {
margin: 0px 0px 0px 25px;
}

#content p.indentlist {
margin: 0px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
margin-left: 25px;
font-weight: normal;
vertical-align: bottom;
}

#content p.indentlist sup {
vertical-align: top;
font-weight: bold;
}

#content p.snuglist {
width: 75%;
line-height: 16px;
margin: 4px 0px 4px 25px;
}

#content p.snuglist span {
margin-right: 100px;
float: right;
}

#content p.right {
margin: 0px 0px 8px 0px;
}

#content p.blue {
color: #003366;
}

#content p.red {
color: #bd0808;
}

#content p.signature {
font-family: cursive;
font-size: 24px;
font-style: italic;
font-weight: bold;
color: #0202a5;
}

#content p span {
line-height: 20px;
}

#content ul {
margin: 0px 0px 10px 0px;
color: #000000;
text-align: left;
list-style-type: disc;
}

#content ul.none {
margin: 0px 0px 25px 25px;
text-align: left;
list-style-type: none;
}

#content ul.indent {
margin: 0px 0px 25px 25px;
}

#content ol {
margin: 0px 0px 10px 0px;
color: #000000;
text-align: left;
list-style-type: decimal;
}

#content ol.caps {
margin: 25px 0px 25px 0px;
list-style-type: upper-alpha;
}

#content ol.lower {
margin: 25px 0px 25px 25px;
list-style-type: lower-alpha;
}

#content ul li,
#content ol li {
margin-bottom: 4px;
font-size: 16px;
line-height: 28px;
/*font-size: 14px;
line-height: 16px;
text-align: justify;*/
}

#content ul li.space,
#content ol li.space {
margin-bottom: 24px;
font-size: 16px;
line-height: 28px;
}

#content ul li.small,
#content ol li.small {
vertical-align: middle;
font-size: 14px;
line-height: 20px;
}

#content ul li p,
#content ol li p {
margin: 10px 0px 0px 0px;
/*text-align: justify;*/
vertical-align: middle;
font-size: 16px;
line-height: 28px;
/*font-size: 14px;
line-height: 16px;*/
}

#content ul li p.large,
#content ol li p.large {
font-size: 18px;
line-height: 28px;
}

#content ul li.blue {
line-height: 20px;
color: #003366;
}

#content ul li.snug {
margin-bottom: 4px;
margin-left: -25px;
font-size: 16px;
line-height: 16px;
}

/* content home */

#content #home {
width: 1200px;
background: none;
margin: 20px 20px 20px 20px;
border: 1px solid rgba(170,170,170,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
}

#content #home.message {
width: 1196px;
height: 45px;
background-color: #ffffff;
margin: 0 auto;
/*border: 1px solid rgba(170,170,170,0.5);*/
box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-moz-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
-webkit-box-shadow: 0 4px 4px rgba(100,100,100,1.0);
border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
position: fixed;
z-index: 99;
}

#content #home.message p {
color: #bd0808;
line-height: 45px;
font-size: 14px;
font-weight: 500;
text-align: center;
vertical-align: middle;
}

#content #home.genesis {
width: 535px;
float: left;
margin: 10px 0px 0px 0px;
height: 510px;
}

#content #home.overview {
width: 535px;
float: left;
margin: 10px 0px 0px 0px;
height: 510px;
}

#content #home.profile {
width: 750px;
float: left;
margin: 10px 0px 0px 10px;
height: 275px;
}

#content #home.why {
width: 535px;
float: left;
margin: 20px 0px 0px 0px;
height: 250px;
}

#content #home img.why {
width: 270px;
margin: 36px 20px 20px 20px;
border: 1px solid #d3d3d3;
float: left;
border: none;
}

#content #home.why p {
font-size: 14px;
line-height: 20px;
margin-top: 36px;
color: #003366;
}

#content #home.philosophy {
width: 650px;
float: left;
margin: 20px 0px 0px 10px;
height: 250px;
}

#content #home.johnson {
width: 935px;
float: left;
margin: 10px 0px 0px 0px;
height: 250px;
}

#content #home.model {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 510px;
}

#content #home.whatis {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #home.knowles {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #home.logo {
width: 235px;
float: left;
/*margin: 65px 0px 0px 10px;*/
margin: 20px 0px 0px 10px;
height: 250px;
}

#content #home.vision {
width: 250px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #home.podcast {
width: 435px;
float: left;
margin: 10px 0px 0px 0px;
height: 275px;
overflow: visible;
}

#content #home video.podcast {
margin: 0px 0px 0px 0px;
width: 395px;
height: 222px;
border: none;
}

#content #home.kji2 {
width: 250px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #home.note {
width: 250px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #home.note h1 {
color: #bd0808;
}

#content #home.note p {
line-height: 24px;
font-size: 16px;
color: #bd0808;
vertical-align: middle;
}

#content #home h1 {
width: 100%;
margin: 20px 0px 12px 0px;
text-align: center;
vertical-align: top;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #003366;
}

#content #home h1.left {
text-align: left;
}

#content #home h1.first {
text-align: left;
margin: 20px 0px 12px 20px;
}

#content #home h2 {
width: 100%;
margin: 20px 0px 12px 0px;
text-align: left;
vertical-align: top;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #003366;
}

#content #home p {
margin: 4px 20px 8px 20px;
/*text-align: justify;*/
vertical-align: middle;
font-size: 14px;
line-height: 20px;
/*font-size: 14px;
line-height: 18px;*/
}

#content #home p.click {
margin: 0px 20px 0px 20px;
vertical-align: middle;
text-align: center;
font-size: 14px;
font-style:italic;
line-height: 30px;
color: #bd0808;
width: 395px;
}

#content #home p.readmore {
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #bd0808;
cursor: pointer;
}

#content #home img {
width: 400px;
margin: 30px 20px 20px 20px;
border: 1px solid #d3d3d3;
float: left;
}

#content #home img.right {
float: right;
}

#content #home img.center {
margin: 0px 0px 20px 60px;
}

#content #home img.small {
width: 200px;
border: none;
}

#content #home img.smaller {
width: 150px;
margin: 20px 20px 20px 20px;
border: none;
}

#content #home img.kji {
margin: 17px auto auto 8px;
width: 220px;
border: none;
}

#content #home img.kji2 {
margin: 48px auto auto 25px;
width: 200px;
border: none;
}

#content #home img.medium {
width: 250px;
border: none;
}

/* content page */

#content #page {
width: 1200px;
min-height: 500px;
background: none;
margin: 100px 0px 0px 0px;
overflow: hidden;
}

/* content detailmenu */

#content #detailmenu	{
width: 290px;
min-height: 100px;
background: none;
/*margin: 145px 0px 0px 0px;*/
margin: 100px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: fixed;
z-index: 95;
}

/* content detailmenu selections */

#content #detailmenu #selections	{
width: 290px;
background: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
/*position: fixed;*/
min-height: 100px;
max-height: 300px;
overflow-y: scroll;
z-index: 95;
}

#content #detailmenu #selections::-webkit-scrollbar {
width: 5px;               /* width of the entire scrollbar */
}

#content #detailmenu #selections::-webkit-scrollbar-track {
background: #efefef;        /* color of the tracking area */
}

#content #detailmenu #selections::-webkit-scrollbar-thumb {
background-color: #ffcc33;    /* color of the scroll thumb */
border-radius: 20px;       /* roundness of the scroll thumb */
border: 1px solid #ffcc33;  /* creates padding around scroll thumb */
}

#content #detailmenu #selections ul	{
width: 250px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
list-style-position: inside;
}

#content #detailmenu #selections ul li	{
width: 250px;
min-height: 18px;
color: #003366;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: left;
vertical-align: middle;
list-style-type: none;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #003366;
margin-bottom: 0px;
background: none;
cursor: default;
}

#content #detailmenu #selections ul.sub-selections	{
display: none;
}

#content #detailmenu #selections ul.sub-selections li	{
width: 235px;
padding-left: 25px;
}

#content #detailmenu #selections ul.sub-selections2 li	{
width: 235px;
padding-left: 40px;
}

#content #detailmenu #selections ul li.first	{
border-top: 1px solid #003366;
/*padding-top: 12px;*/
}

#content #detailmenu #selections ul li:hover {
background-color: rgb(0, 51, 102, 0.25);
cursor: pointer;
} 

#content #detailmenu #selections ul li.active	{
background: #003366;
color: #efefef;
}
/*
#content #selections img {
width: 200px;
margin: 20px 0px 25px 35px;
}
*/

/* content pictures */

#content #detailmenu #pictures	{
width: 270px;
background: none;
margin: 0px 0px 100px 0px;
padding: 0px 0px 0px 0px;
float: left;
/*position: fixed;*/
z-index: 95;
}
    
#content #detailmenu #pictures img {
width: 270px;
margin: 20px 0px 0px 0px;
}

/* content detail */

#content #detail	{
width: 880px;
min-height: 600px;
background: none;
/*margin: 145px 0px 0px 0px;*/
margin: 100px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
overflow: auto;
z-index: 120;
}

#content #page a.download,
#content #detail a.download {
background-color: #ffcc33;
color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-decoration: none;
}

#content #page a.download:hover,
#content #detail a.download:hover {
color: #003366;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content h1.title a.registration,
#content #page a.registration,
#content #detail a.registration {
background-color: #ffcc33;
color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-decoration: none;
}

#content h1.title a.registration:hover,
#content #page a.registration:hover,
#content #detail a.registration:hover {
color: #003366;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content #detail a.donation {
background-color: #bd0808;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: 500;
line-height: 22px;
vertical-align: middle;
cursor: default;
margin: 0px 30px 0px 16px;
padding: 0px 16px 0px 16px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #detail a.donation:hover {
color: #bcbcbc;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content #detail iframe {
background: #ffffff;
margin-left: 30px;
width: 850px;
height: 1125px;
}

/* Search Courses */

#content #selection {
width: 270px;
background: none;
margin: 100px 0px 100px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: fixed;
z-index: 95;
}

#content #selection p {
width: 250px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #selection p input,
#content #selection p select	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#content #selection p select option	{
width: 250px;
color: #003366;
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #selection p input.wildcard	{
width: 238px;
}

#content #selection p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 25px auto 0px auto;
}

#content #selection p input.reset	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 0px auto 0px auto;
}

/* content interns */

#content #interns {
width: 800px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #interns a.interest {
background-color: #ffcc33;
color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
float: left;
vertical-align: middle;
cursor: default;
margin: 24px 0px 24px 325px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #interns a.interest:hover {
color: #003366;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

/* content interest */

#content #interest {
width: 800px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #interest p {
width: 400px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #interest p.spacer {
font-size: 52px;
line-height: 52px;
}

#content #interest p.wider {
width: 800px;
}

#content #interest p.nomar	{
margin: 0px auto 0px auto;
}

#content #interest p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#content #interest p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#content #interest p span.optional	{
color: #000000;
}

#content #interest p input,
#content #interest p select	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#content #interest p input.wide	{
width: 360px;
}

#content #interest p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#content #interest p select option	{
width: 250px;
color: #003366;
background-color: rgb(0, 51, 102, 0.25);
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #interest p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 800px; 
height: 100px;
overflow: none;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#content #interest p input.invalidfield	{
border: 1px solid #DD4040;
}

#content #interest p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#content #interest #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#content #interest #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#content #interest #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#content #interest #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#content #interest #capcha img:hover	{
border: 1px solid #DD4040;
}

#content #interest a.interns {
color: #ffcc33;
background-color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 24px 325px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #interest a.interns:hover {
color: #ffcc33;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
}

/* content careers */

#content #careers {
width: 800px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #careers p {
width: 800px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 6px 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #careers p.line {
width: 800px;
float: left;
color: #003366;
border-top: 1px solid #003366;
vertical-align: middle;
margin: 6px 0px 12px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #careers p.head {
width: 776px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 12px 12px;
font-size: 24px;
line-height: 24px;
font-weight: 500;
}

#content #careers p.position {
width: 776px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
}

#content #careers.hide {
display: none;
}

/* content positions */

#content #positions {
width: 1000px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #positions.hide {
display: none;
}

#content #positions.always,
#content #positions.show {
display: block;
}

#content #positions p {
width: 1000px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 12px 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.line {
width: 800px;
float: left;
color: #003366;
border-top: 1px solid #003366;
vertical-align: middle;
margin: 6px 0px 12px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.position {
width: 776px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 0px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.left {
width: 158px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 0px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}

#content #positions p.right {
width: 806px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 0px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.right2 {
width: 158px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 96px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.head0 {
width: 976px;
color: #003366;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
margin-top: 48px;
font-size: 24px;
line-height: 24px;
font-weight: 500;
}

#content #positions p.head {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
font-size: 24px;
line-height: 24px;
font-weight: 500;
}

#content #positions p.head2 {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
text-transform: uppercase;
margin: 12px 12px 6px 12px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}

#content #positions p.head3 {
width: 964px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 6px 24px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}

#content #positions p.detail,
#content #positions p.readmore {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions p.readmore a {
color: #ff0000;
vertical-align: middle;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}

#content #positions p.italics {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
font-style: italic;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions ul {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 12px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions ul li {
width: 976px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 6px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #positions a.applynow {
background-color: #ffcc33;
color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
float: left;
vertical-align: middle;
cursor: default;
margin: 0px 0px 12px 0px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #positions a.applynow:hover {
color: #003366;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content #positions a.careers {
color: #ffcc33;
background-color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
float: right;
vertical-align: middle;
cursor: default;
margin: 0px 0px 12px 0px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #positions a.careers:hover {
color: #ffcc33;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

/* applynow */

#content #applynow {
width: 800px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #applynow p {
width: 400px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #applynow p.spacer {
font-size: 52px;
line-height: 52px;
}

#content #applynow p.wider {
width: 800px;
}

#content #applynow p.nomar	{
margin: 0px auto 0px auto;
}

#content #applynow p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#content #applynow p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#content #applynow p span.optional	{
color: #000000;
}

#content #applynow p input,
#content #applynow p select	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#content #applynow p input.wide	{
width: 360px;
}

#content #applynow p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#content #applynow p select option	{
width: 250px;
color: #003366;
background-color: rgb(0, 51, 102, 0.25);
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #applynow p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 800px; 
height: 100px;
overflow: none;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#content #applynow p input.invalidfield	{
border: 1px solid #DD4040;
}

#content #applynow p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#content #applynow #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#content #applynow #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#content #applynow #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#content #applynow #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#content #applynow #capcha img:hover	{
border: 1px solid #DD4040;
}

#content #applynow a.careers {
color: #ffcc33;
background-color: #003366;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 28px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 24px 325px;
padding: 0px 12px 0px 12px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #applynow a.careers:hover {
color: #ffcc33;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
}

/* payment */

#payment {
width: 800px;
color: #003366;
margin: 0px;
float: left;
position: relative;
}

#payment p {
width: 300px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#payment p.wide    {
width: 550px;
margin: 0px auto 0px auto;
}

#payment p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#payment p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#payment p span.optional	{
color: #000000;
}

#payment p input	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#payment p input.right	{
text-align: right;
}

#payment p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 10px;
margin-bottom: 0px;
}

#payment p input.buttonR	{
background: #ff0000;
border: 1px solid #ff0000;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 10px;
margin-bottom: 0px;
}

#payment p select	{
width: 260px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
background-color: #dddddd;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 12px;
cursor: pointer;
}

#payment p select option	{
width: 260px;
color: #003366;
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#payment p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 550px;
height: 55px;
overflow: none;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#payment p input.invalidfield,
#payment p select.invalidfield	{
border: 1px solid #DD4040;
}

#payment p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#payment #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#payment #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#payment #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#payment #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#payment #capcha img:hover	{
border: 1px solid #DD4040;
}

/* directory */

#content #directory {
width: 400px;
color: #003366;
margin: 0 auto;
position: relative;
}

#content #directory p {
width: 400px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 6px 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #directory p.line {
width: 400px;
float: left;
color: #003366;
border-top: 1px solid #003366;
vertical-align: middle;
margin: 6px 0px 12px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#content #directory p.head {
width: 376px;
float: left;
color: #003366;
vertical-align: middle;
margin: 6px 12px 12px 12px;
font-size: 24px;
line-height: 24px;
font-weight: 500;
}

#content #directory p.note {
width: 400px;
float: left;
color: #003366;
vertical-align: middle;
margin: 18px 12px 12px 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
font-style: italic;
}

#content #directory p.contact {
width: 364px;
float: left;
color: #003366;
vertical-align: middle;
margin: 0px 12px 0px 24px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#content #directory.hide {
display: none;
}

/* content donors */

#content #donors {
width: 900px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #003366;
float: right;
position: relative;
z-index: 94;
}

#content #donors p.thankyou {
width: 900px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
margin: 0px 0px 18px 0px;
color: #003366;
float: left;
}

#content #donors p.benefactor {
width: 450px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
margin: 6px 0px 6px 0px;
color: #003366;
float: left;
}
    
#content #donors a.donate {
color: #ffcc33;
background-color: #003366;
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 20px;
vertical-align: middle;
margin: 0px 0px 0px 100px;
padding: 0px 8px 0px 8px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #donors a.donate:hover {
color: #ffcc33;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content #donors a.goback {
color: #ffcc33;
background-color: #003366;
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 20px;
vertical-align: middle;
margin: 0px 0px 0px 225px;
padding: 0px 8px 0px 8px;
border: 3px outset rgba(171,171,171,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content #donors a.goback:hover {
color: #ffcc33;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#content #images {
width: 300px;
margin: 0 auto;
float: left;
}

/* content sitemap */

#content #sitemap	{
width: 400px;
background: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#content #sitemap #menu	{
width: 400px;
min-height: 100px;
background: none;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
float: left;
color: #000000;
cursor: default;
}

#content #sitemap #menu h2 {
width: 350px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 16px;
line-height: 32px;
vertical-align: middle;
font-style: normal;
font-weight: 600;
color: #003366;
background: none;
}

#content #sitemap #menu h2.goto:hover	{
background-color: rgb(0, 51, 102, 0.25);
cursor: pointer;
}

#content #sitemap #menu ul	{
width: 350px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
list-style-position: inside;
}

#content #sitemap #menu ul li	{
width: 350px;
/*min-height: 18px;*/
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-align: left;
vertical-align: middle;
list-style-type: none;
padding: 3px 0px 3px 0px;
/*border-bottom: 1px solid #003366;*/
/*margin-bottom: 0px;*/
background: none;
cursor: default;
}

#content #sitemap #menu ul.sub-selections	{
/*display: none;*/
}

#content #sitemap #menu ul.sub-selections li	{
width: 340px;
padding: 0px 0px 0px 10px;
/*list-style-type: disc;*/
}

#content #sitemap #menu ul.sub-selections2 li	{
width: 310px;
padding-left: 40px;
}

#content #sitemap #menu ul li.first	{
/*border-top: 1px solid #003366;*/
/*padding-top: 12px;*/
}

#content #sitemap #menu ul li:hover {
background-color: rgb(0, 51, 102, 0.25);
cursor: pointer;
} 

#content #sitemap #menu ul li.active	{
background: #003366;
color: #efefef;
}

/* content news */

#content #news {
width: 1200px;
background: none;
margin: 20px 20px 20px 20px;
border: 1px solid rgba(170,170,170,0.5);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
overflow: hidden;
}

#content #news.news1 {
width: 750px;
float: left;
margin: 0px 0px 0px 10px;
height: 275px;
}

#content #news.logo {
width: 235px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #news.news3 {
width: 535px;
float: left;
margin: 10px 0px 0px 0px;
height: 860px;
}

#content #news.news4 {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 250px;
}

#content #news.news5 {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 500px;
}

#content #news.news6 {
width: 650px;
float: left;
margin: 10px 0px 0px 10px;
height: 85px;
}

#content #news.news7 {
width: 435px;
float: left;
margin: 0px 0px 0px 0px;
height: 275px;
overflow: visible;
}

#content #news.news7a {
width: 1195px;
float: left;
margin: 10px 0px 0px 0px;
height: 275px;
overflow: visible;
}

#content #news h1 {
width: 100%;
margin: 20px 0px 12px 0px;
text-align: center;
vertical-align: top;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #003366;
}

#content #news h1.left {
text-align: left;
margin-left: 20px;
}

#content #news h1.first {
text-align: left;
margin: 20px 0px 12px 20px;
}

#content #news.news6 h1 {
color: #bd0808;
}

#content #news h2 {
width: 100%;
margin: 20px 0px 12px 0px;
text-align: left;
vertical-align: top;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #003366;
}

#content #news p {
margin: 4px 20px 8px 20px;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
}

#content #news p.top {
margin: 0px 20px 8px 20px;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
}

#content #news p.indent {
margin: 4px 20px 8px 32px;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
}

#content #news a.highlight {
color: #bd0808;
font-size: 12px;
}

#content #news p.readmore {
font-size: 12px;
line-height: 20px;
font-weight: 500;
color: #bd0808;
cursor: pointer;
}

#content #news p.click {
margin: 0px 20px 0px 20px;
vertical-align: middle;
text-align: center;
font-size: 14px;
font-style:italic;
line-height: 30px;
color: #bd0808;
width: 395px;
}

#content #news img {
width: 400px;
margin: 30px 20px 20px 20px;
border: 1px solid #d3d3d3;
float: left;
}

#content #news img.kji {
margin: 17px auto auto 8px;
width: 220px;
border: none;
}

#content #news img.podcast {
margin: 0px 0px 0px 0px;
width: 395px;
height: 222px;
border: none;
z-index: 1;
}

#content #news video.podcast {
margin: 0px 0px 0px 0px;
width: 395px;
height: 222px;
border: none;
}

#content #news audio.podcast {
margin: 185px 0px 0px -350px;
float: left;
z-index: 100;
position: absolute;
height: 25px;
}

#content #news #podcast {
width: 775px;
height: 222px;
float: right;
margin: -235px 0px 0px 0px;
overflow: visible;
background-color: #bcbcbc;
}

#content #news #podcast2 {
width: 775px;
height: 222px;
float: right;
margin: -4px 0px 0px 0px;
overflow: visible;
}

/*#content #news img.kjigs {
width: 600px;
margin: 120px 25px auto 25px;
border: none;
float: left;
}*/

#content #news img.kjigs {
height: 55px;
margin: 15px auto 15px 135px;
border: none;
float: left;
}

#content #news img.right {
float: right;
}

#content #news img.center {
margin: 0px 0px 20px 60px;
}

#content #news img.small {
width: 200px;
border: none;
}

#content #news img.smaller {
width: 150px;
margin: 20px 20px 20px 20px;
border: none;
}

#content #news img.smallest {
width: 150px;
margin: 40px 20px 0px 20px;
border: none;
}

#content #news img.artwork {
width: 125px;
margin: 0px 20px 0px 20px;
border: none;
}

#content #news img.medium {
width: 250px;
border: none;
}  

/* donate */

#donate {
width: 320px;
color: #003366;
margin: 0px 0px 0px 0px;
float: left;
position: relative;
}

#donate p {
width: 275px;
float: left;
margin: 5px 25px 5px 0px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#donate img {
width: 270px;
margin: 0px 0px 20px 0px;
float: left;
}

/* donation */

#donation {
width: 600px;
color: #003366;
margin: 0px;
float: left;
position: relative;
}

#donation p {
width: 300px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#donation p.wide    {
width: 550px;
margin: 0px auto 0px auto;
}

#donation p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#donation p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#donation p span.optional	{
color: #000000;
}

#donation p input	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#donation p input.right	{
text-align: right;
}

#donation p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#donation p input.buttonR	{
background: #ff0000;
border: 1px solid #ff0000;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#donation p select	{
width: 260px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
background-color: #dddddd;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 12px;
cursor: pointer;
}

#donation p select option	{
width: 260px;
color: #003366;
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#donation p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 550px;
height: 55px;
overflow: none;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#donation p input.invalidfield,
#donation p select.invalidfield	{
border: 1px solid #DD4040;
}

#donation p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#donation #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#donation #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#donation #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#donation #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#donation #capcha img:hover	{
border: 1px solid #DD4040;
}

/* amounts */

#amounts {
width: 275px;
color: #003366;
margin: 22px 0px 0px 0px;
float: right;
position: relative;
}

#amounts.inaugural {
margin: 0px 0px 0px 0px;
}

#amounts p {
width: 225px;
float: right;
margin: 0px 25px 35px 25px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#amounts p.inaugural {
width: 225px;
float: right;
margin-top: 5px;
margin-bottom: 15px;
color: #003366;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#amounts p.brochure {
width: 225px;
float: right;
margin-top: 5px;
margin-bottom: 15px;
color: #003366;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#amounts p input	{
width: 225px; 
background: #dddddd;
border: 1px solid #dddddd;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 18px;
line-height: 25px;
font-weight: 500;
margin-bottom: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
cursor: pointer;
}

#amounts p.inaugural input	{
width: 225px; 
background: #dddddd;
border: 1px solid #dddddd;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 18px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
cursor: pointer;
}

#amounts p.brochure input	{
width: 225px; 
background-color: #bd0808;
color: #ffffff;
border: 1px solid #bd0808;
padding: 5px;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#amounts p.brochure input:hover {
color: #bcbcbc;
cursor: pointer;
-webkit-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
-moz-box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
box-shadow: 0px 0px 12px 3px rgba(171,171,171,1);
} 

#amounts img {
width: 275px;
margin: 22px 0px 0px 0px;
}

#amounts form{
width: 225px;
float: right; 
margin: 0px 25px 25px 25px;  
}

#amounts form legend {
margin-bottom: 10px;  
}

#amounts form input {
vertical-align: middle;
}

#amounts form label {
vertical-align: middle;
}

/* was courses */

#registrationL {
width: 320px;
color: #003366;
margin: 0px 0px 0px 0px;
float: left;
position: relative;
}

#registrationL p {
width: 275px;
float: left;
margin: 5px 25px 5px 0px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#registrationL img {
width: 270px;
margin: 0px 0px 20px 0px;
float: left;
}

/* registration */

#registration {
width: 600px;
color: #003366;
margin: 0px;
float: left;
position: relative;
}

#registration p {
width: 300px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#registration p.wide    {
width: 550px;
margin: 0px auto 0px auto;
}

#registration p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#registration p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#registration p span.optional	{
color: #000000;
}

#registration p input	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#registration p input.wide	{
width: 550px; 
}

#registration p input.right	{
text-align: right;
}

#registration p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#registration p input.buttonR	{
background: #ff0000;
border: 1px solid #ff0000;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#registration p select	{
width: 260px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
background-color: #dddddd;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 12px;
cursor: pointer;
}

#registration p select option	{
width: 260px;
color: #003366;
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#registration p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 550px;
height: 55px;
overflow: none;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#registration p input.invalidfield,
#registration p select.invalidfield	{
border: 1px solid #DD4040;
}

#registration p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#registration #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#registration #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#registration #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#registration #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#registration #capcha img:hover	{
border: 1px solid #DD4040;
}

/* was course */

#registrationR {
width: 275px;
color: #003366;
margin: 22px 0px 0px 0px;
float: right;
position: relative;
text-align: center;
}

#registrationR form{
width: 225px;
float: right; 
margin: 0px 25px 25px 25px;  
}

#registrationR form legend {
margin-bottom: 10px;  
}


/* footer */

#footer {
width: 100%;
height: 300px;
background-color: #ffffff;
color: #003366;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 100;
}

#footer #banner {
height: 300px;
width: 1200px;
margin: 0 auto;
border-top: 2px solid #003366;
z-index: 125;
}

#footer #banner #logo {
height: 150px;
width: 500px;
margin: 15px auto auto auto;
float: left;
position: relative;
}

#footer #banner #logo img.left {
height: 150px;
margin: 15px auto auto auto;
vertical-align: middle;
float: left;
cursor: pointer;
}

#footer #banner #logo img.right {
height: 50px;
margin: 30px auto auto 20px;
vertical-align: middle;
float: left;
cursor: pointer;
}

/* footer functions */

#footer #banner #functions {
width: 600px;
min-height: 38px;
margin: 0px 8px 0px 0px;
float: right;
position: relative;
}

#footer #banner #functions a {
color: #003366;
cursor: pointer;
float: right;
font-size: 14px;
font-weight: 500;
line-height: 38px;
vertical-align: middle;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 38px;
}

#footer #banner #functions a:hover {
color: #bcbcbc;
cursor: pointer;
} 

#footer #banner #functions a.hide {
display: none;
} 

/* footer quicklinks */

#footer #banner #quicklinks {
width: 400px;
height: 235px;
margin: 15px 8px 0px 0px;
float: right;
position: relative;
}

#footer #banner #quicklinks h2 {
width: 100%;
margin: 25px 0px 12px 0px;
text-align: center;
vertical-align: center;
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #003366;
}

#footer #banner #quicklinks a {
width: 200px;
color: #003366;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: 300;
line-height: 32px;
vertical-align: bottom;
cursor: default;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}

#footer #banner #quicklinks a:hover {
color: #bcbcbc;
cursor: pointer;
} 

#footer #banner #quicklinks a.hide {
display: none;
} 

#footer #banner #quicklinks a.right {
float: right;
} 

/* footer main office */

#footer #banner #mainoffice {
width: 200px;
height: 230px;
float: left;
margin: 20px 8px 0px 50px;
position: relative;
}

#footer #banner #mainoffice h2 {
width: 100%;
margin: 18px 0px 0px 0px;
text-align: left;
vertical-align: bottom;
font-size: 14px;
line-height: 36px;
font-weight: 400;
color: #003366;
}

#footer #banner #mainoffice h2.break {
line-height: 18px;
margin-bottom: 8px;
}

#footer #banner #mainoffice p {
width: 100%;
font-size: 14px;
line-height: 18px;
color: #000000;
/*color: #003366;*/
font-weight: 300;
margin: 0px 0px 0px 0px;
float: left;
}

/* footer social media */

#footer #banner #socialmedia {
width: 100%;
height: 30px;
float: left;
text-decoration: none;
border: none;
margin: 10px 0px 0px 10px;
position: relative;
}

#footer #banner #socialmedia img {
width: 30px;
float: left;
padding-right: 10px;
}

/* contactus */

#contactus {
width: 800px;
color: #003366;
margin: 0 auto;
position: relative;
}

#contactus p {
width: 400px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#contactus p.spacer {
font-size: 52px;
line-height: 52px;
}

#contactus p.wider {
width: 800px;
} 

#contactus p.nomar	{
margin: 0px auto 0px auto;
}

#contactus p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#contactus p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#contactus p span.optional	{
color: #000000;
}

#contactus p input,
#contactus p select	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#contactus p input.wide	{
width: 800px;
}

#contactus p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#contactus p select option	{
width: 250px;
color: #003366;
background-color: rgb(0, 51, 102, 0.25);
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#contactus p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 800px; 
height: 125px;
overflow: none;
padding: 5px;
color: #003366;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#contactus p invalidfield	{
color: #DD4040;
}

#contactus p input.invalidfield	{
border: 1px solid #DD4040;
}

#contactus p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#contactus #message	{
width: 800px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#contactus #message p	{
width: 800px;
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#contactus #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#contactus #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#contactus #capcha img:hover	{
border: 1px solid #DD4040;
}

/* donation */

/*
#donation {
width: 600px;
color: #003366;
margin: 0 auto;
position: relative;
}

#donation p {
width: 300px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
color: #003366;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
font-weight: 500;
}

#donation p.wide    {
width: 550px;
margin: 0px auto 0px auto;
}

#donation p span	{
color: #ff0000;
font-size: 10px;
vertical-align: top;
}

#donation p span.msg	{
vertical-align: baseline;
font-size: 14px;
line-height: 20px;
}

#donation p span.optional	{
color: #000000;
}

#donation p input,
#donation p select	{
width: 250px; 
background: #ffffff;
border: 1px solid #dddddd;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#donation p input.right	{
text-align: right;
}

#donation p input.button	{
background: #003366;
border: 1px solid #003366;
color: #ffffff;
font-size: 16px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-bottom: 0px;
}

#donation p select option	{
width: 250px;
color: #003366;
vertical-align: middle;
padding: 5px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}

#donation p textarea	{
padding: 5px; 
background: #ffffff;
border: 1px solid #dddddd; 
width: 550px;
height: 125px;
overflow: none;
padding: 5px;
color: #000000;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
font-weight: 500;
margin-bottom: 10px;
cursor: pointer;
}

#donation p invalidfield	{
color: #DD4040;
}

#donation p input.invalidfield	{
border: 1px solid #DD4040;
}

#donation p textarea.invalidfield	{
border: 1px solid #DD4040;
}

#donation #message	{
width: 550px;
min-height: 20px;
margin: 15px auto 25px auto;
}

#donation #message p	{
font-size: 14px;
line-height: 20px;
padding: 0px;
margin: 0px;
color: #003366;
}

#donation #capcha	{
width: 375px;
height: 25px;
margin: 5px auto auto auto;
padding: 0px;
}

#donation #capcha img	{
width: 24px;
border: 1px solid rgba(245,245,245,1.0);
margin-right: 4px;
}

#donation #capcha img:hover	{
border: 1px solid #DD4040;
}
*/

/* login window */

#login {
background: url(../images/overlay.png) top center repeat;
height: 100%;
width: 100%;
position: fixed;
cursor: pointer;
z-index: 997;
}

#loginwindow {
background: rgba(245,245,245,1.0);
border: 1px solid rgba(240,240,240,1.0);
width: 250px;
height: 250px;
color: #232323;
margin: 200px auto auto auto;
padding: 25px;
border: 1px solid #cdcdcd;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 998;
}

#loginwindow h2	{
margin: 0px;
padding: 0px;
font-size: 16px;
}

#loginwindow h2 span.required	{
padding-left: 6px; 
color: #ff0000; 
font-size: 10px;
vertical-align: middle;
}

/*
#loginwindow h2 a {
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px;
padding: 2px 5px 2px 5px;
float: right;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
}

#loginwindow h2 a:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}
*/

#loginwindow p {
width: 100%;
margin: 0px;
padding: 0px;
margin-top: 15px;
float: left;
text-decoration: none;
}

#loginwindow p a {
width: 25%;
height: 12px;
line-height: 12px;
font-size: 12px;
font-weight: 600;
color: #69849b;
display: inline; 
}

#loginwindow p a.register {
float: left;
text-align: left;
}

#loginwindow p a.reset {
width: 50%;
float: left;
text-align: center;
}

#loginwindow p a.close {
float: right;
text-align: right;
}

#loginwindow p a:hover	{
color: #000000;
cursor: pointer;
}

#loginwindow form	{
width: 100%;
padding-top: 20px;
float: left;
}

#loginwindow form p {
width: 100%;
margin: 0px;
padding: 0px;
margin-top: 15px;
font-weight: normal;
float: left;
text-decoration: none;
}

#loginwindow form p.invalidfield	{
color: #ff0000;
}

#loginwindow form p span.required	{
padding-left: 3px; 
color: #ff0000; 
font-size: 10px;
}

#loginwindow form p span.message {
color: #787878;
}

#loginwindow form p span.register {
width: 100px;
color: #0000ff;
font-size: 14px;
}

#loginwindow form p span.close {
width: 100px;
color: #0000ff;
font-size: 14px;
text-align: right;
float: right;
}

#loginwindow form p input	{
width: 95%;
background: #ffffff;
border: 1px solid #dddddd;
color: #999999;
padding: 5px;
}

#loginwindow form p input.submit	{
width: 100px;
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px 75px 0px 75px;
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
}

#loginwindow form p input.submit2	{
width: 130px;
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px 60px 0px 60px;
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
}

#loginwindow form p input.submit:hover,
#loginwindow form p input.submit2:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}

#loginwindow form p input.invalidfield	{
color: #ff0000;
border: 1px solid #DD4040;
}

/* register window */

#register {
background: url(../images/overlay.png) top center repeat;
height: 100%;
width: 100%;
position: fixed;
cursor: pointer;
z-index: 997;
}

#registerwindow {
background: rgba(245,245,245,1.0);
border: 1px solid rgba(240,240,240,1.0);
width: 490px;
height: 675px;
color: #232323;
margin: 25px auto auto auto;
padding: 25px;
padding-right: 0px;
border: 1px solid #cdcdcd;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 998;
}

#registerwindow.update	{
height: 625px;
}

#registerwindow h2	{
margin: 0px;
padding: 0px;
font-size: 16px;
}

#registerwindow h2 span.required	{
padding-left: 6px; 
color: #ff0000; 
font-size: 12px;
vertical-align: middle;
}

#registerwindow h2 a.USA {
float: right;
text-align: right;
margin-right: 25px;
font-size: 12px;
vertical-align: middle;
color: #FF0000;
cursor: pointer;
display: inline; 
border: 1px solid #454545; 
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
}

#registerwindow h2 a.USA:hover	{
border: 1px solid #FF0000;
}

/*
#registerwindow h2 a {
background: #454545;
color: #efefef;
float: left; 
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px;
margin-right: 25px;
padding: 2px 5px 2px 5px;
float: right;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
}

#registerwindow h2 a:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}
*/

#registerwindow p {
width: 100%;
margin: 0px;
padding: 0px;
margin-top: 15px;
float: left;
text-decoration: none;
}

#registerwindow p a {
width: 30%;
height: 12px;
line-height: 12px;
font-size: 12px;
font-weight: 800;
color: #69849b;
display: inline; 
}

#registerwindow p a.login {
float: left;
text-align: left;
}

#registerwindow p a.close {
float: right;
text-align: right;
margin-right: 25px;
}

#registerwindow p a:hover	{
color: #000000;
cursor: pointer;
}

#registerwindow form	{
width: 500px;
padding-top: 20px;
float: left;
}

#registerwindow form p {
width: 250px;
margin: 0px;
padding: 0px;
margin-bottom: 6px;
float: left;
text-decoration: none;
}

#registerwindow form p.invalidfield	{
color: #ff0000;
}

#registerwindow form p.extrawide {
width: 460px;
margin-top: 3px;
}

#registerwindow form p span.required	{
padding-left: 3px; 
color: #ff0000; 
font-size: 12px;
}

#registerwindow form p span.message {
margin-top: 10px;
margin-bottom: 10px;
color: #787878;
}

#registerwindow form p span.login {
width: 100px;
color: #0000ff;
font-size: 14px;
}

#registerwindow form p span.close {
width: 100px;
color: #0000ff;
font-size: 14px;
text-align: right;
float: right;
}

#registerwindow form p input	{
width: 200px;
background: #ffffff;
border: 1px solid #dddddd;
color: #999999;
padding: 2px 5px 2px 5px;
}

#registerwindow form p select	{
width: 213px;
background: #ffffff;
border: 1px solid #dddddd;
color: #999999;
padding: 1px 0px 1px 0px;
}

#registerwindow form p input.extrawide {
width: 450px;
}

#registerwindow form p input.submit	{
width: 100px;
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px 190px 0px 190px;
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
}

#registerwindow form p input.submit:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}

#registerwindow form p input.invalidfield	{
color: #ff0000;
border: 1px solid #DD4040;
}


/* pdf overlay */

#pdfOverlay {
background: url(../images/overlay.png) top center repeat;
height: 100%;
width: 100%;
position: fixed;
cursor: pointer;
z-index: 997;
}

#pdfBackground {
background: #cdcdcd;
width: 800px;
height: 900px;
color: #232323;
margin: 25px auto auto auto;
padding: 0px 0px 0px 10px;
border: 1px solid #cdcdcd;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 8px #000000;
-moz-box-shadow: 0px 0px 8px #ffffff;
-webkit-box-shadow: 0px 0px 8px #ffffff;
z-index: 998;
}

#pdfWindow {
background: #cdcdcd;
width: 790px;
height: 890px;
margin: 0px;
padding: 0px;
border: 1px solid #cdcdcd;
}

#pdfWindow iframe {
background: none;
min-width: 785px;
height: 835px;
border: 1px solid #cdcdcd;
}

#pdfWindow h2 {
width: 785px;
color: #005D55;
margin: 0px;
margin-top: 10px;
margin-bottom: 20px;
padding: 0px;
font-size: 20px;
font-weight: normal;
vertical-align: middle;
}

#pdfWindow h2 a {
width: 100px;
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px;
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
text-align: center;
float: right;
}

#pdfWindow h2 a:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}

/* pdf overlay SAVE */

/*

#pdfBackground {
background: #cdcdcd;
width: 600px;
height: 800px;
color: #232323;
margin: 50px auto auto auto;
padding: 0px 0px 0px 25px;
border: 1px solid #cdcdcd;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: 0px 0px 8px #000000;
-moz-box-shadow: 0px 0px 8px #ffffff;
-webkit-box-shadow: 0px 0px 8px #ffffff;
z-index: 998;
}

#pdfWindow {
background: #cdcdcd;
width: 575px;
height: 770px;
margin: 0px;
padding: 0px;
border: 1px solid #cdcdcd;
}

#pdfWindow iframe {
background: none;
min-width: 570px;
height: 718px;
border: 1px solid #cdcdcd;
}

#pdfWindow h2 {
color: #005D55;
margin: 0px;
margin-top: 10px;
margin-bottom: 20px;
padding: 0px;
font-size: 18px;
font-weight: normal;
vertical-align: middle;
}

#pdfWindow h2 a {
width: 100px;
background: #454545;
color: #efefef;
display: inline; 
font-size: 12px;
border: 1px solid #454545; 
margin: 0px;
padding: 2px 5px 2px 5px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration: none;
vertical-align: middle;
text-align: center;
float: right;
}

#pdfWindow h2 a:hover	{
background: #efefef;
color: #454545;
cursor: pointer;
}

*/

/* popup's and messages */

.vtip {
cursor: pointer;
}

p#vtip { 
display: none; 
position: absolute; 
padding: 10px; left: 5px; 
font-size: 12px; 
background-color: #f8dcb7; 
border: 1px solid #224665; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow:  2px 2px 10px #224665;
-moz-box-shadow:  2px 2px 10px #224665;
box-shadow: 2px 2px 10px #224665;
z-index: 999;
}

p#vtip #vtipArrow { 
position: absolute; 
top: -10px; 
left: 5px;
}