h1 {
    font-size:20px;
}
h2 {
    font-size:18px;
    clear: both;
}
h3 {
    font-size:16px;
}
td {
    vertical-align: top;
    text-align: center;
}
a:link {
    color: #7EAEB0;
    text-decoration: underline;
}
a:visited {
    color: #7EAEB0; /* #666666; */
    text-decoration: underline;
}
a:active {
    color: #67675e;
    text-decoration: underline;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
.girly {
    color: #ff0099;
}

.slideshow { 
    height: 350px; 
    width: 350px; 
    margin: auto 
}

.slideshow img { 
    max-width: 318px; 
    max-height: 350px; 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: #eee; 
}

a.media   { display: block; }
div.media { font-size: small; margin: 25px; width: 100% !important }
div.media div, div.iframe_caption { font-style: italic; color: #888; }


#slideNav a, #slideNav a:visited { margin: 0 0px; padding: 3px 3px; text-decoration: none; }
#slideNav a:focus { text-decoration: underline; }
#slideNav li { float: left; list-style: none; _display: inline; }
#output { text-align: left; }
#slideNav li.activeSlide  a { color: green; font-weight: bold; text-decoration: underline; }

/* specific divs */
#navcontainer img
{
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
    width: 170px;
}
#navcontainer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Palatino, Times, serif;
    font-size: 14px;
}

#navcontainer li a
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    background-image: url(../images/menubk.png);
    background-repeat: no-repeat;
    color: #fff;
    text-indent:  11px;
    text-decoration: none;
    width: 170px;
}

#navcontainer a:link, #navlist a:visited
{
    text-indent:  11px;
    color: #fff;
    text-decoration: none;
}

#navcontainer a:hover
{
    text-indent:  11px;
    background-image: url(../images/menubk.png);
    background-repeat: no-repeat;
    color: #ffcb0d;
}

#active a:link, #active a:visited, #active a:hover
{
    text-indent:  11px;
    background-image: url(../images/menubk.png);
    background-repeat: no-repeat;
    color: #ffcb0d;
}

div.grid-2up {
    float: left;
    width: 280px;
    padding: 5px 5px 5px 0;
    text-align: center;
}
div.grid-2up img { 
    width: 280px;
    padding: 0;}

div.caption {
    clear: both;
}

div.video-2up {
    float: left;
    width: 325px;
    height: 280px;
    padding: 5px 5px 5px 0;
    text-align: center;
}
div.video-2up img { 
    width: 321px;
    height: 241px;
    margin: auto;
}

/* FlowPlayer styling */
a.myPlayer {
    display:block;
    width: 320px;
    height:240px; 
    text-align:center;
    margin:auto;
    float:left;
    border:1px solid #999;
    padding:0;
}
/* play button */
a.myPlayer img {
    opacity:0.4;
    filter:alpha(opacity=40);
    height:80px;
    width:80px;
    margin:30% 20%;
    border:0px;
}
/* when container is hovered we alter the border color */
a.myPlayer:hover {
    border:1px solid #000;
}




/*{{{ player - which? */

a.player {	
	display:block;
	width:500px;
	height:340px;
	background:#000 url(/img/global/gradient/h500.png) repeat-x 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}


a.player.plain {
	background-position:-125px 0;
	padding:0px;
	margin-top:0px;
}

a.player.small {
	background:url(/img/player/splash_small.png) no-repeat;
	height:186px;
	padding:0pt 24px 45px;
	width:251px;
	float:left;
	margin-right:30px;
}

a.player.small.plain {
	background-position:-24px 0;
	padding:0px;		
}

/* play button */
a.player img {
	margin-top:125px;	
}

a.player.plain img {
	margin-top:113px;	
}

a.player.small img {
	margin-top:60px;		
}

a.player p {
	margin-bottom:-15px;
	padding-top:0px;
}

/* }}} */

