body
{
font-family: Arial, Helvetica, sans-serif;
background: #CCE5F4;
margin:0;
padding:0;

}

.bg {
	background-image: url(../images/BG_main_new.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 84px;
}

.vids {
background: #FFFFFF;
}

img {
border: 0;
}

/* ---------------  MAIN LAYOUT ELEMENTS  --------------- */





/* hides from ie \*/
* html div#dropshadows {
} 
/* hides from ie \*/


#mainWrapper {
width:904px;
background: url(../images/BG_center.gif) no-repeat #ffffff;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}

#homeWrapper {
width:904px;
height: 600px;
background: url(../images/BG_center.gif) no-repeat #ffffff;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
}

#header {
display:block;
margin:0;
padding:0;
background-color: #FFFFFF;
}

#headerInt {
display:block;
margin:0;
padding:0;
background-color: #FFFFFF;
}

#flashcontent, #intPics {
display:block;
margin:0 35px 0 35px ;
padding:0;
}




#contentWrapper {
/*margin-bottom: 6px;*/
}

div#mainContent {
display:block;
margin: 0 96px;
}

div#birdseed {
margin: 8px 0px 8px 10px;
font-size:11px;
color: #999999;
padding-bottom: 6px;
border-bottom: solid 1px #CCCCCC;
}


#footer {
width:904px;
height: 72px;
background: url(../images/BG_footer.gif) no-repeat #ffffff;
/*text-align:left;  
*/margin-left:auto; 
margin-right:auto; 
color: #C4C4C4;
font-size:11px;
}



/* ---------------  STYLING  --------------- */

#header H1, #headerInt H1, #headerVideos H1 {
display:none;
}

#footer a {
color: #999999;
text-decoration:none;
}

#footer a:hover {
color: #95B1D1;
}



/* --------------- birdseed stuff ---------------  */



div#birdseed a {
color: #666666;
text-decoration:none;
}

div#birdseed a:hover {
color: #999999;
}



/* ---------------  mainContent stuff  --------------- */


div#mainContent h1.pageLabel {
display: none;
}

div#mainContent H1 {
margin: 20px 0 6px 0;
font-size:16px;
color: #95B1D1;
font-weight:normal;
}

div#mainContent H2 {
margin: 6px 10px 6px 10px;
font-size: 15px;
color:#19325D;
font-weight:normal;
}

div#mainContent p, div#mainContent li {
font-size: 12px;
line-height: 18px;
color: #999999;
margin: 6px 10px 6px 0;
}

div#mainContent li a {
color: #999999;
text-decoration:none;
}

div#mainContent li a:hover {
color: #95B1D1;
}

div#mainContent p a {
color: #666666;
}

div#mainContent p a:hover {
text-decoration:none;
}

div#mainContent ul {
margin-left: 8px;
padding-left:0;
list-style:none;
}

div#mainContent ul li {
display:block;
width: 150px;
float:left;
height: 80px;

text-indent:0px;
padding-left:16px;
background: url(../images/bullet_arrow_1.gif) no-repeat ;
background-position: 0 .5em;
}

/* ---------------  video profiles stuff  --------------- */

.vidLink {
margin-top: 14px;
padding-left: 22px;

/*position:relative;
left: -16px;*/

background:url(../images/viewVideo_other.gif) no-repeat;
background-position: 0 .2em;
}

.vids #mainContent {
margin: 0 0 0 96px;
}


#vidWrapper {
background: #EBF4FC;
margin: 10px;
height: 626px;
border: #CCCCCC solid 1px;
}

#headerVideos {
padding-bottom: 20px;
}

#headerVideos img#logo {
margin: 36px 0 0 94px;
}

#videoNav {
width: 54px;
height: 18px;
float: right;
margin: 36px 94px 0 0;
}

.vidPodRow {
padding-bottom: 50px;
}

.vidPod {
display:block;
width: 246px;
padding-bottom: 20px;
float:left;
background: url(../images/BG_vidpodbottom.gif) no-repeat;
background-position: left bottom;
}

div#mainContent .vidPod h2 {
margin: 6px 84px 6px 18px;
}

div#mainContent .vidPod p {
margin: 6px 10px 6px 16px;
padding-left: 14px;

background: url(../images/bullet_arrow_1.gif) no-repeat ;
background-position: 0 .6em;
}

div#mainContent .vidPod p a {
text-decoration: none;
}

div#mainContent .vidPod p a:hover {
color: #95B1D1;
}

div#mainContent .vidPod img.videoButton {
margin-left: 9px;
}

.vidPlayer {
width: 589px;
background:url(../images/BG_vidPlayer.gif) no-repeat;
}

#video {
width: 361px;
height: 510px;
float:right;
}

div#mainContent #vidInfo {
padding-top: 10px;
}

div#mainContent #vidInfo h2 {
font-size:24px;
font-weight: normal;
color: #FFFFFF;
margin: 20px 20px 6px 30px;
}

div#mainContent #vidInfo p {
margin: 6px 10px 6px 28px;
padding-left: 14px;
background: url(../images/bullet_arrow_1.gif) no-repeat ;
background-position: 0 .6em;
}

div#mainContent #vidInfo p a {
color:#CCCCCC;
text-decoration: none;
}

div#mainContent #vidInfo p a:hover {
color: #ffffff;
}

div#mainContent #vidInfo .form {
margin: 0 0 0 30px;
padding: 10px;
}

div#mainContent #vidInfo div {
margin: 0 0 10px 6px;
}




/* ---------------  inserted media stuff  --------------- */

div#mainContent div.mediaLeft {
float:left;
width:238px;
margin: 6px 0px 6px 0px;
}

div#mainContent div.mediaLeft a {
padding: 0px 10px;
}

div#mainContent div.mediaLeft h2 {
margin: 6px 0 4px 10px;
font-size:13px;
color:#99CC00;
}

div#mainContent div.mediaLeft p {
margin: 4px 0 4px 10px;
font-size:11px;
color: #333333;
}

div#mainContent div.mediaRight {
float:right;
width:238px;
margin: 6px 0px 6px 0px;
}

div#mainContent div.mediaRight a {
padding: 0px 10px;
}

div#mainContent div.mediaRight h2 {
margin: 6px 0 4px 10px;
font-size:13px;
color:#99CC00;
}

div#mainContent div.mediaRight p {
margin: 4px 0 6px 10px;
font-size:11px;
color: #333333;
}

div#mainContent div.mediaCenter {
width:100%;
display:block;
padding-left:10px;
padding-right:10px;
text-align:center;
}

div#mainContent div.mediaCenterWide {
display:block;
margin-left: 10px;
text-align:left;
}


/* ---------------  inserted tables  --------------- */

div#mainContent table {
font-size:12px;
color:#666;
margin: 40px 10px 6px 6px;
}


/* ---------------  MISCELLANEOUS  --------------- */

#copyright a {
color: #666666;
}

#copyright a:hover{
text-decoration:none;
}




/* --------------- clear those floats --------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */