*
{
    margin: 0;
    padding: 0;
    border: none;
}

body
{
    font-family: "Georgia" , Times, serif;
    font-size: 14px;
}
h1
{
}

h2
{
}

p
{
}

.clear
{
    clear: both;
}
/*END DEFAULT VALUES*/


/*MAIN STRUCTURE PAGE/////////////////////////////////////////////////////**/
/*The design is a canvas of 960px wide
Ideally white space for content are 4, 8, 16, 32, 64 and so on
There are 4 main blocks:
TOP, NAV, MAINCONTENT, FOOTER, each have hes own 960 container.
***************************************************************************/

#top
{
    width: 100%;
    height: 176px;
    background: url(../gfx/structure/top-repeatx.gif) repeat-x;
}
#top-container960
{
    width: 960px;
    margin: 0 auto 0 auto;
    height: 176px;
}
#login
{
    width: 100%;
    float: left;
    height: 60px;
    margin-top: 4px;
}
#login-container
{
    float: right;
    width: 480px; /*544px;*/
    background: url(../gfx/structure/login-decoration.gif) top left no-repeat;
    padding-left: 64px;
    padding-bottom: 8px;
}
#login-option
{
    float: left;
    margin-left: 100px;
    height: 24px;
    display: inline;
}
#login-option p, #login-forms p
{
    font-size: 12px;
    color: #FFFFFF;
}
#login-option a, #login-forms a
{
    color: #ffefc2;
    text-decoration: underline;
}
#login-option a:hover, #login-forms a:hover
{
    color: #ffe851;
    text-decoration: none;
}
#login-forms
{
    float: left;
    clear: both;
    margin-top: 0px;
    width: 480px;
    display: inline;
}
#login-caption
{
    float: left;
}
#logout-buttons
{
    float: left;
    margin-left: 16px;
    width: 344px;
    display: inline;
    text-align: right;
}
#login-buttons
{
    float: left;
    margin-left: 16px;
    width: 344px;
    display: inline;
}
.loginform
{
    height: 18px;
    padding-top: 2px;
    padding-left: 2px;
    border: solid 1px #2f4a32;
    margin-right: 4px;
    color: #2c462f;
    font-weight: 400;
}
#brand
{
    float: left;
    clear: both;
    width: 100%;
    height: 112px;
    background: url(../gfx/structure/toppic.jpg) right bottom no-repeat;
}
#brand-logo
{
    float: left;
    margin-right: 32px;
}
#brand-txt
{
    float: left;
    width: 368px;
    margin-top: 32px;
}
#brand-txt h1
{
    font-size: 22px;
    color: #333333;
    font-weight: lighter;
}
#brand-pic
{
    float: right;
    padding-top: 4px;
}
#extra-nav
{
    float: right;
}
#extra-nav a
{
    color: #5b5b5b;
    font-size: 14px;
    text-decoration: underline;
}
#extra-nav a:hover
{
    color: black;
    font-size: 14px;
    text-decoration: none;
}
#nav
{
    clear: both;
    height: 48px;
    width: 100%;
    background: url(../gfx/structure/navbck.gif) repeat-x;
}
#nav-container
{
    width: 960px;
    margin: 0 auto 0 auto;
}
#navblock
{
    float: right;
    width: 960px;
    text-align: right;
}
ul#nav-container
{
    float: right;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
ul#nav-container li
{
    float: right;
    margin: 0px 6px 0px 0px; /*buttons separations*/
    font-size: 18px;
}
ul#nav-container li a, ul#nav-container p
{
    display: block;
    margin-right: 10px;
    margin-bottom: 12px;
    padding-top: 12px;
    color: #f5ba20;
    text-decoration: none;
}
ul#nav-container li a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    text-decoration: underline;
}
#maincontent
{
    clear: both;
    width: 100%;
    height: 304px;
    background: url(../gfx/structure/maincontent-304.gif) repeat-x;
}
/*INTERNAL PAGE*/
#maincontent-internal
{
    clear: both;
    width: 100%;
    background: url(../gfx/structure/maincontent-3044.gif) repeat-x #0f3304;
}
#maincontent-container960
{
    width: 960px;
    margin: 0 auto 0 auto;
    background: url(../gfx/structure/maincontentcontainer960.gif) no-repeat;
    height: 288px; /*304px;*/
    padding-top: 16px;
}
/*INTERNAL PAGE*/
#maincontent-internal-container960
{
    width: 960px;
    margin: 0 auto 0 auto;
    background: url(../gfx/structure/internalbck.jpg) no-repeat #0f3304;
    padding-top: 16px;
}
#leftcontent
{
    float: left;
    width: 640px;
}
#leftcontent h1
{
    font-size: 30px;
    font-weight: lighter;
    background: url(../gfx/structure/ivyh1.gif) no-repeat;
    padding-left: 50px;
    color: #fbc122;
    height: 48px;
}
#leftcontent h2
{
    font-size: 30px;
    font-weight: lighter;
    padding-left: 50px;
    color: #FFFFFF;
}
#leftcontent h3, #upcomingeventcontent h3
{
    font-size: 18px;
    font-weight: lighter;
    padding-left: 50px;
    color: #FFFFFF;
}
#upcomingeventcontent h3
{
    padding: 0px;
}
#leftcontent p, #leftcontent table
{
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 48px;
}
/*INTERNAL PAGE*/
#upcomingeventcontent
{
    float: left;
    width: 960px;
}
#upcomingeventcontent h1
{
    font-size: 30px;
    font-weight: lighter;
    background: url(../gfx/structure/ivyh1.gif) no-repeat;
    padding-left: 50px;
    color: #fbc122;
    height: 48px;
}
#upcomingeventcontent p
{
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 48px;
}
/*INTERNAL PAGES*/
#upcomingevents-container
{
    clear: both;
    float: left;
    margin-top: 12px;
    padding-left: 50px;
}
#event-content
{
    width: 592px;
    float: left;
}
#event-content h2, #event-content table
{
    color: #FFFFFF;
}
#event-box
{
    width: 540px; /*592px;*/
    padding: 16px;
    background-color: #10151B;
    border-top: #95979a solid 1px;
    border-left: #474b50 solid 1px;
    border-right: #0b0f13 solid 1px;
    border-bottom: #000000 solid 1px;
    font-size: 14px;
}

