
/*-------------------------------------------------------------------------------------------------Standard Link Styles*/

a:link {
color: #990000;
text-decoration: none;
cursor: hand;
}

a:visited {
color: #990000;
text-decoration: none;
cursor: hand;
}

a:hover {
color: #6c7074;
text-decoration: none;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------General Menu Link Styles*/

div.menu1 a {
text-decoration:none;
font-weight:bold;
cursor: hand;
}

div.menu1button a:link {
color: black;
cursor: hand;
}

div.menu1button a:visited {
color: black;
cursor: hand;
}

div.menu1button a:hover {
color: #e2007b;
cursor: hand;
}

div.menu1button  a:active {
color: #6c7074;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------Grey Menu Link Styles*/

div.menu2 a {
text-decoration:none;
font-weight: normals;
cursor: hand;
}

div.menu2button a:link {
color: white;
cursor: hand;
}

div.menu2button a:visited {
color: white;
cursor: hand;
}

div.menu2button a:hover {
color: #e2007b;
cursor: hand;
}


/*-------------------------------------------------------------------------------------------------Page Styles*/

body {
font-family: Arial;
background-color: #A0A5A9;
color: black;
font-size: small;
text-align: center;
}

#centerpage {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 980px;
}

#page{
margin-top: 10px; 
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px; 
background-color: #FFFFFF;
}


/*-------------------------------------------------------------------------------------------------Symposium Logo Style*/

.symlogo {
margin-left: 10px;
margin-right: 10px;
}


/*-------------------------------------------------------------------------------------------------Menu Styles*/

#menu1 {
background-color: #FFFFFF;
clear: both;
padding-right: 30px;
padding-left: 15px;
height: 25px;
}

.menu1button {
color: white;
margin-top: 5px;
padding-right: 10px;
padding-left: 10px;
}

#menu2{
background-color: #A0A5A9;
clear: both;
padding-right: 30px;
padding-left: 45px;
height: 25px;
}

#greybar{
background-color: #A0A5A9;
clear: both;
height: 25px;
}

.menu2button {
color: white;
margin-top: 5px;
padding-right: 10px;
padding-left: 10px;
}


/*-------------------------------------------------------------------------------------------------Channel Menu Styles*/

.channels {
text-align: left;
width: 100%;
clear: both;
height: 43px;
background-color: #B03C0D;
}

.channelbutton {
text-align: center;
color: white;
font-weight: bold;
height: 35px;
padding-bottom: 3px;
padding-top: 5px;
width: 120px;
display: block;
}

.channelbutton {
/width: 119px;
w/idth: 120px;
}

/*-------------------------------------------------------------------------------------------------Color Styles*/

.colorhrstrategy {
background-color: #009EE0;
}

.colorrecruitment {
background-color: #FF9900;
}

.colorhealth {
background-color: #DD0000;
}

.colorpay {
background-color: #66B100;
}

.coloremployment {
background-color: #F64A12;
}

.colortraining {
background-color: #5D236E;
}

.colordiversity {
background-color: #128073;
}

.colorotherevents {
background-color: #B03C0D;
}

.colorsymposiumpink {
background-color: #E2007B;
}

.colorheader {
background-color: #707070;
}

.colorgoldclub {
background-color: #FABA00;
}

.colorhrreview {
background-color: #99141B;
}

.colornextevent {
background-color: #FABA00;
}

.coloripod {
background-color: #FABA00;
}

/*-------------------------------------------------------------------------------------------------Font Color Styles*/

.fontcolorhrstrategy {
color: #009EE0;
}

.fontcolorrecruitment {
color: #FF9900;
}

.fontcolorhealth {
color: #DD0000;
}

.fontcolorpay {
color: #66B100;
}

.fontcoloremployment {
color: #F64A12;
}

.fontcolortraining {
color: #5D236E;
}

.fontcolordiversity {
color: #128073;
}

.fontcolorotherevents {
color: #B03C0D;
}

.fontcolorhowdoi {
color: #E2007B;
}

.fontcoloripod {
color: #FABA00;
}

.fontcolorhelp {
color: #FABA00;
}

.fontcolorgoldclub {
color: #FABA00;
}

.fontcolorsymposiumpink {
color: #E2007B;
}

/*-------------------------------------------------------------------------------------------------Heading Styles*/

h1 {
font-family: Arial;
margin-top: 10px;
font-weight: bold;
font-size: 28px;
font-variant: normal;
}

h2 {
font-family: Arial;
margin-top: 10px;
font-weight: bold;
font-size: 26px;
font-variant: normal;
}

h3 {
font-family: Arial;
margin-top: 10px;
font-weight: bold;
font-size: 22px;
font-variant: normal;
}

h4 {
font-size: 12px;
}

h5 {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
border-top: 1px solid rgb(150,150,150);
}

h6 {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
}

/*-------------------------------------------------------------------------------------------------Formatting Styles*/


.section {
margin-bottom: 10px;
margin-top: 10px;
}

.leftsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 22px;
padding-top: 5px;
padding-left: 20px;
}

.formsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 22px;
padding-top: 5px;
padding-left: 20px;
}

.nexteventhead {
color: #FFFFFF;
font-family: Arial;
font-size: 16px;
font-weight: normal;
height: 20px;
padding-top: 5px;
padding-left: 35px;
}

.centersectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 22px;
padding-top: 5px;
padding-left: 20px;
}

.rightsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 22px;
padding-top: 5px;
padding-left: 20px;
}

.bottomsectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 15px;
padding-top: 0px;
padding-left: 20px;
}

