@charset "ISO-8859-1";
/* CSS Document */
html,
body
{
background-repeat:no-repeat;
background-position:center top;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

p {   padding-bottom: 1em; }

div#wrapper {
    width: 940px;
    margin: auto;   
}

div#wrapperfull {
    min-width: 940px;
}

div#content {
width:940px;
}

div#contentfull {
min-width:940px;
}

div#orangebar {
width: auto;
height:32px;
background-color:#edb21f;
}

div.horizontal {
width:900px;
height:12px;  
background-image:url(../images/horizontal.jpg);
background-repeat:no-repeat;
}

div#navbox {
width:938px;
height:100px;   
}

div#navboxfull {
width:940px;
margin: auto;   
}

/* skip to content link style begins*/
#skiptocontent a {
    padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#994708;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}
/* skip to content link style ends */
div#skipnav{
float:left;
font-size:8px;
width:60px;
height:32px;
}
div#skipnav a:link {
    color:#edb21f;
}
div#skipnav a:visited {
    color:#edb21f;
}
div#skipnav a:hover {
    color:#edb21f;
}
div#skipnav a:active {
    color:#edb21f;
}

div#logo {
width:180px;
height:100px;
float:left;
}

#toTop {
    width:100px;
    z-index: 10;
    background:#eeb111;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:0px;
    right:0px;
    cursor:pointer;
    display:none;
    color:#282828;
    font-size: 0.7em;
    font-weight:bold;
    }

.container {
    width: 940px;
    margin: 0px auto;
    }

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #999;
    width: 100%;
}
#rust{
color:#994708;  
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #e5e5e5;
    overflow: hidden;
    position: relative; 
}
ul.tabs li a {
    color:#994708;
    text-decoration: none;
    font-weight:bold;
    display: block;
    font-size: 11px;
    padding: 0 18px;
    border: 1px solid #fff;
    outline: none;

}
ul.tabs li a:hover {
    background: #ccc;
}   
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-top:2px solid #994708;
    border-bottom: 0px solid #994708;
}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 0px 20px 20px;
    font-size:12px;
    line-height:20px;
}

div#nav{
float:right;
width:756px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
padding-top:21px;
color:#843109;
text-align:right;
z-index:4;
position:relative;
}

div#nav a:link {
    color:#843109;
    text-decoration:none;
}
div#nav1 a:visited {
    color:#843109;
    text-decoration:none;
}
div#nav a:hover {
    color:#843109;
}

div#nav a:active {
    color:#843109;
    text-decoration:none;
}

div#announcement{
    margin-top: 10px;
    width: 926px;
    float: left;
    font-size: 12px;
    line-height: 18px;
    background-color: #fff;
    padding: 6px;
    text-align: center;
    border: 1px solid #999;

}
div#announcement H1{
font-size:22px;
margin-bottom:16px;
color:#C00;
font-family:"Times New Roman", Times, serif;
}

div#announcement H2{
font-size:18px;
margin-bottom:12px;
font-family:"Times New Roman", Times, serif;
}

div#announcement H3{
font-size:16px;
margin-bottom:12px;
font-family:"Times New Roman", Times, serif;
}

div#featurecontent1{
margin-top:10px;
width: 940px;
height:300px;
float:left; 
font-size:11px;
line-height:16px;
}

div#featurecontent1 a:link {
    color:#000;
    text-decoration:none;
}
div#featurecontent1 a:visited {
    color:#000;
    text-decoration:none;
}
div#featurecontent1 a:hover {
    color:#666;
    text-decoration:none;
}
div#featurecontent1 a:active {
    color:#000;
    text-decoration:none;
}
div#feature{
float:left;
width:700px;
height:300px;
}

div#featurecontent2{
margin-top:20px;
width: 940px;
float:left;
}

div#featurecontent2 a:link {
    color:#000;
    text-decoration:none;
}
div#featurecontent2 a:visited {
    color:#000;
    text-decoration:none;
}
div#featurecontent2 a:hover {
    color:#666;
    text-decoration:none;
}
div#featurecontent2 a:active {
    color:#000;
    text-decoration:none;
}

div#btm_announcement{
    width: 684px;
    float: left;
    font-size: 12px;
    line-height: 18px;
    background-color: #ffeec6;
    padding: 6px;
    text-align: left;
    border: 1px solid #999;

}
div#btm_announcement H1{
font-size:20px;
color:#000;
font-family:"Times New Roman", Times, serif;
line-height:28px;
}