.bordetable
{
    border-bottom: #999999 solid 1px;
}
#event1, #event1-profile, #event-profile-dater
{
    background: url(../gfx/hosts/hostbck1.jpg) repeat-y;
}
#event2, #event2-profile
{
    background: url(../gfx/hosts/hostbck2.jpg) no-repeat;
}
#event3, #event3-profile
{
    background: url(../gfx/hosts/hostbck3.jpg) no-repeat;
}

#leftcontentevents
{
    float: left;
    width: 255px; /*margin-right:48px;*/
    margin-right: 48px;
    _margin-right: 0px;
    display: inline;
}
#event1, #event2, #event3
{
    float: left;
    margin-right: 16px;
    width: 255px; /*287px;*/
    height: 384px; /*416px;*/
    padding: 16px;
    _padding: 15px;
}
#host-pictures
{
    float: left;
    margin-top: 16px;
}
#host-pictures h2
{
    color: #FFFFFF;
}
#hostpicturescontainer
{
    /*clear:both;*/
    float: left;
    margin-top: 16px;
    width: 288px;
    display: inline;
}
#hostpicturescontainer img
{
    float: left;
    border: solid 3px #FFFFFF;
    margin-right: 16px;
    margin-top: 16px;
}

#event1-profile, #event2-profile, #event3-profile
{
    float: left;
    margin-right: 16px;
    width: 255px; /*287px;*/
    height: 100px; /*416px;*/
    padding: 16px;
    _padding: 15px;
}
#event-profile-dater
{
    float: left;
    margin-right: 16px;
    width: 255px; /*287px;*/
    height: 60px; /*416px;*/
    _height: 40px; /*416px;*/
    padding: 16px;
    _padding: 12px;
    margin-top: 16px;
}

#upcomingevent-description
{
    float: left;
    width: 100%;
}
#event1 h2, #event2 h2, #event3 h2, #event1-profile h2, #event2-profile h2, #event3-profile h2
{
    color: #ffefc2;
    font-size: 24px;
    font-weight: lighter;
    margin-top: 8px;
    margin-left: 16px;
}
.upcomingpic
{
    margin-top: 16px;
    margin-bottom: 16px;
    float: left;
    clear: both;
    border: solid 3px #FFFFFF;
}
.event-status
{
    float: left;
    clear: both;
    width: 255px;
}
.event-status
{
    float: left;
    clear: both;
    width: 255px;
    padding: 0px;
    margin-left: 0px;
    font-size: 12px;
}
.findoutmore
{
    clear: both;
    float: left;
    margin-top: 16px;
    width: 255px;
    text-align: right;
}
.findoutmore a
{
    clear: both;
    color: #9AD889;
    font-style: italic;
    font-size: 14px;
    text-decoration: underline;
}
.findoutmore a:hover
{
    color: #FFFFFF;
    font-style: italic;
    font-size: 14px;
    text-decoration: underline;
}