.widesectionhead {
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
height: 22px;
padding-top: 5px;
padding-left: 20px;
}

.advert {
margin-bottom: 5px;
}

.logos {
text-align: center;
margin: 0px;
}

.logo {
margin: 10px;
display: inline;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.menufloatleft {
float: left
}

.menufloatright {
float: right;
}

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

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

.inline {
display: inline;
}

img { 
border: none;
} 

a img { 
border: none;
} 

.horspacer {
width: 100%;
height: 10px;
}

/*-------------------------------------------------------------------------------------------------Inside Styles*/

.conferencetitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
border-top: 1px solid rgb(150,150,150);
}

.firstconferencetitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
}

.nexteventtitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 17px;
}

.programmetitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
border-top: 1px solid rgb(150,150,150);
}

.horizontalline {
margin-top: 0;
margin-left: 160px;
padding: 0;
border-top: 1px solid rgb(150,150,150);
}

.newstitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: normal;
font-size: 13px;
border-top: 1px solid rgb(150,150,150);
}

.topnewstitle {
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: normal;
font-size: 13px;
}

.newstitlesmall li {
margin-left:0;
padding-left:0;
}

.newstitlesmall {
font-family: Arial;
font-weight: normal;
font-size: 13px;
padding: 0;
}

.goldclubtitle {
font-family: Arial;
font-weight: bold;
font-size: 40px;
padding: 0;
}


/*-------------------------------------------------------------------------------------------------ContentStyles*/

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 150px; /*Height of top section*/
margin-top: 10px;
margin-bottom: 10px;
}

.channelcolortop{
height: 80px; /*Height of top section*/
padding-top: 10px;
margin-bottom: 15px;
}

.channelcolorconftop{
height: 15px; /*Height of top section*/
}

.channelcolorbottom{
height: 10px; /*Height of top section*/
padding-top: 10px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.toptitle {
color: #FFFFFF;
margin-top: 20px;
margin-left: 25px;
}

.toptitleblack {
color: #000000;
margin-top: 20px;
margin-left: 25px;
}

.goldclubbox {
margin-top: 10px;
width: 300px;
height: 200px;
border: 1px solid rgb(150,150,150); 
background-color: #FFFF99;
}

/*-------------------------------------------------------------------------------------------------Ticker Styles*/

#lticker {
text-align: center;
width: 320px;
height: 150px;
float: left;
}

#cticker {
text-align: center;
width: 320px;
height: 150px;
float: left;
}

#rticker {
text-align: center;
width: 320px;
height: 150px;
float: left;
}

#ticker {
width: 980px;
height: 150px;
float: left;
margin-right: 20px;
}


/*-------------------------------------------------------------------------------------------------Main Content Styles*/

.contentwrapper{
float: left;
width: 100%;
}

.leftcolumn1{
margin-right: 500px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
display: inline;
}

.centercolumn1{
float: left;
width: 300px; /*Width of left column in pixel*/
margin-left: -520px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
border-left: 1px solid rgb(150,150,150);
border-right: 1px solid rgb(150,150,150);
}

.rightcolumn1{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set margin to -RightColumnWidth*/
}

.leftcolumn2{
margin-right: 450px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.centercolumn2{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -440px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
}

.rightcolumn2{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -220px; /*Set margin to -RightColumnWidth*/
}

.goldclubrightcolumn1{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -220px; /*Set margin to -RightColumnWidth*/
background-color: #FABA00;
}


/*-------------------------------------------------------------------------------------------------Conference Content Styles*/

.confleftcolumn1{
margin-right: 320px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

.confcentercolumn1{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -520px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
border-left: 1px solid rgb(150,150,150);
border-right: 1px solid rgb(150,150,150);
}

.confrightcolumn1{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -320px; /*Set margin to -RightColumnWidth*/
border-left: 0px solid rgb(150,150,150);
}

#conffooter{
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
clear: left;
width: 100%;
text-align: left;
border-top: 1px solid rgb(150,150,150);
}

.confcolortop{
height: 150px; /*Height of top section*/
padding-top: 0px;
}


/*-------------------------------------------------------------------------------------------------Conference Menu*/

#tabsI {
float:left;
width:100%;
background: #B7B7B7;
font:normal 12px Verdana;
line-height:normal;
border-bottom:0px solid #A0A5A9;
}

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

#tabsI li {
display:inline;
margin:0;
padding:0;
}

#tabsI a {
float:left;
margin:0;
padding:0 0 0 0px;
text-decoration:none;
}

#tabsI a span {
float:left;
display:block;
background:url("images/graphics/conftab.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
color:#000000;
}

#tabsI a:hover {
background-position:0% -42px;
}

#tabsI a:hover span {
background-position:100% -42px;
}


/*-------------------------------------------------------------------------------------------------Footer Styles*/


#footer{
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
clear: left;
width: 100%;
text-align: left;
}

.currentspontext{
font-family: Arial;
margin-top: 0;
padding: 0;
font-weight: bold;
font-size: 15px;
margin: 10px;
}

#footertickerl {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
}

#footerticker2l {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
}

#footertickerc {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
border-right: 1px solid rgb(150,150,150);
border-left: 1px solid rgb(150,150,150);
}

#footerticker2c {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
border-right: 1px solid rgb(150,150,150);
border-left: 1px solid rgb(150,150,150);
}

#footertickerr {
text-align: center;
width: 319px;
height: 180px;
margin-top: 5px;
float: left;
}

#footerticker2r {
text-align: center;
width: 319px;
height: 50px;
margin-bottom: 5px;
float: left;
}

#footertext{
margin: 10px;
}



