body {
   margin: 0;
   padding: 0;
   font: 85% Verdana, Arial, Helvetica, sans-serif;
   background-color: #999;
   }
p {
	font-size: 1em;
	padding: 0;
	margin-top: 0;
	margin-bottom: .5em;
}
li {
	font-size: .9em;
}


dl.trailer {
   color: #3E4248;
   font-family: verdana, Helvetica, Arial, sans-serif;
   font-size: .9em;
   margin: 0 0 .5em 0;
   padding: 0;
   }
dl.trailer dt {
   color: #000;
   font-size: 1em;
   font-weight: bold;
   }


a {
   color: #2D258F;
   text-decoration: none;
   }

a:hover {
   text-decoration: underline;
   }









table#content {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px;
	padding: 0px;
}
td#login-date-help-bar {
	background-color: #DDDCDC;
	height: 36px;
	text-align: right;
	font-size: .9em;
	font-weight: bold;
	color: #383094;
	padding-bottom: 4px;
	padding-right: 10px;
}
td#login-date-help-bar a {
	text-decoration: none;
	color: #383094;
}
td#login-date-help-bar a:hover {
	text-decoration: underline;
}
td#masthead {
	background-color: #000099;
	background: url(masthead.gif) no-repeat;
	color: #FFFFFF;
	font-size: .8em;
	width: 100%;
	height: 84px;
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td#module-tab {
	background-color: #2C248F;
	background-image: url(bg-black-stripes-on-blue.gif);
	background-repeat: repeat-x;
	height: 36px;
	padding: 0px;
	width: 200px;
}
td#media-type-title {
	background-color: #2C248F;
	background-image: url(bg-black-stripes-on-blue.gif);
	background-repeat: repeat-x;
	height: 36px;
	width: 600px;
	color: #FFF;
}

td#media-type-title h1 {
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	padding-left: 13px;
	padding-bottom: 4px;	
}

td#left-column-content {
	background-color: #FFFFFF;
	padding: 10px 0;
	color: #2D258F;	
	width: 200px;
}

td#left-column-content p {
	margin: 0 0 0 20px;
}

td#left-column-content h2 {
	font-weight: bold;
	font-size: .9em;
	margin: 0 0 0 20px;
}

td#left-column-content a {
	font-weight: bold;
	font-size: .9em;
	color: #2D258F;
	text-decoration: none;
}
td#left-column-content a:hover {
	text-decoration: underline;
}





ul.navmenu {
   margin: 0 0 0 20px;
   padding: 0;
   list-style-type: none;
   }

ul.navmenu li {
   padding: 0 0 0 1.3em;
   }

ul.navmenu li.on {
   background-image: url(bullet-media-types-menu.gif);
   background-position: 0 .3em;
   background-repeat: no-repeat;
   }



ul#module-menu { 
	margin: 0 0 0 1em;
	padding: 0;
	font-size: .9em;
	list-style-type: none;
}


ul#media-types-menu {
	margin: 0 0 0 2em;
	padding: 0;
	font-size: .9em;
	list-style-type: none;
}

ul#media-types-menu li {
	padding: 0 0 0 1.3em;
}
ul#media-types-menu li.on {
	background-image: url(bullet-media-types-menu.gif);
	background-position: 0 .3em;
	background-repeat: no-repeat;
}

ul#media-types-menu li a {
	text-decoration: none;
	color: #2D258F;
}

ul#media-types-menu li a:hover {
	text-decoration: underline;
	color: #2D258F;
}




ul#media-items-menu {
	margin: 0 0 0 2em;
	padding: 0;
	font-size: 1em;
	list-style-type: none;
}

ul#media-items-menu li {
	padding: 0 0 0 1.3em;
}

ul#media-items-menu li a {
	text-decoration: none;
	color: #2D258F;
}

ul#media-items-menu li a:hover {
	text-decoration: underline;
	color: #2D258F;
}





td#right-column-content{
	width: 600px;
	padding: 0;
	margin: 0;
	background-color: #DDDCDC;
}

td#right-column-content p.homepage{
	color: #3E4248;
	padding: 10px 13px 5px 13px;
}
td#right-column-content div.intro{
	color: #3E4248;
	padding: 10px 13px 5px 13px;
}


div#newsletter-signup {
	width: 176px;
	background-color: #CBC8AC;
	margin: 5px 4px 5px 0;
	padding: 8px 2px 8px 20px;
	color: #646466;
}

div#newsletter-signup p {
	margin: 0px;
	padding: 0px;
}

div#newsletter-signup form {
	margin: 0px;
	padding: 0px;
}

