/* 

Design and Development: Headmade.net for MagicalMonkey.com

border: 1px solid red;

------------*/



/* Layout specific styles

------------------------- */

#wrap {width:780px; margin:0 auto; text-align:left;}

#header {float:right;}

  #spacer {width:120px; float:left; margin-top:5px}

  #spacer a:hover {text-decoration:none;}

#content {width:780px; clear:both; margin-top:30px;  } 

  #content #leftCol {float:left; width:170px; margin-right:5px;}

  #content #rightCol {float:right; width:580px;}

    #content #rightCol ul { margin:0;}

	#content #rightCol a {text-decoration:underline;}

	#content #rightCol a:hover {text-decoration:none;}

  .copy1 {font-size:.85em; line-height:1.5em; color:#666;}

  .copy2 {font-size:1em; line-height:1.2em; color:#666;}

  .copy3 {font-size:1.2em; line-height:1.3em; color:#666;}

  #content #rightCol h2 {font-size:1.3em; margin-bottom:20px;}

  #content #rightCol p { margin:20px 0;}

a.asubioSymbol img {margin-top:30px;}

 a:hover.asubioSymbol  {text-decoration:none;}

  

#footer { width:60%; margin:60px auto 0 auto; clear:both; text-align:center; font-size:11px; line-height:1.5em; }

  #footer span, #footer span a:hover {color:#999; text-decoration:none;}

  #footer span a {color:#666; padding:0 5px;}

  #footer span.copyright {display:block; margin-top:20px; font-size:.8em;}

  

/* common styles */

a { color:#999; text-decoration:none; }

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

a:hover img {text-decoration:underline;}

img {border:0;}

.floatL { float:left; }

.floatR { float:right; }

.clearBoth { clear:both; }

.alignR { text-align:right;}

.alignL { text-align:left;}

.alignC {text-align:center;}

.colorGreen {color:#94C43A;}

.colorBlue {color:#36A7E9;}

.colorBlue2 {color:#5B67A9}

.colorBlue3 {color:#282E4F}

.colorBrown {color:#DA9A23;}

.colorRed {color:#990000;}

.smallText { font-size:.85em;}

.vertMargin {margin:30px 0;}

.boldText { font-weight:bold;}



/* Subnavigation styles

------------------------- */

ul#subnav {list-style:none; margin:0; padding:0;}

  ul#subnav li { margin:10px 0;}





/* Cascades

 ------------------------- */

/* Home */

#hpBanner {width:780px; height:193px; float:right; position:relative; clear:both; margin-bottom:20px; display:block; background:url(../images/hp_banner.jpg) no-repeat; background-position:right;} 

  #hpBanner #bannerCopy { position:absolute; top:160px; left:0px;}

 #homePage #spacer {width:120px; float:left; margin-top:65px;}

#homePage #content { display:block; margin:0;}

#homePage #content #leftCol {width:280px; margin-right:20px; border-top:1px solid black;}

#homePage #content #leftCol .promoHp {margin:5px 0 20px 0; padding:0; font-size:.85em;}

  #homePage #content #leftCol img { margin:10px 0; display:block}

#homePage #content #rightCol {width:480px;}

  #content .copy3 {margin-top:10px;}

#homePage #footer {margin:0px auto 0 auto;}