.container-12,
.container-16 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13,
.grid-14,
.grid-15,
.grid-16 {
display: inline;
float: left; 
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.container-12 .grid-3,
.container-16 .grid-4 {
width: 220px;
}
.container-12 .grid-6,
.container-16 .grid-8 {
width: 460px;
}
.container-12 .grid-9,
.container-16 .grid-12 {
width: 700px;
}
.container-12 .grid-12,
.container-16 .grid-16 {
width: 940px;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.container-12 .grid-1 {
width: 60px;
}
.container-12 .grid-2 {
width: 140px;
}
.container-12 .grid-4 {
width: 300px;
}
.container-12 .grid-5 {
width: 380px;
}
.container-12 .grid-7 {
width: 540px;
}
.container-12 .grid-8 {
width: 620px;
}
.container-12 .grid-10 {
width: 780px;
}
.container-12 .grid-11 {
width: 860px;
}
.container-16 .grid-1 {
width: 40px;
}
.container-16 .grid-2 {
width: 100px;
}
.container-16 .grid-3 {
width: 160px;
}
.container-16 .grid-5 {
width: 280px;
}
.container-16 .grid-6 {
width: 340px;
}
.container-16 .grid-7 {
width: 400px;
}
.container-16 .grid-9 {
width: 520px;
}
.container-16 .grid-10 {
width: 580px;
}
.container-16 .grid-11 {
width: 640px;
}
.container-16 .grid-13 {
width: 760px;
}
.container-16 .grid-14 {
width: 820px;
}
.container-16 .grid-15 {
width: 880px;
}
.container-12 .prefix-3,
.container-16 .prefix-4 {
padding-left: 240px;
}
.container-12 .prefix-6,
.container-16 .prefix-8 {
padding-left: 480px;
}
.container-12 .prefix-9,
.container-16 .prefix-12 {
padding-left: 720px;
}
.container-12 .prefix-1 {
padding-left: 80px;
}
.container-12 .prefix-2 {
padding-left: 160px;
}
.container-12 .prefix-4 {
padding-left: 320px;
}
.container-12 .prefix-5 {
padding-left: 400px;
}
.container-12 .prefix-7 {
padding-left: 560px;
}
.container-12 .prefix-8 {
padding-left: 640px;
}
.container-12 .prefix-10 {
padding-left: 800px;
}
.container-12 .prefix-11 {
padding-left: 880px;
}
.container-16 .prefix-1 {
padding-left: 60px;
}
.container-16 .prefix-2 {
padding-left: 120px;
}
.container-16 .prefix-3 {
padding-left: 180px;
}
.container-16 .prefix-5 {
padding-left: 300px;
}
.container-16 .prefix-6 {
padding-left: 360px;
}
.container-16 .prefix-7 {
padding-left: 420px;
}
.container-16 .prefix-9 {
padding-left: 540px;
}
.container-16 .prefix-10 {
padding-left: 600px;
}
.container-16 .prefix-11 {
padding-left: 660px;
}
.container-16 .prefix-13 {
padding-left: 780px;
}
.container-16 .prefix-14 {
padding-left: 840px;
}
.container-16 .prefix-15 {
padding-left: 900px;
}
.container-12 .suffix-3,
.container-16 .suffix-4 {
padding-right: 240px;
}
.container-12 .suffix-6,
.container-16 .suffix-8 {
padding-right: 480px;
}
.container-12 .suffix-9,
.container-16 .suffix-12 {
padding-right: 720px;
}
.container-12 .suffix-1 {
padding-right: 80px;
}
.container-12 .suffix-2 {
padding-right: 160px;
}
.container-12 .suffix-4 {
padding-right: 320px;
}
.container-12 .suffix-5 {
padding-right: 400px;
}
.container-12 .suffix-7 {
padding-right: 560px;
}
.container-12 .suffix-8 {
padding-right: 640px;
}
.container-12 .suffix-10 {
padding-right: 800px;
}
.container-12 .suffix-11 {
padding-right: 880px;
}
.container-16 .suffix-1 {
padding-right: 60px;
}
.container-16 .suffix-2 {
padding-right: 120px;
}
.container-16 .suffix-3 {
padding-right: 180px;
}
.container-16 .suffix-5 {
padding-right: 300px;
}
.container-16 .suffix-6 {
padding-right: 360px;
}
.container-16 .suffix-7 {
padding-right: 420px;
}
.container-16 .suffix-9 {
padding-right: 540px;
}
.container-16 .suffix-10 {
padding-right: 600px;
}
.container-16 .suffix-11 {
padding-right: 660px;
}
.container-16 .suffix-13 {
padding-right: 780px;
}
.container-16 .suffix-14 {
padding-right: 840px;
}
.container-16 .suffix-15 {
padding-right: 900px;
}
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12,
.push-13,
.push-14,
.push-15,
.push-16 {
position: relative;
}
.container-12 .push-3,
.container-16 .push-4 {
left: 240px;
}
.container-12 .push-6,
.container-16 .push-8 {
left: 480px;
}
.container-12 .push-9,
.container-16 .push-12 {
left: 720px;
}
.container-12 .push-1 {
left: 80px;
}
.container-12 .push-2 {
left: 160px;
}
.container-12 .push-4 {
left: 320px;
}
.container-12 .push-5 {
left: 400px;
}
.container-12 .push-7 {
left: 560px;
}
.container-12 .push-8 {
left: 640px;
}
.container-12 .push-10 {
left: 800px;
}
.container-12 .push-11 {
left: 880px;
}
.container-16 .push-1 {
left: 60px;
}
.container-16 .push-2 {
left: 120px;
}
.container-16 .push-3 {
left: 180px;
}
.container-16 .push-5 {
left: 300px;
}
.container-16 .push-6 {
left: 360px;
}
.container-16 .push-7 {
left: 420px;
}
.container-16 .push-9 {
left: 540px;
}
.container-16 .push-10 {
left: 600px;
}
.container-16 .push-11 {
left: 660px;
}
.container-16 .push-13 {
left: 780px;
}
.container-16 .push-14 {
left: 840px;
}
.container-16 .push-15 {
left: 900px;
}
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12,
.pull-13,
.pull-14,
.pull-15,
.pull-16 {
position: relative;
}
.container-12 .pull-3,
.container-16 .pull-4 {
left: -240px;
}
.container-12 .pull-6,
.container-16 .pull-8 {
left: -480px;
}
.container-12 .pull-9,
.container-16 .pull-12 {
left: -720px;
}
.container-12 .pull-1 {
left: -80px;
}
.container-12 .pull-2 {
left: -160px;
}
.container-12 .pull-4 {
left: -320px;
}
.container-12 .pull-5 {
left: -400px;
}
.container-12 .pull-7 {
left: -560px;
}
.container-12 .pull-8 {
left: -640px;
}
.container-12 .pull-10 {
left: -800px;
}
.container-12 .pull-11 {
left: -880px;
}
.container-16 .pull-1 {
left: -60px;
}
.container-16 .pull-2 {
left: -120px;
}
.container-16 .pull-3 {
left: -180px;
}
.container-16 .pull-5 {
left: -300px;
}
.container-16 .pull-6 {
left: -360px;
}
.container-16 .pull-7 {
left: -420px;
}
.container-16 .pull-9 {
left: -540px;
}
.container-16 .pull-10 {
left: -600px;
}
.container-16 .pull-11 {
left: -660px;
}
.container-16 .pull-13 {
left: -780px;
}
.container-16 .pull-14 {
left: -840px;
}
.container-16 .pull-15 {
left: -900px;
}
.container-16 .pull-16 {
left: -960px;
}
form {
margin: 0;
padding: 0;
}
form .form-item {
margin: 0 5px 15px 5px;
}
form .form-text, form .form-textarea {
background: #eff7fb;
color: #2e5b91;
border: 1px solid #2e5b91;
padding: 1px 4px 2px 4px;
}
form .form-submit, form .form-reset {
cursor: pointer;
}
form .form-text:focus, form .form-textarea:focus {
background: #fff;
border: 1px solid #93b7d5;
}
#header #login {
width: 260px;
float: right;
}
#header form {
margin: 10px 0 0 0;

}
#header form #col-left {
float: left;
}
#header form #col-right {
float: right;
width: 120px;
padding-top: 15px;
}
#header form .form-item {
margin: 0 0 2px 0;
}
#header form #forgot-pass-wrapper {
margin: 0;
}
#header form label {
color: #d2e5f8;
font-size: .9em;
display: block;
}
#header form input.form-text {
width: 115px;
padding: 0 4px 1px 4px;
}
#header form input.form-checkbox {
margin: -2px 6px 0 0;
vertical-align: middle;
}
#header form input.form-submit {
margin-top: 18px;
}
#header form a {
color: #c7e2f4;
border-bottom: 1px dotted;
font-size: .9em;
}
#header form a:hover {
color: #fcfcfc;
text-decoration: none;
}
#join .content {
padding-bottom: 4px;
height: 166px
}
#join form label {
width: 65px;
display: inline-block;
margin: 0 0 0 10px;
}
#join form .form-item {
margin-bottom: 7px;
}
#join form input.form-text {
width: 165px;
background: #fff;
border-color: #d5d2c6;
}
#join form input.form-submit {
margin: 0 0 0 78px;
}
#join p {
display: inline;
position: relative;
top: -9px;
left: 10px;
}
#join p a {
color: #9a0000;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", serif;
font-size: .8em;
}
#join p a:hover {
text-decoration: underline;
}