div#newsletter-signup form input#email-address {
	width: 100px;
	margin: 4px 0;
}

div#newsletter-signup form input#submit {
	margin: 0 2px 0 6px;
	vertical-align: middle;
}
p#copyright-notice {
	color: #8B8B8C;
	font-size: .7em;
	width: 160px;
}

img#module-title {
	margin: 10px 10px 0px 10px; 
}




/*
   Here are some hacks to fix the problem where the module description
   image overflows it's table cel when the description text doesn't push the
   bottom margin below thw the bottom of the floated image.
*/

.prop {
   height: 70px;
   float: right;
   width: 1px;
   }

.clear {
   clear: both;
   height: 1px;
   overflow: hidden;
   }   




/* 
   This will allow arbitrary content that agrees with module-table styled
   content.
*/

td.general_content {
   padding: 10px 20px;
   }

.general_content {
   font-size: .8em;
   color: #3E4248;
   }

.general_content a {
   color: #0D0D6C;
   text-decoration: none;
   }

.general_content a:hover {
   text-decoration: underline;
   }

h3.general_content {
   font-size: .8em;
   font-weight: bold;
   color: #3E4248;
   margin: 0 0 .5em 0;
   }






table#module-descriptions {
   margin: 0;
   padding: 0;
   width: 100%;	
   border-top: 5px solid #FFF;
   width: 100%;
   }
table#module-descriptions tr.even td {
   background-color: #DDDCDC;
   }
table#module-descriptions tr.odd td {
   background-color: #D2D0BF;
   }
table#module-descriptions td {
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   }
table#module-descriptions td.image {
   width: 28px;
   text-align: center;
   padding: 10px 5px;
   }
table#module-descriptions td.desc {
   padding: 10px 5px;
   }
table#module-descriptions td h3 {
   padding: 0;
   margin: 0;
   color: #2D258F;
   font-size: 1.2em;
   font-weight: bold;
   }


table#module-descriptions dl {
   color: #3E4248;
   font-family: verdana, Helvetica, Arial, sans-serif;
   font-size: .9em;
   margin: 0 0 .5em 0;
   padding: 0;
   }
table#module-descriptions dl dt {
   color: #000;
   font-size: 1em;
   font-weight: bold;
   }

img#module-descriptions-title  {
	margin: 5px 5px 5px 5px;
}








/* Media items page */

table#media-item {
   margin: 0;
   padding: 0;
   width: 100%;	
   border-top: 5px solid #FFF;
   width: 100%;
   position: relative;
   }

table#media-item td h3 {
   margin: 0;
   color: #2D258F;
   font-size: 1.2em;
   font-weight: bold;
   }

table#media-item td {
   padding: 10px 13px 10px 20px;
   }

table#media-item td.withphoto {
   padding: 10px 13px 0px 95px;
   }

table#media-item p {
   position: relative;
   color: #3E4248;
   margin: 0 0 .5em 0;
   padding: 0;
   }

table#media-item p.description {
   font-size: .9em;
   }

table#media-item p.discussion {
   }

table#media-item img.module-photo {
   float: left;
   border: 0px solid #999;
   margin: -1.5em 0 0 -10px; 
   }



table#module {
	margin: 0;
	padding: 0;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	width: 100%;
	background-color: #D2D0BF;
	position: relative;
}
table#module td#module-menu {
	width: 280px;
	margin: 20px 0;
	padding: 0 0 0 18px;
	border-right: 2px solid #8C8B83;
	position: relative;
}
table#module td#module-menu p {
	font-size: .8em;
	margin-left: 68px;
	position: relative;
	color: #3E4248;
}

table#module td#module-menu ul {
	font-size: .8em;
	margin-left: 68px;
	color: #3E4248;
	padding: 0 0 0 15px;
}

table#module td#module-menu a {
	color: #0D0D6C;
	text-decoration: none;
}

table#module td#module-menu a:hover {
	text-decoration: underline;
}

table#module td#module-menu p.back-link {
	margin: 0;
	padding: 0;
	position: relative;
}

table#module td#module-content {
	padding: 0px 5px 0px 10px;
	position: relative;
}

table#module td#module-content p {
	font-size: .8em;
	position: relative;
	color: #3E4248;
}

table#module td#module-content h3 {
	font-size: .8em;
	font-weight: bold;
	color: #3E4248;
	margin: 0 0 .5em 0;
}

table#module td#module-overview {
	font-size: 1.3em; 
	padding: 10px 10px 10px 10px;
	position: relative;
}

table#module td#module-overview p {
	font-size: .8em;
	position: relative;
	color: #3E4248;
}
img.module-overview-photo {
	border: 0;
	margin-top: 0px; // -10
	margin-right: 0px; // -5
        margin-left: 10px;
        margin-bottom: 10px;
	float: right;
}