/*PROFILE AND MY ACCOUNT COMES HERE*/

#profile-box
{
    background: url(../gfx/profile/boxtira2.gif) repeat-y;
    width: 914px;
    float: left;
    margin-left: 32px;
    display: inline;
}
#profile-box h2
{
    font-size: 24px;
    background: url(../gfx/profile/h2line.jpg) 190px bottom no-repeat;
}

#profile-box2
{
    background: url(../gfx/profile/boxtira.gif) repeat-y;
    width: 610px;
    float: left;
    margin-left: 32px;
    display: inline;
}
#profile-box2 h2
{
    font-size: 24px;
    background: url(../gfx/profile/h2line.jpg) 190px bottom no-repeat;
}


#profile-container
{
    background: url(../gfx/profile/profile-box914x399.jpg) no-repeat;
    width: 914px;
    float: left;
}
#profile-container2
{
    background: url(../gfx/profile/profile-box610x399.jpg) no-repeat;
    width: 610px;
    float: left;
}
#profile-top
{
    width: 578px; /*610px;*/
    float: left;
    padding: 0 16px 0 16px;
}
#profile-email
{
    float: right;
    height: 16px;
    width: 578px;
    text-align: right;
    margin-top: 2px;
    color: #FFFFFF;
}
#profile-pic
{
    float: left;
    background: url(../gfx/profile/profilepicbck182x182.gif) no-repeat;
    width: 182px;
    height: 182px;
    margin-right: 10px;
    /*text-align: center;
    vertical-align: middle;*/
}
#profile-pic img
{
    margin-top: 3px;
    margin-left: 3px;
}
#profile-buttons-container
{
    float: left;
    margin-top: 48px;
    width: 384px;
}
#profile-about-container
{
    float: left;
    margin-top: 8px;
    width: 384px;
}
.profile-buttons
{
    float: left;
    width: 96px;
    height: 80px;
    text-align: center;
    color: #FFFFFF;
    display: inline;
}
.profile-buttons a, #profile-buttons-container a
{
    width: 96px;
    height: 80px;
    text-decoration: none;
    color: #FFFFFF;
    display: block;
}
.profile-buttons a:hover, #profile-buttons-container a:hover
{
    width: 96px;
    height: 80px;
    text-decoration: none;
    color: #9AD889;
    background-color: #081C03;
}
#profile-bottom
{
    float: left;
    clear: both;
}
#profile-messages
{
    float: left;
    width: 176px;
    margin-left: 16px;
    margin-right: 16px;
    display: inline;
}
.matches-result
{
    float: left;
    width: 590px;
    margin-top: 12px;
}
.matches-result table td
{
    height: 30px;
}


#profile-matches
{
    float: left;
    width: 390px;
}
#profile-events
{
    float: left;
    width: 276px;
    margin-left: 16px;
}
#matches-box
{
    float: left;
    width: 390px;
    height: 142px;
    margin-bottom: 16px;
    float: left;
    background: url(../gfx/profile/matchesbox390x142.gif) no-repeat;
}
#events-box
{
    float: left;
    width: 281px;
    height: 142px;
    margin-bottom: 16px;
    float: left;
    background: url(../gfx/profile/matchesbox281x142.gif) no-repeat;
}
#matches-left
{
    float: left;
    margin-left: 16px;
    margin-top: 16px;
    width: 176px;
    display: inline;
}
#matches-left p
{
    font-size: 12px;
    margin-left: 0px;
}

#matches-left h4
{
    font-size: 16px;
    font-weight: bold;
    color: #fbc122;
}
#matches-left-events
{
    float: left;
    margin-left: 16px;
    margin-top: 16px;
    width: 246px;
    display: inline;
}
#matches-left-events p
{
    font-size: 12px;
    margin-left: 0px;
}

#matches-left-events h4
{
    font-size: 16px;
    font-weight: bold;
    color: #fbc122;
}



