/* CSS for summersound */

/* Common to all pages */

.heading
{
	margin:0 auto;
    text-align:center;
    height:110px;
	background-image:url('pics/SummerSoundHeading.png');
    background-repeat:no-repeat;
}
.headingHome
{
	margin:0 auto;
    text-align:center;
    height:110px;
	background-image:url('pics/SummerSoundHeadingHome.png');
    background-repeat:no-repeat;
}
.logo
{
	text-align:center;
	margin:0 auto;
	position:relative;
	display:block;
}
img
{
	border:0px;
}
.floatLeft
{
	float:left;
	margin:10px;
	margin-right:15px;
	border:solid 1px #706c6c;
}
.floatRight
{
	float:right;
	margin:10px;
	margin-left:15px;
	border:solid 1px #706c6c;
}
.myName
{
	font-weight:bold;
}
#container 
{
	margin: 0 auto;
	width:800px;

	text-align: center;
}

#flashcontent
{
	margin-top:10px;
	position:relative;
	float:right;
}

div.subHeading
{
	margin: 4px 0 6px 0;
	font-size:14px;
	font-weight:bold;
}

.HomeText
{	
	padding:10px 40px 20px 40px;	
	line-height:120%;
	text-align: left;

	font-family: 'Georgia';
	font-size:16px;
	background-color:#eff0f4;
	
	border-right:solid 2px #706c6c;
	border-bottom:solid 2px #706c6c;
	
	display:block;
}
.HomeTextInner
{
	padding:5px 10px 0px 10px;
}

#locationAffordance
{
	float:right;
	font-size:12px;
}
.email
{
	float:left;
	margin:10px;
}	
.articleTitles
{
	font-weight:bold;
}

.HomeParagraph
{
	text-align:left;
	margin-top:5px;
}

div.homeInner1
{
	background-color:#92b5dc;
	padding:0px 10px 10px 10px;
}

div.listenText
{
	background-color:#7d583f;
	float:right;
	margin-left:20px;
	margin-right:-50px;
	text-align:center;
	padding:8px;
	line-height:110%;
	width:160px;
	color:#d6e2e2;
	border:solid 1px #c9c5c5;
	font-size:15px;
}
#contactMessageToUser
{
	width:225px;
	padding:5px;
	font-size:14px;

	float:right;
}
.contactForm
{
	margin-right:5px;
	background-color:#69adcf;
	border:solid 2px #ababab;
	width:440px;
	float:left;
	text-align:left;
	padding:10px;
}
.contactFormEntryLabel
{
	margin-right:5px;
	width:130px;
	text-align:right;
	float:left;
}
.contactFormEntry
{
	margin-left:5px;
	overflow:auto;
}
.contactFormSection
{
	margin-bottom:7px;
}
.contactFormSendButton
{
	margin:3px 0px 0px 5px;
}
.contactEmailButton
{
	margin-top:6px;
}

img.contactMic
{ 
  float:right;
  clear:right;
  margin:10px;
  margin-right:60px;
  margin-top:60px;
  border: 0; 
}

img.homePod
{ 
  float:right;
  clear:right;
  margin-right:10px;
  border: 0; 
}

img.aboutMic
{ 
  float:right;
  clear:right;
  margin:10px;
  margin-right:0px;
  border: 0; 
}

img.webMic
{ 
  float:right;
  clear:right;
  margin:10px;
  margin-right:0px;
  border: 0; 
}

img.about
{ 
  float:left;
  clear:left;
  margin:10px;
  margin-right:20px;

  border: 0; 
}

body
{
  background-color:#6f7293;  /* #c1b07a;  */ /* #4a9bea; */
  margin-top:20px;
  background-image: url('./pics/Back.jpg');
  background-repeat:repeat-x;
  text-align:center;
}


/* Home page */
.title
{
	text-align:left;
	font-weight:bold;
	font-size:18px;
	padding:6px;
	margin-top:10px;
	color:#f9f5f0;
	border-left:solid 1px #04386e;
	background-image: url('pics/HeadingBack.gif');
	background-repeat:repeat-x;
}

div.homeSubTitle
{
	color:#6d4b4b;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	padding:8px 0px 1px 6px;
}

img.HomeTitleImage
{
	border:0;
	float:left;
	margin-right:10px;
}

#flashcontent img#listenImage
{
	border:0;
	float:left;
	margin-bottom:300px;
}

img.Pod
{
	border:0;
	float:right;
	margin-left:10px;
	margin-right:-10px;
}

/* Contact page */

/* About page */

div.aboutSections
{
	margin-top:20px;
}

div.aboutInnerText
{
	margin:10px 0px 10px 0px;
	padding:10px 6px 10px 6px;
	background-color:#92b5dc;
	border:solid 1px #bbbbbb;
}
.magazineTitle
{
	font-style:italic;
}
/* Technologies page */
div.technologiesSubTitles
{
	color:#6d4b4b;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	margin:6px 0px 4px 0px;
}
#flashcontent
{
	float:right;
	margin:10px;
	border:solid 1px #000000;
}
#flashcontent2
{
	float:left;
	margin:20px;
}
#flashcontentBanner
{
	float:left;
	margin:10 15 10 10;
	border:solid 1px #000000;
}
.technologiesSections
{
	margin-top:20px;
}

div.copyright
{
	padding:10px;
	text-align:center;
	color:#f2f3f8;
	font-size:12px;
}

