#navigation, #content,.section{
    padding:0;
    margin:0;
    list-style:none;
}
#content{
    overflow:hidden;
    width:700px;
    background-color:#D9E0BF;
    height:285px;
    float:left;
}
#content a{
    color:#000;
    font-weight:bolder;
}

#ourprograms {
    float:left;
    width:235px;
    height:40px;
    background-color:#7B9A70;
    font-size: 2em;
    line-height: 40px;
    padding-left: 15px;     
    color: #D9E0BF;
    border-right: 1px solid #BABFA7;
}


#navigation{
    padding-top: 5px;
    margin-bottom: -5px;
    float:left;
    width:250px;
    height:245px;
    background-color:#E9EBC6;
    border-right: 1px solid #BABFA7;
}
#navigation .sup{
    margin:9px 20px;
    font-size:1.7em;
}
#navigation ul{
    margin:5px 0;
    list-style:circle;
    padding-left:15px;
}
#navigation a{
    color:#7c4014;
    font-weight:bold;
}               
#navigation .sup li{
    margin: 3px 0 !important;
    margin:-4px 0;
    font-size:10px;
}
#navigation a.scrolling{
    color:#933;
}
.section{
    width:1900px;
    position:relative;
}

.section .sub{
    position:relative;
    float:left;
    width:700px;
    height:300px;
}
.section .sub p{
    width:550px;
    margin:16px 0;
    font-size:85%;
    line-height:1.4em;
}





.section .next, .section .prev{
    font-size:18px;
    position:absolute;
    bottom:15px;
    letter-spacing:-2px;
}
.section .next{
    right:30px;
}
.section .prev{
    left:30px;
}

.message{
    background:#EEE;
    border:1px solid #999;
    color:#333;
    font-size:12px;
    padding:1px;
    position:absolute;
    left:11px;
}

.section h2 {
    position: relative;
    top: 30px;
    left: 20px;
    color: #ddd;
    font-size: 3em;
}

li.sub {
    height: 300px;
    overflow:hidden;
}

#electronicmedia {
    background: url(/images/home/broadcast.jpg) no-repeat;
}
#motionpicture {
    background: url(/images/home/motionpictures2.jpg) no-repeat;
}
#advertising {
    background: url(/images/home/adversting.jpg) no-repeat;
}
#publicrelations {
    background: url(/images/home/publicrelations.jpg) no-repeat;
}
#journalism {
    background: url(/images/home/printjournalism2.jpg) no-repeat;
}
#communicationstudies {
    background: url(/images/home/commstudies.jpg) no-repeat;
}
#visualjournalism {
    background: url(/images/home/visualjournalism2.jpg) no-repeat;
}
#homeimg {
    background: url(/images/home/SoC-at-dusk1.jpg) no-repeat;
}


.nav-thumb {
    padding-left: 5px;
    padding-top: 5px;
}

.sub .bg {
    border: 1px solid #999;
}

.sub .bg {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;

}

.sub .bg {
    padding: 5px;
    position: relative;
    background-color: #fff;
}

.sub div.caption {
    padding: 5px;
    color: #000;
    font-weight: normal;
    font-size: 9pt;
    line-height: 16px;
    position: relative;
}

/* title */
.section #advertising h2 {
    top: 180px;
}

/* caption */
#advertising div.bg , #advertising div.caption {
    top: 195px;
    left: 20px;
    width: 320px;
    height: 65px;
}

#advertising div.caption {
    top: 120px;
    left: 25px;
}

/* title */
.section #communicationstudies h2 {
    top: 20px;
}

/* caption */
#communicationstudies div.bg , #communicationstudies div.caption {
    top: 205px;
    left: 20px;
    width: 360px;
    height: 55px;
}

#communicationstudies div.caption {
    top: 142px;
    left: 25px;
}

/* title */
.section #electronicmedia h2 {
    top: 60px;
}

/* caption */
#electronicmedia div.bg , #electronicmedia div.caption {
    top: 190px;
    left: 20px;
    width: 300px;
    height: 65px;
}

#electronicmedia div.caption {
    top: 115px;
    left: 25px;
}


/* title */
.section #journalism h2 {
    top: 60px;
}

/* caption */
#journalism div.bg , #journalism div.caption {
    top: 215px;
    left: 20px;
    width: 600px;
    height: 50px;
}

#journalism div.caption {
    top: 155px;
    left: 25px;
}



/* title */
.section #motionpicture h2 {
    top: 20px;
    left: 480px;
    color: #000;
}