#matches-right
{
    float: left;
    margin-left: 16px;
    margin-top: 16px;
    display: inline;
    width: 180px;
}
.matches-buttontop
{
    float: left;
    width: 180px;
    height: 35px;
    display: table;
}
.matches-buttontop img
{
    float: left;
    margin-right: 4px;
}
.matches-buttontop a
{
    padding-top: 8px;
    vertical-align: middle;
}
.linkmatches
{
    float: left;
    margin-top: 4px;
}


#profile-footer
{
    width: 610px;
    float: left;
    clear: both;
}
#profile-footer img
{
    clear: both;
}



.spacer16
{
    width: 100%;
    height: 16px;
    clear: both;
}
.spacer32
{
    width: 100%;
    height: 32px;
    clear: both;
}
#maindescription
{
    float: left;
}
#home-picture
{
    float: left;
    background: url(../gfx/structure/homebckpic.gif);
    width: 320px; /*336px;*/
    height: 208px; /*224px;*/
    padding: 8px;
}
#site-description
{
    float: left;
    margin-left: 15px;
    width: 288px;
}
#site-description img
{
    margin-bottom: 16px;
}
#site-description p
{
    color: #FFFFFF;
    font-size: 14px;
}
.link
{
    clear: both;
    margin-top: 16px;
    margin-bottom: 16px;
    float: right;
}
#site-description a, .matches-result a, .link a, #leftcontent a, #event-box a, #event-description a, #event1-profile a, #event2-profile a, #event3-profile a
{
    color: #f5ba20;
    text-decoration: underline;
}
#site-description a:hover, .matches-result a:hover, .link a:hover, #leftcontent a:hover, #event-box a:hover, #event-description a:hover, #event1-profile a:hover, #event2-profile a:hover, #event3-profile a:hover
{
    color: #99FF99;
    text-decoration: none;
}
#newsletter
{
    clear: both;
    float: left;
    margin-top: 16px;
    width: 640px;
}
#newsletter p
{
    color: #9ad889;
    font-size: 14px;
    float: left;
    padding-top: 4px;
}
.emailinput
{
    float: left;
    height: 24px;
    padding-top: 6px;
    padding-left: 4px;
    background: url(../gfx/structure/emailbck.gif) no-repeat;
    width: 202px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    margin-right: 8px;
    margin-left: 24px;
}
.captchainput
{
    float: left;
    height: 24px;
    padding-top: 6px;
    padding-left: 4px;
    background: url(../gfx/structure/emailbck.gif) no-repeat;
    width: 130px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    margin-right: 8px;
    margin-left: 24px;
}
.emailinputarea
{
    float: left;
    height: 100px;
    padding-top: 6px;
    padding-left: 4px;
    background: url(../gfx/structure/contacttxtarea.gif) no-repeat;
    width: 202px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    margin-right: 8px;
    margin-left: 24px;
}
.emailbtn
{
    float: left;
}

#events-home
{
    float: left;
    margin-left: 16px;
    background: url(../gfx/structure/upcominghomebck.jpg) no-repeat;
    width: 287px;
    height: 288px;
}
#events-home-profile
{
    float: left;
    margin-left: 16px;
    background: url(../gfx/structure/upcominghomebck.jpg) no-repeat;
    width: 287px;
    height: 232px;
}
#events-home h2, #events-home-profile h2
{
    color: #ffefc2;
    font-size: 24px;
    font-weight: lighter;
    margin-top: 8px;
    margin-left: 16px;
}
#event-container
{
    float: left; /*padding:16px 16px 0 16px;*/
    width: 255px; /*287px;*/
    height: 160px; /*176px;*/
    margin-right: 16px;
    margin-left: 16px;
    margin-top: 24px;
    display: inline;
}
#event-description
{
    float: left;
    width: 100%;
}
#event-calendar
{
    width: 62px;
    height: 73px;
    float: left;
    background: url(../gfx/structure/calendarbk62x64.gif) no-repeat;
}
#event-picture-profile
{
    float: left; /*background:url(../gfx/structure/calendarbk62x64.gif) no-repeat;*/
    /*vertical-align: middle;
    text-align: center;*/
}

#event-picture-profile img
{
    border: solid 3px white;
    margin-right: 8px;
}