div#btm_announcement H2{
font-size:18px;
color:#000;
font-family:"Times New Roman", Times, serif;
}

div#btm_announcement H3{
font-size:16px;
font-family:"Times New Roman", Times, serif;
}

div#btm_announcement a:link {
    color:#000;
    text-decoration:underline;
}
div#btm_announcement a:visited {
    color:#000;
    text-decoration:underline;
}
div#btm_announcement a:hover {
    color:#005288;
    text-decoration:none;
}
div#btm_announcement a:active {
    color:#000;
    text-decoration:underline;
}


div#head{
    font-size:20px;
    font-weight:bold;
    color:#994708;
    margin-left:10px;
    }

div#topnav{
font-size:12px;
float:left;
margin-left:20px;
height:24px;
padding-top:10px;
z-index:2;
}

div#topnav a:link {
    color:#000;
    text-decoration:none;
}
div#topnav a:visited {
    color:#000;
    text-decoration:none;
}
div#topnav a:hover {
    color:#000;
    text-decoration:underline;
}
div#topnav a:active {
    color:#000;
    text-decoration:none;
}   

#searchwrapper {
width:220px;
height:22px;
float:right;
padding-top:4px;
}

.searchbox {
    background-color:transparent; /*important*/
    width:193px;
    height:20px;
    border: 1px solid #666;
    font-size:12px;
    color:#666;
}
 
.searchbox_submit {
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    width:24px;
    height:20px;
    background-image: url(../images/submit.gif);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    background-repeat: no-repeat;
    background-position: center center;
}

div#breadcrumbs {
font-size:10px;
width:900px;
margin-bottom:10px; 
}

div#breadcrumbs a:link {
    color:#666;
    text-decoration:none;
}
div#breadcrumbs a:visited {
    color:#666;
    text-decoration:none;
}
div#breadcrumbs a:hover {
    color:#ccc;
}

div#breadcrumbs a:active {
    color:#666;
    text-decoration:none;
}


div#maincontent{
width:900px;
padding: 0px 20px 20px; 
float:left; 
background-color:#fff;
-moz-box-shadow:3px 3px 8px #ccc;
-webkit-box-shadow:3px 3px 5px #ccc;
box-shadow:3px 3px 5px #ccc;
zoom:1; 
border-top: 1px solid #fff;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0')"; /* IE 8 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0'); /* IE 5-7 */
   
}

div#maincontenthead H1 {
font-family:"Times New Roman", Times, serif;
font-size:26px;
color: #994708;
padding-bottom:10px;
padding:20px 0px 10px;
}


div#maincontent_tabpage{
width:900px;
float:left; 
}

div#maincontenthead_tabpage H1 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
color: #994708;
padding:0px 0px 10px;
}

div#maincontenthead {
height:70px;
width:900px;
background-image:url(../images/landscape.jpg);
background-repeat:no-repeat;
background-position:right;
}



div#maincontent_tabpage a:link {
    color:#000;
    text-decoration:none;
}
div#maincontent_tabpage a:visited {
    color:#000;
    text-decoration:none;
}
div#maincontent_tabpage a:hover {
    color:#666;
    text-decoration:none;
}
div#maincontent_tabpage a:active {
    color:#000;
    text-decoration:none;
}


div#maincontent a:link {
    color:#000;
    text-decoration:underline;
}
div#maincontent a:visited {
    color:#000;
    text-decoration:underline;
}
div#maincontent a:hover {
    color:#005288;
    text-decoration:none;
}
div#maincontent a:active {
    color:#000;
    text-decoration:underline;
}

div#Lboxes{
float:left;
padding-right:6px;
width:164px;
font-size:11px;
line-height:18px;   
}

#Lboxes ul {
    padding: 0;
    position: relative; /* IE 6 bug fix */
    list-style-type: none;
    line-height:24px;
    }
#Lboxes ul.tight {
    padding: 0.6em 0 0 2.5em;}
#Lboxes ul li {
    padding: 0.1em 0 0.1em 1.2em;
    background: transparent url(../images/griffith.jpg) 0 0.7em no-repeat;
    font-size:11px;
    line-height:18px;
}
    
