/* --COLOR GUIDE:
--BODY LIGHT PINK: #d9d0d8
--BODY DARK PINK: #691473
--CONTENT BACKGROUND, NAV HOVER LIGHT BLUE: #c4cbda
--NAVBAR YOUAREHERE MED BLUE: #aab6d0
--CONTAINER BACKGROUND DARK BLUE: #2e3e58
--CONTAINER BORDER VERY DARK BLUE: #0d1934
--H2 FUSCHIA: #691473
--CAPTION GREY: #666666
*/

/*this makes the center column go top to bottom no matter 
what browser window size is. Theoretically.*/
html{
  height: 100%;}
body {
  height: 100%;}

body
{
  font-family: 'Kaushan Script', cursive;
  background: #928db3;
  color: #691473;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  width: 480px;
  min-height: 600px;
  font-size: 1.4em;
}

img, a img {border: none; width: 100%;}

/*---------CENTER WELL W/JELLO---------*/
#container {
  padding: 20px;
  margin: 20px;
  color: inherit;
  background: #2e3e58;
  height: auto;
  text-align: left;
  border: 5px outset #691473; 
-webkit-border-radius: 9px 9px 50px 50px;
-moz-border-radius: 9px 9px 50px 50px;
border-radius: 9px 9px 50px 50px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(105, 20, 115, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(105, 20, 115, 0.75);
box-shadow:         0px 0px 5px 0px rgba(105, 20, 115, 0.75);
}
header {}

header h1
{
  font-family: "Ashley Script", times, serif;
  font-style: italic;
  color: #c7aec4; 
  background: #2e3e58;
  margin: 10px 0 10px 0;
  padding: 0px;
  background-image: url(images/byaparentdesign.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 60px;
}


/*courtesy of zen garden, for hiding text for only IE to see if it ignores the png*/
header h1>span {display: none;}


/*---------NAVBAR----------*/
  
nav {line-height: 1em; text-align: right; padding: 0 0 5px 0; height: 30px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase;}
nav a
{
font-weight: bold
color: #aab6d0;
background-color: #2e3e58;
cursor:default;
}

nav a, nav a:visited {
  font-size: 70%;
  color: white; 
  background-color: #2e3e58;
  text-decoration: none;
  vertical-align: top;}
nav a:hover {color:#c4cbda; background-color: #2e3e58; 
  text-decoration: none;}

/*---------MAIN TEXT AREA--------*/
article {
  margin: 10px auto 0 auto;
  padding: 10px 15px 5px 15px; 
  border: 5px outset white; 
	-webkit-border-radius: 9px 9px 40px 40px;
	-moz-border-radius: 9px 9px 40px 40px;
	border-radius: 9px 9px 40px 40px; 
  color: inherit;
  background: #c4cbda;
  text-align: center;
  display:block;
  clear:both;
	-webkit-box-shadow: inset 1px 1px 9px 0px rgba(200, 200, 200, 0.75);
-moz-box-shadow:    inset 1px 1px 9px 0px rgba(200, 200, 200, 0.75);
box-shadow:         inset 1px 1px 9px 0px rgba(200, 200, 200, 0.75);
  }
  
article p {
  font-size: 80%;
  font-weight: normal;
  color: #2e3e58;
  background-color: inherit;
  text-align: center;
  margin: 4px 0 8px 0;
  padding: 0;
  line-height: 125%;}

article ul {
  font-size: 80%;
  font-weight: normal;
  color: #2e3e58;
  background-color: inherit;
  text-align: left;
  margin: 4px 0 8px 0;
  padding: 0;
  line-height: 125%;}
  
article ul {
  margin: 4px 15px 8px 15px;}

article p>img {
  text-align: center; padding: 0; margin: 0;}
 
figure {padding: 0px; margin: 10px 0;}
figure img {margin: 15px 10px; width: 60%;}

/*footer copyright etc*/
footer {margin: 10px auto;}
footer p
{
  font-size: 60%;
  font-weight: normal;
  color: white;
  background-color: inherit;
  text-align: center;
  padding: 5px;
  position: static;
  bottom: 5px;
}

/*Adding responsive bits. */
@media all and (max-width: 480px) {  
body {width: 100%;}
header h1 {background-size: 100%;}
nav a {font-size: 60%; padding: 3px 0;}
}

<strong>We're sorry, invitations to CardioExchange are now closed. </strong>