a.play-media {
   padding: 4px 8px 4px 8px;
   color: #FFFFFF;
   background-color: #2D258F;
   font-weight: bold;
   font-size: 1em;
   
   } #text-decoration: none;
a.play-media:hover {
   text-decoration: none;
   background-color: #2D258F;
   color: #FFFFFF;
   }

img.module-photo {
	position: absolute;
	top: 3px;
	left: -66px;
	vertical-align: text-top;
	border: 1px solid #120F0B;
}
td#footer {
	background: #FFF;
	font-size: .7em;
	color: #68696B;
	text-align: center;
}
td#footer ul {
	list-style-type: none;
}
td#footer ul li{
	display: inline;
	margin: 0 .5em;
}
td#footer ul li a{
	color: #68696B;
	text-decoration: underline;
}
td#footer ul li a:hover{
	color: #333;
}








/* Collapsible media list descriptions  */

div.mediaDesc_collapsed {
   padding-bottom: 5px;
   font-size: .9em;
   height: 40px;
   overflow: hidden;
   color: #3E4248;
   }

div.mediaDesc_expanded {
   padding-bottom: 5px;
   font-size: .9em;
   height: 100%;
   color: #000000;
   }

div.mediaSubtitle {
   font-size: 1em;
   font-weight: bold;
   color: #3E4248;
   }

div.collapse {
   cursor: pointer;
   font-weight: bold;
   font-size: 70%;
   text-align: right;
   border-top: 1px solid #3E4248;
   display: none;
   }
div.collapse span {
   color: white;
   background-color: #2D258F;
   padding: 1px;
   }

div.expand  {
   cursor: pointer;
   font-weight: bold;
   font-size: 70%;
   text-align: right;
   border-top: 1px solid #3E4248;
   display: block;
   }
div.expand span {
   color: white;
   background-color: #2D258F;
   padding: 1px;
   }

div.play-media a {
   padding: 4px 8px 4px 8px;
   color:#2D258F;
   font-weight: bold;
   font-size: 1em;
   text-decoration: none;
   }
   #   background-color: #2D258F;
   
div.play-media:hover a {
   text-decoration: underline;
   color: #FFFFFF;
   }
   #    background-color: #2D258F;



div.groupList {
   margin: 0px 0px 15px 10px;
   }
div.groupList div.groupTitle {
   cursor: pointer;
   color: #2D258F;
   font-size: 1em;
   font-weight: bold;
   }
div.groupList div.groupSubtitle {
   cursor: pointer;
   font-weight: bold;
   color: #3E4248;
   font-size: .9em;
   }
div.groupList div.groupShade {
   display: none;
   }
div.groupList div.groupShade div.groupDiscussion {
   font-size: .9em;
   color: #3E4248;
   }





/* Login box */

div#login{
   width: 176px;
   margin: 5px 4px 5px 0;
   padding: 8px 2px 8px 20px;
   font-weight: bold;
   color: #2D258F;
   font-size: .9em;
   text-decoration: none;
   }

div#login form {
   margin: 0px;
   padding: 0px;
   }

div#login form input {
   font-family: verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   background-color: #ccc;
   margin: 4px 0;
   }



/* Management navigation */

#mgmtNav {
   margin-top: 15px;
   margin-bottom: 15px;
   color: #FF6600;
   }

#mgmtNav ul li a {
   text-decoration: none;
   color: #FF6600;
   }

#mgmtNav ul li a:hover {
   text-decoration: underline;
   color: #FF6600;
   }









/* Styles for Account Manager */

#acctListTable {
   border-collapse: collapse;
   margin: 10px;
   }

#acctListTable th {
   background-color: #383094;
   color: white;
   padding: 3px;
   border: 1px solid #383094;
   }

#acctListTable td {
   padding: 3px;
   font-size: .8em;
   color: #3E4248;
   border: 1px solid #3E4248;
   }

#acctListTable td.tablekey {
   font-weight: bold;
   }

#acctListTable td .inherited {
   font-style: italic;
   }

#acctListTable td a { color: #0D0D6C; }
#acctListTable td a:visited { color: #0D0D6C; }
#acctListTable td a:hover { text-decoration: underline; }

#acctListTable th a { color: white; }
#acctListTable th a:visited { color: white; }
#acctListTable th a:hover { text-decoration: underline; }








/* Content Options */

div.contentoptions {
   padding: 15px;
   }
div.contentoptions div.option {
   border-bottom: 1px solid black;
   margin-bottom: 4em;
   }