div#Lboxes a:link {
    color:#994708;
    text-decoration:none;
}
div#Lboxes a:visited {
    color:#994708;
    text-decoration:none;
}
div#Lboxes a:hover {
    color:#000;
    text-decoration:underline;
}
div#Lboxes a:active {
    color:#994708;
    font-weight:bold;
    text-decoration:none;
}

/* sub nav styles */
#sub_nav
{
    list-style: none;
    margin: 0px;
    padding: 0 10px 0;
}

#sub_nav li
{
    width: 170px;
    float: left;
    background: transparent url(../images2011/griffith.jpg) 0 0.9em no-repeat;
    padding: 0em 0 0.1em 1.2em;

}
#sub_nav li a
{
    display: block;
    color: #994708;
    font-size: 100%;
    padding: 0px 0px;
    text-decoration: none;
    float: left;
    width: 136px;
}
#sub_nav li a:hover, #sub_nav li.selected a
{
    color: #000000;
    text-decoration: underline;
}

#sub_nav_chld
{
    list-style: none;
    margin: 7px;
    padding: 0em 0 0.1em 1.2em;
    color:#000;
}

#sub_nav_chld li
{
    width: 130px;
    color:#000;
    /*float: left; */
}
#sub_nav_chld li a
{
    display: block;
    color: #000000;
    font-size: 100%;
    padding: 0px 0px;
    text-decoration: none;
    float: left;
    width: 130px;
}
#sub_nav_chld li a:hover, #sub_nav li.selected a
{
    color: #000000;
    text-decoration: underline;
}

div#Lboxhead {
font-weight:bold;
font-size:12px; 
width:164px;
margin-top:12px;
float:left;
color:#994708;
text-shadow: 1px 1px 1px #ccc;
}

div#landingcontent{
width:710px;
font-size:12px;
line-height:20px;
float:left;
margin-bottom:20px;
padding-left:20px;
background-image:url(../images/vert_line471px.jpg);
background-repeat: no-repeat;
min-height:471px;
height: auto !important;
height: 471px;
}


div#landingcontent ul {
line-height:20px;
font-size:12px;
}

div#landingcontent ol {
line-height:20px;
font-size:12px;
}

div#landingcontent H1{
font-size:22px;
color:#333;
font-family:"Times New Roman", Times, serif;
padding-bottom:12px;
}

div#landingcontent H2 {
font-size:18px; 
font-family:"Times New Roman", Times, serif;
color:#333;
padding-bottom:8px;
}

div#landingcontent H3 {
font-size:16px; 
font-family:"Times New Roman", Times, serif;
color:#333;
}

div#landingcontent a:link {
    color:#000;
    text-decoration:underline;
}
div#landingcontent a:visited {
    color:#000;
    text-decoration:underline;
}
div#landingcontent a:hover {
    color:#005288;
    text-decoration:none;
}
div#landingcontent a:active {
    color:#000;
    text-decoration:underline;
}

div#one_column_content{
width:880px;
font-size:12px;
line-height:20px;
float:left;
margin-bottom:20px;
padding-left:20px;
background-image:url(../images/vert_line471px.jpg);
background-repeat: no-repeat;
min-height:471px;
height: auto !important;
height: 471px;
}

div#one_column_content H1{
font-size:16px;
color:#994708;
margin:0px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
padding-bottom:6px;
}

div#one_column_content H2 {
font-size:14px; 
margin:0px; 
font-weight:bold;
line-height:26px;
font-family:"Times New Roman", Times, serif;
}

div#one_column_content H3 {
font-size:13px; 
font-weight:bold;   
margin:0px;
font-family:"Times New Roman", Times, serif;
}

div#one_column_content a:link {
    color:#000;
    text-decoration:underline;
}
div#one_column_content a:visited {
    color:#000;
    text-decoration:underline;
}
div#one_column_content a:hover {
    color:#005288;
    text-decoration:none;
}
div#one_column_content a:active {
    color:#000;
    text-decoration:underline;
}


div#landingcontent_3col {
    float: left;
    font-size: 12px;
    height: auto !important;
    line-height: 20px;
    margin-bottom: 20px;
    min-height: 471px;
    padding-left: 10px;
    width: 900px;
}

div#landingcontent_3col H1{
font-size:16px;
color:#994708;
margin:0px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
padding-bottom:6px;
}

div#landingcontent_3col H2 {
font-size:14px; 
margin:0px; 
font-weight:bold;
line-height:26px;
font-family:"Times New Roman", Times, serif;
}