.block {
border: 1px solid #a3c7e2;
margin: 0 0 20px 0;
background: #fafaf4;
}
.block h3.title {
margin: 0;
padding: 6px 10px 6px 45px;
border: 1px solid #fff;
background: #95c0e0 url('../images/h3.png') no-repeat 0 -4px;
color: #fff;
text-transform: uppercase;
font-size: 1.1em;
}
.block .content {
padding: 10px;
border-top: 1px solid #e8f0f2;
}
.block .content p {
margin: 0 0 5px 0;
}
.block .content h4 {
text-transform: uppercase;
color: #9a0000;
margin: 0;
font-weight: normal;
font-size: 1.1em;
}
.block .content h4 a {
color: #9a0000;
}
.block .content h4 a:hover {
text-decoration: underline;
}
#sidebar {
margin: 22px 10px 0 0;
float: right;
}
#sidebar .block {
border:none
}
#sidebar .block h3.title {
border-color: #527dad;
}
#sidebar .block .content {
border: 1px solid #90b7d8;
border-top: none;
}
/* Join */
#join h4 {
text-transform: none;
text-align: center;
margin-bottom: 8px;
}
/* Support */
#support {
border-color: #406ca8;
}
#support h3.title {
border-bottom-color: #5a99c9 !important;
background-position: 0 -83px;
}
#support .content {
text-align: center;
text-transform: uppercase;
font-size: 1.15em;
background: #577fae url('../images/support-bg.jpg') no-repeat center center;
color: #fff;
border-color: #527dad !important;
border-top: 1px solid #163e93 !important;
line-height: 1.3em;
}
#support .content .button {
font-size: .9em;
margin: 0 45px;
background-color: #950000;
background-position: 0 -46px;
border-color: #9a0000;
}
/* Mission */
#mission .content {
color: #25527f;
}
#mission .content img {
float: left;
margin: 0 10px 1px 0;
}
#mission .content a {
color: #9a0000;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
font-size: .85em;
}
#mission .content a:hover {
text-decoration: underline;
}
/* Events */
#events .content .date {
text-transform: uppercase;
}
#events .content .event-info {
float: left;
width: 205px;
margin-bottom: 5px;
}
#events .content .event-image {
float: right;
}
#events .content a.button {
clear: both;
margin: 0 35px;
}
/* Social networks */
#connect ul {
}
#connect ul li {
float: left;
width: 69px;
border-bottom: none;
}
#connect ul li a {
width: 69px;
display: block;
text-align: center;
padding: 10px 0;
}
#connect ul li a:hover {
background: url('../images/social-hover.png') no-repeat center bottom;
color: #9a0000;
text-decoration: none;
}
#connect ul li a span {
display: block;
}
#connect ul li a img {
margin: 0 auto 9px auto;
}
/**************************************************END BLOCK************************************/
#primary-nav {
clear: both;
height: 40px;
}
#primary-nav ul {
margin: 0;
padding: 0;
}
#primary-nav ul li {
float: left;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
font-size: .9em;
border-bottom: none;
cursor: pointer;
}
#primary-nav ul li a {
height: 28px;
padding: 12px 13px 0 10px;
display: block;
text-transform: uppercase;
color: #23598a;
font-weight: bold;
font-family: Georgia, "Times New Roman", serif;
}
#primary-nav ul li a:hover {
color: #9a0000;
text-decoration: none;
}
#primary-nav ul li.sfHover>a {
color: #9a0000;
text-decoration: none;
}
#primary-nav ul li a span {
cursor: pointer;
}
/* Subnav */
#primary-nav ul ul{
background: #fefefe url('../images/dropshadow.png') repeat-x 0 top;
padding-top: 3px;
}
#primary-nav ul li li {
background: #fefefe;
border-bottom: 1px solid #e6e6e6;
}
#primary-nav ul li li a {
height: auto;
text-transform: none;
font-weight: normal;
font-size: 1.1em;
padding: 9px 13px 8px 13px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
#primary-nav ul li li a:hover {
background: #F2F2F2 ;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.sf-menu {
line-height:	1.3em;
}
.sf-menu ul {
position:		absolute;
top:			-999em;
width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:			100%;
}
.sf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:			left;
position:		relative;
}
.sf-menu a {
display:		block;
position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			40px; /* match top ul list item height (CHANGED FROM 1.5em)*/
width: 15em;
z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			16.7em; /* match ul width */
top:			12px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}
/*** DEMO SKIN ***/
/*
.sf-menu {
float:			left;
margin-bottom:	1em;
}
.sf-menu a {
border-left:	1px solid #fff;
border-top:		1px solid #CFDEFF;
padding: 		.75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { visited pseudo selector so IE6 applies text colour
color:			#13a;
}
.sf-menu li {
background:		#BDD2FF;
}
.sf-menu li li {
background:		#AABDE6;
}
.sf-menu li li li {
background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:		#CFDEFF;
outline:		0;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 	2.25em;
min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			-2px;
top:			1.2em; /* IE6 only */
width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url('../images/arrows.png') no-repeat 0 -100px; 
}
a > .sf-sub-indicator {
top:			1.4em;
right: 0;
background-position: 0 -100px;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; 
}
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:	url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
body {
margin: 0;
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
background: #e2ebf4;
color: #646464;
}
img {
border: none;
vertical-align: bottom;
}
p {
margin: 0 0 15px 0;
}
a {
color: #4076ac;
text-decoration: none;
}
a:hover {
color: #0d4283;
text-decoration: underline;
}
a.button {
background: #255177 url('../images/button.png') repeat-x 0 0;
color: #fff;
padding: 5px 10px 6px 10px;
text-transform: uppercase;
text-align: center;
font-size: .8em;
display: block;
margin: auto;
border: 1px solid #2b5e83;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
}
a.button.red {
background-position: 0 -46px;
background-color: #950000;
border-color:#9A0000;
}
a.button:hover {color: #fff;}
#page-wrapper {
background: url('../images/page-top.png') repeat-x center 0;
min-width: 960px;
_width: 960px;
width: auto;

}
#header-wrapper {
background: url('../images/header.jpg') no-repeat center 0;
height: 154px;
position: relative;
z-index: 5;
}
#header {
background: url('../images/dropshadow.png') repeat-x 0 bottom;
padding-bottom: 4px;
}
#header #logo, #header #slogan, #header #login {
height: 114px;
}
#header h1 {
line-height: 1.2em;
margin: 23px 0 0 0;
width: 190px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h2 {
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size: 1.75em;
margin: 52px 0 0 0px;
line-height: .5em;
}
#main-wrapper {
clear: both;
position: relative;
z-index: 3;
}
#content {
background: url('../images/content-bottom-bg.png') no-repeat 0 bottom;
*background-position: 10px bottom; /* hack for IE **7** (overidden for IE6 in ie6.css) */
*padding: 0 0 12px 10px; /* hack for IE **7** (overidden for IE6 in ie6.css) */
margin: 0 10px 20px 10px;
padding-bottom: 12px;
}
#content-inner {
background: url('../images/content-bg.png') repeat-y 0 0;
padding: 20px;
}
#content-inner2 {
background: url('../images/content-bg.png') repeat-y 0 0;
padding: 20px;
}
#content-inner3 {
padding: 0px 20px 20px 20px;
color:#000
}
#footer-wrapper {
background: url('../images/footer.png') no-repeat center 0;
padding: 18px 0 0 0;
position: relative;
top: -26px;
z-index: 1;
}
#footer {
text-align: center;
}
#site-by {
padding-top: 54px;
}
#site-by a:hover {
text-decoration: none;
}
#site-by a:hover span {
text-decoration: underline;
}
#footer-logo {
text-transform: uppercase;
font-size: .9em;
font-family: Georgia, "Times New Roman", serif;
}
#footer-logo img {
margin-bottom: 12px;
}
#footer #copyright {
font-size: .85em;
line-height: 1.7em;
color: #004988;
}
/**
* General styles
*/
ul, ol {
margin: 0;
padding: 0;
}
ul li {
margin: 0;
padding: 5px 0;
list-style-type: none;
border-bottom: 1px solid #dedec7;
}
table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
}
table th {
color: #9a0000;
text-align: left;
border-bottom: 1px solid;
font-size: 1.15em;
font-weight: normal;
text-transform: uppercase;
padding: 6px 0 4px 7px;
}
table tr {
padding: 0 5px;
}
table tr.odd {
background: #fff;
}
table td {
padding: 5px 7px;
}
table td.date {
font-size: 1.2em;
font-family: Georgia, "Times New Roman", serif;
}
table td.title {
}
table td.location {
width: 30%;
font-size: .8em;
}
.front #content-inner {
padding: 0 0 8px 0;
}
.front #content-inner2 {
padding: 10px 10px 10px 0;
}
#features {
background: #d5cdc2;
margin: 0 3px 20px 2px;
width: 615px;
height: 234px;
position: relative;
overflow: hidden;
}
#features .feature {
width: 615px;
height: 234px;
overflow: hidden;
display: none;
}
#features .feature p {
margin: 10px;
}
#features #features-nav {
float: left;
height: 14px;
padding: 10px;
position: absolute;
top: 8px;
left: 15px;
z-index: 10;
}
#features #features-nav li {
float: left;
border-bottom: none;
margin: 0 10px 0 0;
padding: 0;
}
#features #features-nav li a {
width: 14px;
height: 14px;
display: block;
background: #090603;
color: #fff;
border: 1px solid #090603;
}
#features #features-nav li a:hover {
border-color: #958669;
}
#features #features-nav li a.active {
border-color: #b8ac9c;
}
#features #features-nav li a span {
display: none;
}
#left-column .inner {
padding: 0 0 0 20px;
}
#right-column .inner {
padding: 0 20px 0 0;
}
#training .content {
padding: 0 0 10px 0;
}
#jobs .content {
padding-top: 5px;
}
#jobs a:hover {
text-decoration: underline;
}
#news h3 .title-text {
float: left;
width: 195px;
}
#news h3 .rss-icon {
float: right;
width: 16px;
}
#news .content {
padding-top: 5px;
}
#news .meta {
font-style: italic;
color: #9abed9;
}
#news .more {
text-align: right;
}
#news .more a {
color: #9a0000;
text-transform: uppercase;
font-weight: normal;
}
#news a {
font-weight: bold;
}
#news a:hover {
text-decoration: underline;
}
#partners {
clear: both;
background: #fafaf4 url('../images/partners-bg.gif') repeat-x 0 bottom;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
margin: 0 3px 0 2px;
padding: 2px 10px;
}
#partners ul {
margin: 0;
padding: 0;
}
#partners ul li {
margin: 12px 6px;
padding: 0;
text-align: center;
width: 136px;
height: 64px;
overflow: hidden;
border-bottom: none;
float: left;
}




#myinfo .content{ padding:10px; border:5px;  }
#myinfo .seeall {margin:5px; text-align:right; }
#myinfo .myname {color:#fff;}
#myschoolsside  ul{ list-style-type:disc;}
#myschoolsside ul li { 
margin: 3px 6px;
padding: 0;
text-align: left;
overflow: hidden;
border-bottom: none;
color:#333;
}
#myinfo .emailsub {color:red; font-weight:bold;}