.calendar-month
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 2px;
    padding: 0px;
    font-size: 12px;
    text-transform: uppercase;
}
.calendar-day
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #000000;
    padding-bottom: 2px;
    padding: 0px;
    font-size: 30px;
    text-transform: uppercase;
}
.calendar-date
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #000000;
    padding-bottom: 2px;
    padding: 0px;
    font-size: 12px;
    text-transform: uppercase;
}
#event-location
{
    float: left;
    margin-left: 8px;
    width: 185px;
}

#event-location h3
{
    font-size: 18px;
    color: #fbc122;
    font-weight: lighter;
    padding: 0px;
}

#event-location h3 a
{
    font-size: 18px;
    color: #fbc122;
    font-weight: lighter;
    padding: 0px;
}

#event-location h4
{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: lighter;
}
#dater-info
{
    float: left;
    margin-left: 8px;
    width: 160px;
}
#dater-info h3, #dater-info h3 a
{
    font-size: 18px;
    color: #fbc122;
    font-weight: lighter;
    padding: 0px;
}
#dater-info h3 a
{
    text-decoration: underline;
}
#dater-info h3 a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
#dater-info h4
{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: lighter;
}



#event-hour
{
    float: left;
}
#event-hour h5
{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: lighter;
    background: url(../gfx/structure/clockicon.gif) no-repeat 0px 3px;
    padding-left: 12px;
}
#event-join
{
    clear: both;
    float: left;
    width: 255px;
}
.box50
{
    width: 49%;
    float: left;
    text-align: center;
    margin-top: 4px;
    display: inline;
}
.box50 h3
{
    color: #FFFFFF;
    font-weight: lighter;
    font-size: 18px;
    padding-left: 0px;
}
.box50 h4
{
    color: #9ad889;
    font-weight: lighter;
    font-size: 18px;
}
.line
{
    width: 255px;
    height: 1px;
    background: #FFFFFF;
    clear: both;
    float: left;
    line-height: 1px;
    overflow: hidden;
}
.line2
{
    width: 550px;
    height: 1px;
    background: #fbc122;
    clear: both;
    float: left;
    line-height: 1px;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px;
}
#event-search
{
    clear: both;
    width: 239px;
    padding-left: 30px;
    padding-right: 16px;
    margin-top: 16px;
    float: left;
}
.searchinput
{
    float: left;
    height: 26px;
    padding-top: 6px;
    padding-left: 4px;
    background: url(../gfx/structure/searchbck.gif) no-repeat;
    width: 188px;
    font-size: 16px;
    color: #666666;
    font-style: italic;
    font-weight: bold;
}
.searchbtn
{
    float: left;
}
#footer
{
    clear: both;
    width: 100%;
    background: url(../gfx/structure/footerrepeatx.gif) top repeat-x;
}
#footer-container960
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.footertext
{
    float: left;
    color: #071c01;
    width: 320px;
    margin-top: 20px;
    font-size: 17px;
    font-weight: lighter;
}
.footertext a
{
    color: #006600;
}
#ivy-logos
{
    width: 608px;
    margin-left: auto;
    margin-right: auto;
}
#ivy-logos p
{
    text-align: center;
}
.ivylogos
{
    margin-top: 16px; /*margin-left:16px;*/
    text-align: center;
    margin-bottom: 16px;
}
.linegrey
{
    width: 960px;
    height: 1px;
    background: #c9cac9;
    clear: both;
    float: left;
    line-height: 1px;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px;
}
#footernav
{
    width: 100%;
    text-align: center;
    color: #c9cac9;
    margin-bottom: 16px;
}
#footernav a, #ivy-logos a
{
    color: #999999;
    text-decoration: none;
}
#footernav a:hover, #ivy-logos a:hover
{
    color: #999999;
    text-decoration: underline;
}
.captionsmall
{
    font-size: 12px;
    float: left;
}
.error_message
{
    color: yellow;
}


.msglisthdr td 
{
    background-color: #082718;
    text-align: center;
}

.msglistrowodd td 
{
    background-color: #1F660A;
    text-align: center;
}

.msglistroweven td 
{
    background-color: #174C08;
    text-align: center;
}

.Estilo3 {color: #FFFFFF; font-weight: bold; }
.Estilo4 {color: #FFFFFF}

label
{
    color: White;
}

.eventpager
{
	padding-left: 48px;
	font-size: 18px;
	color: #FBC122;
}

.eventpager a
{
	font-size: 18px;
	color: #FBC122;
}