div#landingcontent_3col H3 {
font-size:13px; 
font-weight:bold;   
margin:0px;
font-family:"Times New Roman", Times, serif;
}

div.landingcolumn{
float:left;
width:277px;
margin-left:14px;
margin-top:10px;
}

div.atoz{
width:880px;
float:left;
}
div.atozhead {
float:left;
width:880px;
margin-top:12px;
background-image:url(../images/horizontal_880px.jpg);
background-repeat:no-repeat;    
}

div.atozhead H2 {
margin:0px; 
}

div.programshead {
float:left;
width:700px;
margin-top:12px;
background-image:url(../images/horizontalrule_700px.jpg);
background-repeat:no-repeat;    
}

div.programshead H2 {
margin:0px; 
}

div.smudgehead {
background-image:url(../images/smudge_head.jpg);
background-repeat:no-repeat;    
height:19px;
width:210px;
text-transform:uppercase;
font-size:14px;
margin:0px; 
font-weight:bold;
font-family:"Times New Roman", Times, serif;
padding-bottom:8px;
}


div#centercontent{
width:470px;
font-size:12px;
line-height:20px;
margin-left:10px;
padding-left:10px;
float:left;
margin-right:10px;
margin-bottom:20px;
min-height:471px;
height: auto !important;
height: 471px;
background-image:url(../images/vert_line471px.jpg);
background-repeat: no-repeat;
}

div#centercontent ul {
line-height:20px;
font-size:12px;
}

div#centercontent ol {
line-height:20px;
font-size:12px;
}

div#centercontent H1{
font-size:22px;
color:#333;
font-family:"Times New Roman", Times, serif;
padding-bottom:12px;
}

div#centercontent H2 {
font-size:18px; 
color:#333;
font-family:"Times New Roman", Times, serif;
padding-bottom:8px;
}

div#centercontent H3 {
font-size:16px; 
font-family:"Times New Roman", Times, serif;
color:#333;
}

div#centercontent a:link {
    color:#000;
    text-decoration:underline;
}
div#centercontent a:visited {
    color:#000;
    text-decoration:underline;
}
div#centercontent a:hover {
    color:#005288;
    text-decoration:none;
}
div#centercontent a:active {
    color:#000;
    text-decoration:underline;
}

div#centercontent_insidepg{
width:710px;
font-size:12px;
line-height:20px;
padding: 0px 10px 10px; 
float:left;
margin-bottom:20px;
min-height:471px;
height: auto !important;
height: 471px;
background-color:#fff;
background-image:url(../images/vert_line471px.jpg);
background-repeat: no-repeat;
}

div#centercontent_insidepg H1{
font-size:16px;
color:#994708;
margin:0px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

div#centercontent_insidepg H2 {
font-size:14px; 
margin:0px; 
font-weight:bold;
line-height:26px;
font-family:"Times New Roman", Times, serif;
}

div#centercontent_insidepg H3 {
font-size:13px; 
font-weight:bold;   
margin:0px;
font-family:"Times New Roman", Times, serif;
}


div#Rboxes{
float:right;
width:220px;    
    }

div#Rboxhead{
text-transform:uppercase;
font-weight:bold;
font-size:12px; 
height:20px;
background-image:url(../images/smudge.png);
background-repeat:no-repeat;    
margin-top:10px;
padding-left:10px;  
padding-top:3px;
padding-bottom:4px;
}


div#Rboxtop{
width:219px;
float:right;
background-color:#fff;
-moz-box-shadow:3px 3px 8px #ccc;
-webkit-box-shadow:3px 3px 8px #666666;
zoom:1; 
box-shadow:3px 3px 8px #666666;
border: 1px solid #D2D2D2;
}

div#Rboxbtm{
margin-top:20px;
margin-bottom:20px;
width:219px;
float:right;
background-color:#fff;
-moz-box-shadow:3px 3px 8px #ccc;
-webkit-box-shadow:3px 3px 8px #666666;
zoom:1; 
box-shadow:3px 3px 8px #666666;
border: 1px solid #D2D2D2;
   }

div.Rboxcontent{
padding-left:10px;
padding-right:10px;
margin-bottom:10px;
font-size:12px;
line-height:18px;   
}

