/* Hype General Stylesheet */
/* Created: 20040205 Author: Sam Richardson */
/* ---------------------------------------- */


/* General Setup */
/* ---------------------------------------------------------------------- */
html
{
  height : 100%;
}

body
{
  margin : 0px;
  padding : 0px;
  width : 100%;
  height : 100%;
  background : repeat-y;
}

form
{
  margin : 0px;
  padding : 0px;
}

a img
{
  border-style : none;
}

img /* PNG Hack for IE */
{
  behavior: url("notion/site/scripts/pngDisplay.htc");
}

/* Font Setup */
body, li, td
{
  font : 1em 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
  color : #3D4B56;
}

h1
{
  font-size : 140%;
  font-weight : normal;
}

p, li
{
  font-size : 80%;
  line-height : 130%;
}

#navigation ul, #navigation li
{
  margin : 0px;
  white-space : nowrap;
}

#navigation
  li
  {
    color : #ffffff;
    font-size : 70%;
  }

#navigation
  img
  {
    vertical-align : text-top;
    margin-right : 3px;
    margin-left : 2px;
  }
  
#background-image 
{ 
  behavior: url("<%=sitePath%>/images/sidebar/backgrounds/home1.gif");
}

/* Header */
/* ---------------------------------------------------------------------- */
#header
{
}

#logo
{
}

#navigation
{

}

a:link, a:visited, a:active, a:hover {
  color : #000000;
}

#navigation a
{
  color : #ffffff;
  text-decoration : none;
}

#navigation a:hover
{
  color : #ffffff;
}

#navigation ul, #navigation li
{
  display : inline;
  padding : 0px;
}

#areatext
{

}


/* Sidebar */
/* ---------------------------------------------------------------------- */
.row
{
  margin-bottom : 7px;
}

.navrow
{
  margin-left : 50px;
  margin-bottom : 4px;
}

.subnavlink, a.subnavlink:link, a.subnavlink:visited, a.subnavlink:active,
.subnavlink_whos_hype, .subnavlink_whos_hype:link, .subnavlink_whos_hype:visited, .subnavlink_whos_hype:active,
.subnavlink_hype_services, .subnavlink_hype_services:link, .subnavlink_hype_services:visited, .subnavlink_hype_services:active,
.subnavlink_the_hype_way, .subnavlink_the_hype_way:link, .subnavlink_the_hype_way:visited, .subnavlink_the_hype_way:active,
.subnavlink_hype_stories, .subnavlink_hype_stories:link, .subnavlink_hype_stories:visited, .subnavlink_hype_stories:active,
.subnavlink_hype_buzz, .subnavlink_hype_buzz:link, .subnavlink_hype_buzz:visited, .subnavlink_hype_buzz:active,
.subnavlink_contact_hype, .subnavlink_contact_hype:link, .subnavlink_contact_hype:visited, .subnavlink_contact_hype:active,
.subnavlink_home, .subnavlink_home:link, .subnavlink_home:visited, .subnavlink_home:active
{
  font-weight : bold;
  font-size : 70%;
  color : #990033;
  text-decoration : none;
}

/** Override color on selected areas **/
.subnavlink_whos_hype, .subnavlink_whos_hype:link, .subnavlink_whos_hype:visited, .subnavlink_whos_hype:active
 {color:#87003F;}

.subnavlink_hype_services, .subnavlink_hype_services:link, .subnavlink_hype_services:visited, .subnavlink_hype_services:active
 {color:#BFB80A;}
 
.subnavlink_the_hype_way, .subnavlink_the_hype_way:link, .subnavlink_the_hype_way:visited, .subnavlink_the_hype_way:active
 {color:#CF142B;}
 
 .subnavlink_hype_stories, .subnavlink_hype_stories:link, .subnavlink_hype_stories:visited, .subnavlink_hype_stories:active
 {color:#000000;}
 
 .subnavlink_hype_buzz, .subnavlink_hype_buzz:link, .subnavlink_hype_buzz:visited, .subnavlink_hype_buzz:active
 {color:#361487}
 
.subnavlink_contact_hype, .subnavlink_contact_hype:link, .subnavlink_contact_hype:visited, .subnavlink_contact_hype:active
 {color:#00858A;}
 
.subnavlink_home, .subnavlink_home:link, .subnavlink_home:visited, .subnavlink_home:active
 {color:#F7A208;}

/** Same hover color for all areas, except home **/
a.subnavlink:hover, a.subnavlink_whos_hype:hover, a.subnavlink_hype_services:hover, 
a.subnavlink_the_hype_way:hover, a.subnavlink_hype_buzz:hover
{
  color : #FF9900;
}
a.subnavlink_home:hover{color:#87003F}


.navlink
{
  color : #FFFFFF;
  font-weight : bold;
  font-size : 70%;
  text-decoration : none;
  margin-right : 5px;
}

.row img
{
  vertical-align : text-top;
}

.pdfdocument
{
  font-size : 70%;
  color : #990033; 
  text-decoration : none;
  margin-left : 50px;
}

.whatsnewhead
{
  font-weight : bold;
  font-size : 85%;
  color : #F7A208;
  text-decoration : none;
  margin-left : 50px;
  margin-top : 10px;
  margin-bottom : 10px;
}

.whatsnewbody
  {  
  color : #F7A208;
  font-size : 85%;
  margin-left : 50px;
  margin-bottom : 10px;
  }



/* Content Area*/
/* ---------------------------------------------------------------------- */


#content .area
{
  padding : 25px;
}

p#more
{
  font-size : 70%;
  text-align : right;
  font-weight : bold;
  margin-right : 5px;
}

p#more a
{
  text-decoration : none;
  text-transform : uppercase;
  color : #3F4B54;
}

p#more a:hover
{
  color : #3F4B54;
}

p#more img
{
  vertical-align : text-top;
}

/* Footer */
/* ---------------------------------------------------------------------- */
#footer p
{
  font-size : 60%;
  color : #999999;
  margin-bottom : 50px;
}

#footer a
  {
    text-decoration : none;
    color : #999999;
  }