/* caption */
#motionpicture div.bg , #motionpicture div.caption {
    top: 215px;
    left: 20px;
    width: 300px;
    height: 50px;
}

#motionpicture div.caption {
    top: 155px;
    left: 25px;
}




/* title */
.section #publicrelations h2 {
    top: 260px;
    left: 440px;
}

/* caption */
#publicrelations div.bg , #publicrelations div.caption {
    top: 200px;
    left: 20px;
    width: 280px;
    height: 60px;
}

#publicrelations div.caption {
    top: 128px;
    left: 25px;
}





/* title */
.section #visualjournalism h2 {
    top: 270px;
    left: 272px;
}

/* caption */
#visualjournalism div.bg , #visualjournalism div.caption {
    top: 205px;
    left: 17px;
    width: 235px;
    height: 60px;
}

#visualjournalism div.caption {
    top: 132px;
    left: 20px;
}






.tab_container {
    width: 690px;
    padding-bottom: 20px;
    margin: 10px;
    min-height: 340px;

}

.tab-buttons-panel {
    width: 100%;
    float: left;
}



.tab-buttons-panel ul {
    margin: 0;
    padding: 0px;
    list-style: none;    
}


/* tabs */
.tab-buttons-panel li {
    float:left;    
    margin:0;
    padding:5px;
    cursor: pointer;
    border-style: solid;
    background-color:#D7B369;
    font-size: 1.3em;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom: 1px solid #AF9357; 
    margin-top: 2px;
    height: 14px;
    margin-right: 1px;
    margin-left: 1px;
}



.tab-buttons-panel span {
    display: block;
    padding: 0px 15px 4px;
}


/* selected tab */
.tab-buttons-panel li.tab-show {
    border-width: 0px 0px 0px 0px;
    background-color: #FCFFCF;
    margin-top: -2px;
    height: 19px;
    line-height: 19px;
    color: #CE7B14;
    font-weight: bold;
    font-size: 1.4em;
    border-right: 1px solid #C6CFA8;
}



.tab-buttons-panel li.tab-show span {
    padding:5px 15px 5px;
}


.tab-content {
    top: 27px;
    position: relative;
    border-width: 0px 1px 1px 0px;
    border-color: #BABFA7;
    border-style: none solid solid solid;
    background-color: #FCFFCF;
    display: none;
    padding-bottom: 0px;
	
    padding-left: 10px;
    padding-right: 10px;

}


.ext-border-box .tab-content {
    top: 0px;    
}



.tab-content-show {
    display: block;
}


.tab-content-panel li {
    list-style-type: circle;
    list-style-position: inside;
}

li.a-slideshow-item {
    list-style-type: none;
}

ul.news li , ul.events li {
    list-style-type: none;

}

ul.events li {
    font-weight: bold;
    font-size: 1.2em;
}

ul.news li h3 , h3.a-blog-item-title {
    font-weight: bold;
    font-size: 1.2em;

}
ul.news li p , .a-blog-item-excerpt-container {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 15px;
}
ul.news li img {
    width: 100px;
    border: 1px solid;
    margin-right: 10px;
}

ul.news li a {
}

.morenews {
    font-size: 1.5em;
    background-color: #DECF98;
    height: 30px;
    line-height: 1.9em;
    padding-left: 15px;
    margin-left: -10px;
    margin-right: -10px;
}

.tab-content-panel {
    min-height: 200px;
}

.eventdate {
    background-color: #D77127;
    color: white;
    padding: 2px;
    margin-right: 5px;
    text-align: center;
}

.banners {
    float:right;
    margin-right: 10px;
    width: 245px;
    text-align: center;
    padding-top: 10px;
}

.banners li {
    margin-bottom: 10px;
}


.sitemap ul li {
    list-style-type:circle;
    font-size: 14px;
    line-height: 18px;
    margin-left: 25px;
    margin-bottom: 6px; 
}


.newsticker-wrapper {
    border-top: 5px solid #D7B369;
    width: 940px;
    overflow: hidden;
    padding-left: 10px;
    background-color: black;

    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
}

.newsticker-wrapper a {
    color: #fff;
}

.newsticker-title {
    font-weight: bold;
    float: left;
}

.newsticker {
    padding-left: 10px;
}


.noleftmargin {
    margin-left: -15px;
}

.readmore , .a-blog-read-more {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.tab-content-panel .a-area-body {
    width:100%;
}

.a-blog-item-meta {
    display: none;
}

.a-blog-item-excerpt-container {
  clear: none;
  float: none;
}

.a-blog-item-excerpt {
  /*width: 660px;*/
  width: 100%;
  font-size: 11px;
}