div#Rboxes a:link {
    color:#000000;
    text-decoration:underline;
}
div#Rboxes a:visited {
    color:#000000;
    text-decoration:underline;
}
div#Rboxes a:hover {
    color:#005288;
    text-decoration:none;
}
div#Rboxes a:active {
    color:#000;
    text-decoration:none;
}
div#quicklinkhead{
text-transform:uppercase;
font-weight:bold;
font-size: 12px; 
height:21px;
background-image:url(../images/smudge.png);
background-repeat:no-repeat;    
margin-top:9px;
padding-left:20px;  
padding-top:2px;}

div#quicklinkbox{
width:217px;
height:300px;
float:right;
background-image:url(../images/quicklink_bg.jpg);
background-repeat:no-repeat;    
-moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}

div#slideshow{
width:700px;
height:170px;
float:left; 
}

div#happeningbox{
width:217px;
height:170px;
background-image:url(../images/happeningbox_bg.jpg);
background-repeat:no-repeat;
float:right;
-moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}

div.quicklinks{
margin-top:2px; 
padding-left:20px;
font-size:11px;
line-height:16px;}

div.space{
height:48px;        
}
div#accesshead{
font-weight:bold;
font-size:12px; 
height:21px;
background-image:url(../images/smudge.png);
background-repeat:no-repeat;    
margin-top:12px;
padding-left:20px;  
padding-top:2px;}   

div.allaccess{
margin-top:36px;    
padding-left:20px;
font-size:11px;
line-height:16px;
width:80px;
}

div#socialmediaholder{
height:25px;
margin-top:10px;
margin-bottom:10px;
float:right;
text-align:right;
}

div.socialmedia{
    width:25px;
    height:25px;
    margin-right:10px;
    margin-top:32px;
    float:right;
}

div#facebook{
    width:25px;
    height:25px;
    float:left;
}

div#twitter{
    width:25px;
    height:25px;
    float:right;
}   

div#footer {
width:940px;
float:left;
margin-top:20px;
}

div#footerfull {
width:940px;
margin-top:20px;
margin: auto;
}

div#footerhome {
width:940px;
height:75px;
background-image:url(../images/footer_bg.png);
background-color:transparent;
background-repeat:no-repeat;
float:left;
margin-top:20px;
padding-top:10px;
}


div.footerhr {
width:940px;
height:12px;
float:left; 
background-image:url(../images/horizontal.jpg);
background-repeat:no-repeat;
}

div.footerlinks{
width:180px;
height:184px;
margin-top:10px;
float:left;
margin-left:7px;
font-size:11px;
line-height:16px;
text-align:left;        
}

div.footerlinks H4 {
font-weight:bold;
margin:0px; 
font-size:11px;
}

div.footerlinks a:link {
    color:#000;
    text-decoration:none;
}
div.footerlinks a:visited {
    color:#000;
    text-decoration:none;
}
div.footerlinks a:hover {
    color:#666;
    text-decoration:none;
}
div.footerlinks a:active {
    color:#000;
    text-decoration:none;
}

div#btmlinks{
width:938px;
font-size:12px;
text-align:center;
margin-top:20px;
margin-bottom:20px;
float:left; 
}

div#btmlinks a:link {
    color:#000;
    text-decoration:none;
}
div#btmlinks a:visited {
    color:#000;
    text-decoration:none;
}
div#btmlinks a:hover {
    color:#666;
    text-decoration:none;
}
div#btmlinks a:active {
    color:#000;
    text-decoration:none;
}

div#copyright{
font-size:11px;
width:938px;
float:left; 
text-align:left;
line-height:14px;   
}

.table1
{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:100%;
background-color:#ffeec6;
margin-bottom:25px;
}
.table1 td, .table1 th 
{
font-size:12px;
border:1px solid #000;
padding:2px 2px 2px 6px;
}

.table2
{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:100%;
background-color:#fff;
padding:3px 2px 4px 6px;
margin-bottom:25px;
}
.table2 td, .table2 th 
{
font-size:12px;
border:1px solid #994708;
padding:3px 2px 4px 6px;
vertical-align: top;

}

.table3
{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
 width:100%;
background-color:#ccc;
margin-bottom:25px;
}
.table3 td, .table3 th 
{
font-size:12px;
border:1px solid #000;
padding:2px 2px 2px 6px;
margin-bottom:25px;
}

