@charset "utf-8";
/* CSS Document */

body{
margin:18px;
background-color:#CCCCCC;
}

.topFrames{
width: 176px;
height:87px;
background-image:url(../images/main_elements/top_frame.jpg);
}

.topFrames div{
width:100%;
height:100%;
margin:0px;
}

#topFramesSize{ /*Had to use ID instead?? */
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
letter-spacing:1px;
height:61px;
width:149px;
color:#484848;

}

#topFramesLogo{
float:right;
}
#topFramesLogo img{
height:auto;
width:100%;
}

#topFramesContent{ /*Had to use ID instead?? */
padding:5px 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
letter-spacing:0px;
color:#484848;
width:145px;
height:40px;

}

.contentFrameCenterWrapper{ /*Content won't center using margin or padding in previous div. Have to create a wrapper for whatever reason */
padding:12px;
height:67px;
}

#moreLink{
position:relative;
margin-top:-13px;
margin-left:110px;
height:10px;
width:30px;
}

#moreLink a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
letter-spacing:0px;
color:#31c4f0;
text-decoration:none;
}

#mainCampusCenterBanner{
height:auto;
width:auto;
}

#mainCampusCenterBanner img{
height:auto;
width:100%;
}
#mainCampusCenterBannerWrapper{
height:auto;
width:auto;
position:relative;
margin-top:-100px;
}

img, div { behavior: url(iepngfix.htc) }

.topFrameAnim{
height:100%;
width:100%;





}
.backgroundColor{
background-color:#FFFFFF;
width:auto;
padding:10px;
border:#666666 thin solid;
min-width:737px;


}