/* Start of CMSMS style sheet 'main.css' */
/* CSS Document */
*{
margin: 0;
}
img{
border:none;
}
/***************************************

Fonts and Tags

****************************************/
#main{
font-family: Georgia, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.1em;
color: #333333;
}
h1{
padding: 20px 0 5px 0;
font-size: 21px;
font-weight: 300;
line-height: 1.3em;
}
h2{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
h3{
font-size: 15px;
line-height: 1.3em;
}
#secondary h3{
margin: 10px 0 0px 0;
}

h5{
margin: 10px 0 0 0;
font-size: 10px;
}
h6{
margin: 0;
font-size: 9px;
}
p{
margin: 7px 0 7px 0;
}
#secondary p{
font-size: 13px;
line-height: 1.4em;
margin: 5px 0 15px 0;
}
#secondary li{
font-size: 13px;
line-height: 1.3em;
margin: 4px 0 4px 0;
}
a{
color: #3399cc;
text-decoration: underline;
}
ul{
padding: 5px 10px;
margin: 5px 10px;
}
.mainArea .textContent{
font-size: 13px;
line-height: 1.4em;
}
.mainArea .textContent a{
font-size: 14px;
font-weight: bold;
}
#infoBoxes{
font-size: 13px;
line-height: 1.5em;
}
/**************************************

Layout

***************************************/
body{
text-align:center;
background: #ffffff url(images/back.gif) no-repeat center 134px;
}
#main{
margin:0 auto 0 auto;
width: 1025px;
position:relative;
overflow: hidden;
text-align: left;
}
#header{
height: 129px;
overflow: hidden;
text-align:left;
padding-right: 15px;
}
.redDivide{
background-image: url(images/redDivide.gif);
background-repeat: repeat-x;
height: 5px;
overflow: hidden;
}
#content{
text-align: left;
margin-left: 15px;
}
#content .contentTop{
float: left;
background-image: url(images/contentTop.gif);
background-position: top left;
background-repeat: no-repeat;
width: 934px;
height: 6px;
overflow: hidden;
}
#content .contentBody{
float: left;
background-image: url(images/contentBack.png);
background-repeat: repeat-y;
width: 934px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#content .contentBottom{
float: left;
background-image: url(images/contentBottom.png);
background-position: top left;
background-repeat: no-repeat;
width: 934px;
height: 14px;
overflow: hidden;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#searchBox{
float: right;
padding: 15px 0 10px 0;
height: 22px;
overflow: hidden;
}
#searchBox label {
display: none;
}
#cntnt01moduleform_1 {
color: #ffffff;
}
#searchBox input.text{
width: 200px;
height: 15px;
}
/**************************************

Left Col 

***************************************/
#leftCol{
width: 684px;
float: left;
padding: 15px 0 0 0;
position: relative;
top: 40px;
margin-top: -40px;
}
.mainArea{
background: url(images/americanflag.gif) no-repeat 26px 19px;

}
.mainArea .textContent{
padding: 48px 25px 0px 46px;
}
.videoArea{
float: right;
margin: 0 0 0 15px;
}
#infoBoxes{
padding: 18px 0 0 42px;
width: 642px;
clear: both;
}
#infoBoxes #infoBoxesTop{
background-image: url(images/infoBoxTop.gif);
height: 23px;
}
#infoBoxesTop .left{
width: 270px;
text-align: center;
padding: 2px 0;
}
#infoBoxesTop .right{
width: 340px;
padding: 2px 0;
text-align: center;
}
#infoBoxesContent{
background-image: url(images/infoBoxBack.gif);
background-repeat: repeat-y;
}
#infoBoxesContent .left{
width: 230px;
padding: 10px 20px;
color: #666666;
}
#infoBoxesContent .right{
width: 300px;
padding: 10px 20px;
}
#infoBoxesContent .right a{
display: block;
}
#infoBoxesBottom{
background-image: url(images/infoBoxBottom.gif);
height: 13px;
overflow: hidden;
background-repeat: no-repeat;
}
#longBoxContainer{
}
#longBox{
padding: 18px 0 0 42px;
width: 642px;
}
#longBoxTop{
background-image: url(images/longBoxTop.gif);
height: 13px;
text-align: center;
padding: 2px 0 8px 0;
width: 642px;
}
#longBoxContent{
background-image: url(images/longBoxBack.png);
background-repeat: repeat-y;
width: 642px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#longBoxBottom{
background-image: url(images/longBoxBottom.png);
width: 642px;
height: 16px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#longBoxContent .right{
line-height: 1em;
font-size: 10px;
padding: 7px 32px;
font-weight: bold;
}
.videoHome{
width: 96px;
float: left;
padding: 0 10px 0 15px;
}
.videoHome img{
float: left;
}
.videoHome .videoText{
clear: left;
padding: 10px 0 0 0;
font-size: 11px;
}
.videoHome .videoText a{
font-weight: bold;
text-decoration: none;
}
#longBoxContent .longBoxBack{
background-image: url(images/videoHomeBack.gif);
background-repeat: repeat-x;
width: 606px;
padding: 0px 10px 0px 20px;
margin: 0 auto;
}
/**************************************

Right Col

***************************************/
#rightCol{
float:left;
width: 280px;
padding: 15px 0 0 30px;
position: relative;
left: 91px;
margin-left: -91px;
}
.callout{
width: 280px;
margin-bottom: 20px;
}
.calloutTop{
background-image: url(images/calloutTop.png);
height: 13px;
text-align: center;
padding: 7px 0 7px 0;
width: 280px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
.calloutContent{
background-image: url(images/calloutBack.png);
background-repeat: repeat-y;
width: 280px;
font-size: 24px;
padding: 29px 0;
text-align:center;
font-family: Arial, Helvetica, sans serif;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
.calloutBottom{
background-image: url(images/calloutBottom.png);
width: 280px;
height: 13px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#donate{
background-image:url(images/donate.png);
width: 280px;
height: 90px;
cursor: pointer;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#gethelp{
background-image:url(images/gethelp.png);
width: 280px;
height: 90px;
cursor: pointer;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
.sealCallout{
background-image: url(images/sealCallout.png);
height: 189px;
width: 280px;
overflow: hidden;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
.musicCallout{
background-image: url(images/musicCallout.png);
height: 189px;
width: 280px;
overflow: hidden;
background-repeat: no-repeat;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
.flashMusic{
padding: 19px 0 0 20px;
}
/**************************************

Navigation

***************************************/
#navigation{
margin-top: 18px;
}
#navigation a{
float: left;
display: block;
height: 25px;
overflow: hidden;
background-image: url(images/navsprite.gif);
background-repeat: no-repeat;
}
#secNav{
float: left;
width: 157px;
background-image: url(images/sidebarBack.png);
background-repeat: repeat-x;
min-height: 562px;
height: auto !important;
height: 562px;
background-color: #173f65;
padding: 10px 0px 0 0;
}
#secNav a{
display: block;
height: 25px;
overflow: hidden;
background-image: url(images/navSprite.png);
_background-image: url(images/secnavsprite.gif);
background-repeat: no-repeat;
line-height: 1.3em;
}
#secNav ul, #secNav ul li{
margin: 0;
padding: 0;
list-style: none;
clear: left;
}
#secNav ul li ul li{
line-height: 1em;
float: left;
width: 157px;
}
#secNav ul li ul li a{
padding: 4px 15px 4px 30px;
color: white;
text-decoration: underline;
background: none;
height: auto;
}
#secNav ul li ul li a:hover, #secNav .current{
color: red;
background-color: white;
text-decoration: none;
font-weight: 500;
}
a#home{
width: 73px;
background-position: -2px 0px;
}
a#home:hover, a#home.activeparent{
background-position: -2px -42px;
}
a#about{
width: 95px;
background-position: -74px 0px;
}
a#about:hover, a#about.activeparent{
background-position: -74px -42px;
}
a#programs{
width: 101px;
background-position: -169px 0px;
}
a#programs:hover, a#programs.activeparent{
background-position: -169px -42px;
}
a#meet{
width: 125px;
background-position: -267px 0px;
}
a#meet:hover, a#meet.activeparent{
background-position: -267px -42px;
}
a#media{
width: 127px;
background-position: -390px 0px;
}
a#media:hover, a#media.activeparent{
background-position: -390px -42px;
}
a#help{
width: 92px;
background-position: -518px 0px;
}
a#help:hover, a#help.activeparent{
background-position: -518px -42px;
}
a#store{
width: 72px;
background-position: -715px 0px;
}
a#store:hover, a#store.activeparent{
background-position: -715px -42px;
}
#secNav ul li ul{
display: none;
}
#secNav ul li.active ul{
display: block;
}
/**************************************

Footer

***************************************/
#footer{
clear: both;
text-align: center;
padding: 25px 0;
font-size: 11px;
width: 1025px;
position: relative;
}
#footer ul{
margin: 0;
padding: 0;
}
#footer ul li{
display: inline;
padding: 0px 10px 0 0;

list-style: none;
}
#footer a{
color: black;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
.coal{
position: absolute;
right: 0px;
top: 25px;
}
/**************************************

Secondary Page

***************************************/
#secondary{
text-align: left;
margin-left: 15px;
}
#secondary .contentTop{
float: left;
background-image: url(images/secondaryTop.gif);
background-position: top left;
background-repeat: no-repeat;
width: 934px;
height: 4px;
overflow: hidden;
}
#secondary .contentBody{
float: left;
background-image: url(images/secondaryBack.png);
background-repeat: repeat-y;
width: 928px;
padding: 0 0 0 6px;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#secondary .contentBottom{
float: left;
background-image: url(images/secondaryBottom.png);
background-position: top left;
background-repeat: no-repeat;
width: 934px;
height: 18px;
overflow: hidden;
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}
#secondary #rightCol{
padding: 15px 0 0 10px;
}
#secondary #centerCol{
padding: 15px 0 15px 15px;
float: left;
width: 537px;
}




/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.clrRight{
clear: right;
}
.indentPara{
padding-left: 25px;
}
.picture{
padding-bottom: 10px;
}
.white{
color: white;
}
.picRight{
margin: 0 0 0 4px;
float: right;
}
.picLeft{
float: left;
margin: 10px 15px 0 15px;
}
.pads{
padding: 5px 15px 5px 0;
}
#centerCol form fieldset{
border: none;

}
#corporatePartners{
background-color: white;
}
#corporatePartners ul{
list-style: none;
float: left;
clear: both;
width: 490px;
}
#corporatePartners ul li{
float: left;
padding: 10px;
margin: 0;
}

.error{
color: red;
float:left;
}
/* End of 'main.css' */