/* Clients page */
div.clientsInner1
{
	background-color:#92b5dc;
	padding:5px 15px 13px 15px;
	margin:22px 0px 22px 0px;
}
.floatLeftClients
{
	float:left;
	margin:10px;
	margin-right:15px;

}
.floatRightClients
{
	float:right;
	margin:10px;
	margin-left:15px;

}
.clientsTitles
{
	color:#6d4b4b;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	margin:0px 0px 0px 0px;
}
.clientsSections
{
	margin-top:10px;
}
/* Ajax page */
#ajaxDemo
{
    height:500px;
    display:block;
    clear:both;
    margin-bottom:30px;
}

#newsHeadlinesOutter
{
    float:left;
    width:400px;
}

#newsHeadlines
{
    overflow:auto;
    background-color:#ffffff;
    border:solid 1px #000000;
    padding:5px;
    font-size:14px;
    height:475px;
}

#newsStoryOutter
{
    float:right;
    width:250px;
}

#newsStory
{
    overflow:auto;
    background-color:#ffffff;
    border:solid 1px #000000;
    padding:5px;
    font-size:14px;
	height:475px;
}

#newsTitles
{
    margin-bottom:3px;
}

#feedCheck
{
    margin-left:30px;
}

.description
{
    margin:6px 0px 15px 0px;
}
.descriptionParagraph
{
	margin-bottom:8px;
}
.ajaxDemonstration
{
	padding-left:10px;
	background-color:#92b5dc;
	margin:20px 0px 5px 0px;
}
.ajaxDemonstrationHeading
{
	padding:8px 0px 8px 0px;
}
/* Podcast page */
.podcastingIPod
{
	float:right;
	padding:10px 0px 0px 5px;
}
.podcastFAQ
{
	margin:10px 0px 5px 0px;
	padding:5px 10px 5px 10px;
	background-color:#92b5dc;
}
.podcastQuestion
{
	font-weight:bold;
	margin-bottom:3px;
}
.podcastAnswer
{
	margin-bottom:8px;
}
.binderProgram
{
	font-weight:bold;
}

/* Section 508 page */
.section508guideline
{
	margin:0px 10px 5px 10px;
}
.section508guidelines
{
	margin:10px 20px 10px 20px;
}
.problemSolutionText
{
	font-weight:bold;
}
.problemSolutionSection
{
	margin-bottom:3px;
}

/* Audio Captcha Demo page */
.productName
{
	font-weight:bolder;
	color:#63200e;
}
.productNameInner
{
	font-style:italic;
}
.audioCaptchaDemoCaptchaDefinition
{
	float:right;
	width:200px;
	background-color:#cddbe9;
	margin:5px 0px 5px 10px;
	font-size:11px;
	padding:10px 15px 10px 15px;
	line-height:14px;
}
.sidebarTitle
{
	color:#6d4b4b;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	margin:0px 0px 2px 0px;
}

/* Media Player Demo page */
.playerType
{
	margin: 0 auto;
	text-align:center;
	margin-top:20px;
	padding:10px;
	width:650px;
	border:solid 2px #000000;
	overflow:hidden;
	background-color:#cddbe9;
}
.playerTitle
{
	font-size:inherit;
	font-weight:bold;
	margin-bottom:4px;
}
.playerDescription
{
	text-align:left;
	font-size:14px;
	line-height:120%;
}
.playerDescriptionParagraph
{
	margin-top:6px;
}
.player
{
	float:right;
	border-left:solid 1px #7c7d7d;
	border-top:solid 1px #7c7d7d;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	
	margin:0px 0px 8px 15px;
}

/* Menu */
.menuPlacement
{
	margin-left:60px;
}

#menu
{
	margin:0 auto;
	text-align:center;
	height:35px;
}

#menu li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#menu li a
{		
	display: block;
	margin: 0 0 0 0;
	padding: 3px 22px;
	width: auto;
	color: #130507;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	font-family:Georgia;
	border: 1px solid #000;
	background-image:url("./pics/MenuBack.gif"); 
	background-repeat:repeat-x;
	background-color:#0bb3e7;
}

#menu li a:hover
{	
	/* background-image:url("./pics/MenuHover.gif"); */
	background-image:none;
	background-color:#457ba5;
	background-position:center;
	color:#fafbfd;
}

#menu div a
{	
	position: relative;
	display: block;
	margin: 0px;
	padding: 3px 1px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #000;
	font-size:14px;
	font-family:Georgia;
}
#menu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#e4cbae;
}

.technologiesSubMenu
{
	padding:0px 17px 0px 15px;
	display:block;
}

a:link {color: #054689; text-decoration:underline; font-weight:bold}     /* unvisited link */
a:visited {color: #054689; text-decoration:underline; font-weight:bold}  /* visited link */
a:hover {color: #220088; text-decoration: underline}   /* mouse over link */

a.Listen:link {color: #c9c5c5; text-decoration:underline; font-weight:bold}     /* unvisited link */
a.Listen:visited {color: #c9c5c5; text-decoration:underline; font-weight:bold}  /* visited link */
a.Listen:hover {color: #220088; text-decoration: underline}   /* mouse over link */

a.locationAffordance:link {color: #d0d1d4; text-decoration:underline; font-weight:bold}     /* unvisited link */
a.locationAffordance:visited {color: #d0d1d4; text-decoration:underline; font-weight:bold}  /* visited link */
a.locationAffordance:hover {color: #d0d1d4; text-decoration: underline}   /* mouse over link */

a.subTitle:link {color: #054689; text-decoration:underline; font-weight:bold}     /* unvisited link */
a.subTitle:visited {color: #054689; text-decoration:underline; font-weight:bold}  /* visited link */
a.subTitle:hover {color: #054689; text-decoration: underline}   /* mouse over link */

a 
{
   outline: none;
}