.table4 .even {
    background-color:#fff;
}
.table4
{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
 width:100%;
background-color:#ccc;
}
.table4 td, .table4 th 
{
font-size:12px;
border:1px solid #000;
padding:2px 2px 2px 6px;
}


.table5 .even {
    background-color:#fff;
}
.table5
{
font-family:Arial, Helvetica, sans-serif;
border-collapse:collapse;
width:100%;
background-color:#ffeec6;
margin:10px auto;
}
.table5 td
{
font-size:12px;
border:1px solid #000;
padding:4px 2px 4px 6px;
}
.table5 th {
    background-color:#994708;
    color:#fff;
    font-size:14px;
    border:1px solid #000;
}
.red{
color:#F00; 
font-size:15px;
}

/* these styles apply to http://www.slcc.edu/summer-enrollment-2013/index.aspx*/
div.enroll_campaignL {
float:left;
width:396px;
text-align:right;
margin-top:10px;
margin-right:20px;
font-size:1em;

}
div#enroll_campaignM {
float:left;
width:8px;  
}
div.enroll_campaignR {
float:left;
width:396px;    
text-align:left;
margin-left:20px;
font-size:1em;
margin-top:10px;
}
.enroll_campaign_blue{
color:#005288;
font-weight:bold;   
}

/*the following styles apply to the program pages. CSS by David*/
div#programAnchorMenu {
width:100%;
height:1.5625em;
text-align:center;
font-size:16px;
}

div.anchorTag{
padding:0.0625em 0.25em 0.0625em 0.25em;
border:0.0625em solid #d6cec6;
background-color:#ede7de;
display:inline;
font-family:Helvetica, san-serif;
font-size:1em;
}

div.anchorTag a{
text-decoration: none;
color:#474747;
}

div.anchorTag a:link {
text-decoration:none;
}

div.anchorTag a:visited {
color:#005288;
text-decoration:none;
}

div.anchorTag a:hover {
color:#0000FF;
}

div.anchorTag a:active {
text-decoration:none;
}

div.dbl-column {
float:left;
width:48%;
margin-left:0.875em;
margin-top:0.625em;
max-width:48%;
}

div#programs {
width:100%;
float:left;
}

.programList {
list-style-type:none;
margin-left:-1.875em;
line-height:1.875em;
font-size:1em;
white-space:nowrap;
overflow:hidden;
width:25em;
}


.programList li {
max-width: 25em;
text-decoration:none;
}
 
.programList H1 {
font-size:1.375em;
color:#333;
font-family:"Times New Roman", Times, serif;
padding-bottom:0.75em;
}
 
.programList H2 {
font-size:0.875em;
font-family:"Times New Roman", Times, serif;
color:#333;
padding-bottom:0.1875em;
}

.programList a {
vertical-align:0em;
text-overflow:ellipsis;
max-width: 25em;
display: block;
overflow:hidden;
}

.programList a:link {
color:#0000FF;
}
 
.programList a:visited {
color:#0000FF;
}
 
.programList a:hover {
display: block;
overflow:hidden;
text-overflow:ellipsis;
color:#000000;
}

.programList a:active {
color:#000000;
}


div#careerbounding{
margin-top:20px;
width:470px;
float:left;     
}

div.careerquestion {
margin-top:30px;
width:220px;
text-align:center;
float:right;    
}

div.careerimage{
width:230px;
float:left;
}

#cf:after {
     display: block;
     clear: both;
}


/* the following style applies to the All Access javascript link below the footer on the homepage*/
div#allacces_q{
float:right;
font-size:10px;
width:938px;
height:32px;
color:#fff;
text-align:right;
}
div#allacces_q a:link {
    color:#fff;
}
div#allacces_q a:visited {
    color:#fff;
}
div#allacces_q a:hover {
    color:#fff;
}
div#allacces_q a:active {
    color:#fff;
}

/* for instructions to resources - MyPage >> Student tab >> Student Portal >> Graduation */
ul.horizontal {
margin: 10px 0;
padding: 5px 0;
list-style-type: none; 
background-color: #bcddf4;
}

ul.horizontal li:before {
    	content: "\00BB \0020";
}

ul.horizontal li {   
display: inline; 
}

ul.horizontal li a {
text-decoration: none;
padding: .1em .1em;
color: #000;

}

ul.horizontal li a:hover {
color: #000;
background-color: #ffcd00;
}