@charset "utf-8";


/***** Structure *****/

#header {width:100%; margin:0; height:85px; background: url(../images/bg-header.png) 0 0 repeat-x; margin-bottom:0.8em;}

.box2 li{margin-bottom:0.5em;}
.box3 {padding:1.5em;margin-bottom:0.8em;}
.box3 ul {list-style-image: url(../images/bullet.gif); padding-left:1.2em;}
.box3 li { line-height:2em; margin-left:0; line-height:1.2em; margin-bottom:1em;}
.box3 a { font-size: 1em; }
.box3 a:hover { color:#fff;}
.box4 {padding:0; margin-top:10px; float:left; margin-bottom:10px;}
.box4b {padding:0; margin-top:10px; float:left;}
.box5 {padding:1.2em; border:1px #414869 dashed; float:left; width:280px;}
.box6 {padding:2.2em 1.5em 1.5em 1.5em;}
.box7 {padding:1.5em; border:1px #ccc solid; clear:both; margin-top:20px; }
.box7 p, .box7b p {padding-bottom:2px;}
.box7b {padding:1.5em; border:1px #9ea6c6 solid; }
.box8 {padding:1.5em; background:#f1f1f1; height:220px;}
.box8 p{font-size: 1.1em; line-height:1.4em;}
.box8f {padding:0 0 15px 15px; margin-bottom:0.8em; background: url("../images/page-bottom.gif"); height:40px;}
.box9 {padding:1.5em; text-align:right;}
.box10 {padding:1.5em;margin-bottom:0.8em; background-color:#FFF; border:1px #6670a5 dashed; }
.box10b {padding:0; text-align:right; font-size:0.9em; margin:0 auto; border-bottom:1px #ccc solid; width:92%; margin-bottom:40px;}
.box11a {float:left;}
.box11b {float:right; padding:5px 10px 0 0;}
.box12 {width:410px; float:left;}

.footer2a {float:left; width:50%; color:#fff; font-size:1.2em;}
.footer2a a{color:#fff;}

.box-head {padding:1em 1.5em 1em 1.5em; background: url(../images/tab1.gif);}
.box-head1 {padding:0px 1.5em 0px 1.5em; background: url(../images/tab.gif); height:45px;}
.box-head2 {padding:1em 1.5em 1em 1.5em; background: url(../images/tab-test.gif);}

.back1 { background-image:url(../images/back1.gif);}

.title-content {padding-bottom:10px; margin-bottom:25px; float:left; width:100%; border-bottom:1px #ccc solid;}


/***** Logo *****/

#header h1 {display:block; margin:0; text-indent:-2500px; float:left; padding:0px;}
#header h1 a {width:350px; height:50px; display:block; background:url(../images/marshall-acm-logo.png) no-repeat; }
#header h2 {clear:both; font-size:1.1em; font-weight:bold; padding:5px 0 0 5px;}


/* Detail */

.link a {background-image:url(../images/arrow1.gif);background-repeat:no-repeat; background-position: 0px 4px; padding-left:0.8em; color:#6670a5; font-size:1em; font-weight:bold;}
.link a:hover {background-image:url(../images/arrow1b.gif);}

.link2 { float: left; width: 600px; padding-left:10px;}
.box10 { float: left; width:636px; display:none; }
.link2 a {background-image:url(../images/arrow2.gif);background-repeat:no-repeat; background-position: 0px 5px; padding-left:20px; color:#6670a5; font-size:1em; font-weight:bold; float:left;}
.link2 a.active {background-image:url(../images/arrow2b.gif);}

.link2b a {background-image:url(../images/open.gif);background-repeat:no-repeat; background-position: 0px 3px; padding-left:1.4em; color:#fff; font-size:1.4em; font-weight:bold; height:20px;}
.link2b a.active {background-image:url(../images/close.gif);}

.link3 a {background-image:url(../images/arrow-back.gif);background-repeat:no-repeat; background-position: 0px 3px; padding-left:1em; color:#6670a5; font-size:1em; font-weight:bold;}

.border1 {border:1px #ccc solid;}
.grey {background-color: #f1f1f1;}
.grey2 {background-color: #333;}
.purple1 {background-color: #5c648b;}
.purple2 {background-color: #b4bbd9;}
.divide1 {background-image:url(../images/course-line-back.gif);}
.grey2 {background-color: #333;}
.blue1 {background-color: #0b75b2;}
.white {background-color: #fff;}

.img1 { float:left; padding-right:10px;}
.img2 { float:left; padding-right:20px; padding-bottom:30px; clear:both;}

.line1 {border-bottom:1px #6e7284 solid;}
.line2 {border-bottom:3px #333 dashed; padding:10px;}

.pt5 img { padding-top:5px;}
.pt10 { padding-top:10px;}
.pb10 { padding-bottom:10px;}
.ptb10 { padding-top:10px; padding-bottom:10px;}
.pt20 { padding-top:20px;}
.pb20 { padding-bottom:20px;}
.ptb20 { padding-top:20px;padding-bottom:20px;}
.pb40 { padding-bottom:40px;}
.ptb40 { padding-top:40px;padding-bottom:40px;}

.pr10 {padding-right:10px;}

.list2 ul {font-size:1.1em;}


/* Promo Boxes */

.promo-block  {width:230px; float:left; margin-bottom:20px;}
.promo-block-end  {width:230px; float:left;}
.promo-header {width:230px; float:left; height:50px; background-image:url("../images/prom-top.gif");}
.promo-body   {width:210px; float:left; background-image:url("../images/prom-mid.gif"); padding: 0px 10px 0px 10px;}
.promo-footer {width:230px; float:left; height:6px; background-image:url("../images/prom-end.gif");}
.promo-title a { padding:10px 0 0 10px; font-size:18px; font-weight:bold; width:220px; display:block;}
.tab-title a { padding:12px 0 0 0px; font-size:16px; font-weight:bold; width:320px; display:block;}


/* Buttons */

.btn a{ width:135px; float:left; height:21px; background-image:url("../images/btn-135a.gif"); text-align:center;  font-size:12px; line-hieght:8px; border-bottom:none; text-decoration:none; line-height:22px; color:#6670a5; font-weight:bold;}
.btn a:hover, visited{ background-image:url("../images/btn-135b.gif"); color:#333;}


/* Text */

.title1 {font-size:140%;line-height:125%;font-weight:bold; color:#fff; padding:0px;}
.title1 a{color:#fff;}
.title1 a:hover{color:#959acb;}
.title2 {font-size:200%;line-height:125%;font-weight:bold; color:#333;}
.title3 {font-size:200%;line-height:125%;font-weight:bold; color:#fff; padding:0px;}
.title4 {font-size:140%;line-height:125%;font-weight:bold; color:#535d92;}
.title5 {font-size:140%;line-height:125%;font-weight:bold; color:#333; padding:0px;}
.title5 a{color:#333;}
.title5 a:hover{color:#535d92;}
.title6 a{font-size:120%;line-height:120%;font-weight:bold; padding:0px; color:#535d92;}
.title6b {font-size:120%;line-height:120%;font-weight:bold; padding:0px; color:#999;}


.text1 {color:#333; }
.text2 {color:#666; font-size:12px;}
.text3 {color:#333; font-size:12px;}
.text4 {color:#fff; font-size:12px;}
.text4b {color:#fff; font-size:12px; padding-bottom:5px; font-weight:bold;}

h2 {font-size:1.6em;line-height:1.4;margin-bottom:0; font-weight:bold; color:#333;}
h3 {font-size:1.5em;line-height:1.4;margin-bottom:0.8em; color:#1a1a1a;}
h4 {font-size:1.5em;line-height:1.4;margin-bottom:0.8em; color:#1a1a1a;}
h5 {font-size:1.2em;line-height:1.4;margin-bottom:0.8em; color:#1a1a1a;}


/* Menu */

.menu { width:100%; background-color: #333; font-family:Georgia,"Times New Roman",Times,serif; font-size:125%;}
.menu ul{ margin: 0; padding: 0; float: left;}
.menu ul li{display: inline;}
.menu ul li a{float: left; text-decoration: none; color: white; padding: 12px 38px; background-color: #333;}
.menu ul li a:visited{color: white;}
.menu ul li a:hover, .menu ul li .current{color: #fff; background-color:#0b75b2; text-decoration:underline;}


/* Side Menu */

#box-menu {padding:0; background:#f1f1f1;}

#box-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#box-menu li {
float:left;
width:100%;
height:40px;
background:#dde0f2;
margin-bottom:3px;
}

#box-menu a {
color:#6670a4;
font-weight: bold;
padding-left:12px;
line-height:40px;
display: block;
height:40px;
font-size:13px;
background-image: url(../images/menu1.gif);
background-repeat: no-repeat;
}

#box-menu li a:hover {
color:#fff;
background:#333;
height:40px;
background-image: url(../images/menu2.gif);
background-repeat: no-repeat;	
}


/***** Navbar *****/


#header-text {float:left; width:500px;}


#navbar {
width:400px;
height:30px;
float:right;
color:#ddd;
font-size:12px;
font-weight:bold;
padding:0 5px 0 0;
margin-top: 55px;
}

#navbar ul {
clear:both;
float:right;
margin:0;
padding:0;
list-style:none;
}

#navbar ul li {
margin:0;
padding:0;
display:inline;
}

#navbar ul li a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
float:left;
color:#555;
width:75px;
height:30px;
margin:0 0 0 5px;
padding:7px 0 0 0;
text-align:center;
font-weight:bold;
text-decoration:none;
background:url(../images/tab1-inactive.png) no-repeat;
}

#navbar ul li a:hover,
#navbar ul li a.active,
#navbar ul li a.active:hover {
color:#6670a4;
background:url(../images/tab1-active.png) no-repeat;
}


#navbar a:hover {
color:#000;
text-decoration:underline;
}


.video-nav {background: url('../images/video2.png') no-repeat left top; height:53px; text-align:left; padding-left:25px; width:100%; width:205px;}

.video-nav a{color:#FFF; background: url('../images/btn-prv.gif') no-repeat left top;  }



/* PHOTO VIEWER STYLES */

.photo-viewer {
    float: left;
    width: 710px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
    .photo-viewer .photo-container {
        width: 710px;
        height: 200px;
        overflow: hidden !important;
        position: relative;
        z-index: 0;
    }
        .photo-viewer .photo-container ul {
            width: 999999px;
            margin-left: 0px;
            list-style-type: none;
            position: relative;
            padding-left: 0px !important;
            z-index: 1 !important;
        }
            .photo-viewer .photo-container ul li {
                float: left;
                width: 710px;
                position: relative;
            }
                .photo-viewer .photo-container ul li img {
                    float: left;
                    width: 710px;
                    height: 200px;
                }
                .photo-viewer .photo-container ul li div {
                    background-color: #3D1145;
                    color: #fff;
                    text-align: right;
                    float: left;
                    height: 100px;
                    width: 710px;
                    padding-right: 10px;
                    font-size: 12px;
                    line-height: 16px;
                }
    
    .photo-viewer .controls {
        float: left;
        width: 710px;
        height: 30px;
        background:url(../images/bar1.png) no-repeat;
        position:absolute;
		z-index:1000;
		bottom:0px;
    }
        .photo-viewer .controls p {
            float: left;
            width: 30px;
            text-align: center;
        }
            .photo-viewer .controls p.prev, .photo-viewer .controls p.next {
                padding-top: 10px;
            }
            .photo-viewer .controls p.dots {
                width: 650px;
                padding-top: 8px;
            }
                .photo-viewer .controls p.dots a {
                    background-color: #A6A0A0;
                    padding:1px 4px;
                    font-size: 8px;
					color: #A6A0A0;
                    margin-right: 5px;
                }
                .photo-viewer .controls p.dots a.active {
                    background-color: #6670a5;
					color: #6670a5;
                }