div.layout
{
margin:
0px auto;
width:
70%;
padding:
0px;
font-family:
tahoma, sans-serif
}

div.logo
{
width:
100%;
clear:
both
}

img.noborder
{
border-width:
0px
}

div.menu
{
width:
100%;
clear:
both;
background:
#666666
}

#submenu
{
width:
100%;
clear:
both
}

a.counsellingbuttonleft
{
padding-left:
10px;
background:
#ECCFFF url('../images/menucurves/pinkleft.gif') no-repeat top left;
text-decoration:
none
}

span.counsellingbuttonright
{
padding-right:
10px;
background:
url('../images/menucurves/pinkright.gif') no-repeat top right
}

a.counsellingbuttonleft:hover
{
background:
#FFFFFF url('../images/menucurves/whiteleft.gif') no-repeat top left
}

a.counsellingbuttonleft:hover span
{
background:
url('../images/menucurves/whiteright.gif') no-repeat top right
}

a.myersbriggsbuttonleft
{
padding-left:
10px;
background:
#CFF8FF url('../images/menucurves/turquoiseleft.gif') no-repeat top left;
text-decoration:
none
}

span.myersbriggsbuttonright
{
padding-right:
10px;
background:
url('../images/menucurves/turquoiseright.gif') no-repeat top right
}

a.myersbriggsbuttonleft:hover
{
background:
#FFFFFF url('../images/menucurves/whiteleft.gif') no-repeat top left
}

a.myersbriggsbuttonleft:hover span
{
background:
url('../images/menucurves/whiteright.gif') no-repeat top right
}

a.articlesbuttonleft
{
padding-left:
10px;
background:
#D1CFFF url('../images/menucurves/purpleleft.gif') no-repeat top left;
text-decoration:
none
}

span.articlesbuttonright
{
padding-right:
10px;
background:
url('../images/menucurves/purpleright.gif') no-repeat top right
}

a.articlesbuttonleft:hover
{
background:
#FFFFFF url('../images/menucurves/whiteleft.gif') no-repeat top left
}

a.articlesbuttonleft:hover span
{
background:
url('../images/menucurves/whiteright.gif') no-repeat top right
}

a.buttonleft
{
padding-left:
10px;
background:
#CCCCCC url('../images/menucurves/greyleft.gif') no-repeat top left;
text-decoration:
none
}

span.buttonright
{
padding-right:
10px;
background:
url('../images/menucurves/greyright.gif') no-repeat top right
}

a.buttonleft:hover
{
background:
#FFFFFF url('../images/menucurves/whiteleft.gif') no-repeat top left
}

a.buttonleft:hover span
{
background:
url('../images/menucurves/whiteright.gif') no-repeat top right
}

div.images
{
float:
left;
margin-top:
15px;
margin-bottom:
7px
}

img.sideimage
{
padding-bottom:
8px;
display:
block
}

h2.title
{
margin:
0px
}

div.text
{
width:
65%;
float:
right;
padding-left:
8px;
margin-top:
10px;
margin-bottom:
15px
}

img.floatright
{
float:
right;
margin-left:
20px;
margin-bottom:
10px
}

div.footer
{
width:
100%;
clear:
both;
text-align:
right;
color:
#FFFFFF;
background:
#666666
}

div.legend
{
width:
100%;
font-size:
xx-small;
text-align:
center;
color:
#999999
}

div.links
{
text-align:
center
}

a:link {color: #000000}
a:visited {color: #000000}
a:hover {color: #666666}