/* LAYOUT (location, sizing, margins) */
html, body {
	margin: 0;
	text-align: left;
}
body { 
    background: #fff url(../images/elements/BannerBgPattern.gif) top left repeat-x;
    width: 100%;
    overflow: visible;
    position: relative; }
h1 {margin: 0;}
h2 {margin-bottom: 40px;}
h3 {margin: 5px 0;}

/* POSITIONING */
#BodyWrapper
{
    position: relative;
    width: 1000px;
    left: 20px;
    top: 0px;
}
.grid-element { display: inline; float: left; position: relative; }
#PrimaryGrid { width: 755px; }
#SecondaryGrid { width: 245px; }


#BannerSection { position: relative; width: 100%; margin-left: 62px;}
#ContentSection { position: relative; width: 100%; margin-left: 0; margin-top: 50px; }

#Header { position: relative; width: 100%; }
#Logo { margin-top: 20px; }
#Logo, #Logo a, #Logo a img { display: block; width: 121px; height: 120px; }
#Heading { margin-left: 20px; margin-top: 35px; }
#Heading a { display: block; margin: 0; }
#TopNavigation { margin-left: 141px; margin-top: -20px; }


/*
#SecondaryGrid { background: transparent url(../images/elements/event-box-bg.gif) top left no-repeat; }
*/

#HelperNavigation { width: 100%; position: relative; height: 40px; overflow: hidden; }
#HelperNavigation ul { width: 100%; position: relative; margin-top: 5px; overflow: hidden; }
#HelperNavigation ul li { float: right; display: inline; margin-left: 20px; padding-left: 20px; border-left: solid 1px #000; }
#HelperNavigation ul li.omega { border-left: none; }
#HelperNavigation ul li a { color: #333; }

/* Event Zone */
#EventZone { width: 245px; }
#EventZone .event-logo { display: block; width: 245px; height: 184px; }
#EventZone .event-box { margin-top: -100px; padding-top: 100px; margin-left: 31px; width: 183px; }
#EventZone .event-box { background: transparent url(../images/elements/event-box-bottom.gif) center bottom no-repeat; }
#EventZone .event-box ul { margin-top: 20px; margin-left: 20px; }
#EventZone .event-box ul li { width: 140px;  height: 12px; margin: 0 0 30px 10px; padding-left: 20px; background: transparent url(../images/elements/event-bullet.gif) top left no-repeat; }
#EventZone .event-box ul li a { display: block; width: 120px; height: 12px; }
#EventZone .event-box ul li a:hover { background-position: left bottom; }

/* EndorsementZone */
#EndorsementZone { 
    margin-top: 20px; margin-left: 31px; width: 183px;
}

/* faux columns */
.canvas { position: relative; width: 100%; clear:both;}
.line { position: relative; width: 100%; float: left; overflow: hidden; display: block; }
.tier { margin-bottom: -5000px; padding-bottom: 5000px; }
.item { position: relative; left: 100%; float: left; overflow: hidden; }

#MainContent { margin-top: 0px; margin-left: -615px; width: 600px; }
#SideNavigation { margin-top: 0px; margin-left: -755px; width: 120px; padding-right: 20px; }
#SideNavigation .inner { margin-top: 0px; border-right: solid 1px #EF4136; }


/* Menus */
#TopNavigation ul {
    position: absolute;
    left: 200px;
    top: 120px;
    width: 700px;
    
}
#TopNavigation ul li {
    width: 112px;
    
    background: #EC2227;    
    
    float: left;
    margin-right: 10px;
}
#TopNavigation ul li a {
    display: block;
    width: 112px;
    height: 24px;
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;    
}
#TopNavigation ul li div.nav-extra 
{
    margin: 6px 8px 10px 10px;
}
#TopNavigation ul li div.nav-extra a {
    display: block;
    width: auto;
    height: auto;
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    letter-spacing: 0px;   
    margin: 4px 0; 
}
#TopNavigation ul li div.nav-extra a:hover {
    color: #000;
}
#SideNavigation ul {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#SideNavigation ul li {
    width: 100px;
    line-height: 100%;
    text-align: right;
    margin-bottom: 20px;
}
#SideNavigation ul li a {
    color: #4a80ff;  
    font-size: 85%;
    letter-spacing: -1px;  
}

#SideNavigation ul li a:hover, #SideNavigation ul li a.selected, #SideNavigation ul li.selected a {
    color: #900;
}

#SideNavigation ul li h4 {
    margin: 0; padding: 0;
}

#ContentWrapper, #FooterWrapper
{    
	position: relative;
	width: 100%;
}

#FooterWrapper {
    margin-top: 20px;
    padding-top: 10px;
    border-top: solid 1px #eee;
    font-size: 80%;
}
#FooterWrapper #Copyright, #FooterWrapper ul { position: relative; float: left; }
#FooterWrapper #Copyright { margin-right: 10px; }
#FooterWrapper ul li { float: left; margin-right: 10px; }


p { margin: 10px 0; }
.section-end { margin-bottom: 20px; }

.floatL { float: left; overflow: hidden; }
.floatR { float: right; overflow: hidden; }
.clearAll, .fixBox 
{
    clear: both;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;    
}
.fixBox { height: 1px; }
fieldset div { margin: 10px 0; }

#ContentWrapper ul { margin: 10px 20px; list-style: disc; }
#ContentWrapper li { margin: 0 10px; }
#ContentWrapper li span.event-title { font-weight: bold; }


/* IMAGE REPLACEMENT */
.img-replace { display: block; text-indent: -9999px; }


/* BACKGROUNDS */
#SiteName { background: transparent url(../images/elements/LASAA.gif) top left no-repeat; width: 220px; height: 60px; }
#SiteTagline { background: transparent url(../images/elements/Organization.gif) top left no-repeat; width: 220px; height: 20px; }
#NewsInfoLink { background: transparent url(../images/elements/event-link-newsInfo.gif) top left no-repeat; }
#CalendarLink { background: transparent url(../images/elements/event-link-calendar.gif) top left no-repeat; }
#RegistrationLink { background: transparent url(../images/elements/event-link-registration.gif) top left no-repeat; }
#ResultsLink { background: transparent url(../images/elements/event-link-results.gif) top left no-repeat; }
h1.page-location { background-repeat: no-repeat; background-color: Transparent; height: 55px; width: 510px; background-position: top left; }
h2.page-section { background-image: url(../images/elements/page-titles.png); background-repeat: no-repeat; background-color: Transparent; height: 20px; width: 250px; }
h2.news-info { background-position: 0px 0px; }
h2.calendar { background-position: 0px -20px; }
h2.registration { background-position: 0px -40px; }
h2.results { background-position: 0px -60px; }
#TopNavigation li.topnav_HOME a { background-image: url(../images/elements/top-nav-home.png); }
#TopNavigation li.topnav_ABOUT a { background-image: url(../images/elements/top-nav-about.png); }
#TopNavigation li.topnav_EVENTS a { background-image: url(../images/elements/top-nav-events.png); }
#TopNavigation li.topnav_CONTACT a { background-image: url(../images/elements/top-nav-contact.png); }
#TopNavigation li.selected a, #TopNavigation li a:hover { background-position: 0px -25px; }


/* COLORS */
body { color: #666; }
a, .contactus {color: #4A80FF; }
a.selected, a:hover { color: #EC2227; }
h1, .h1, h1 a, a.h1 {color: #000;}
h2, .h2, h2 a, a.h2 {color: #CCB772;}
h3, .h3, h3 a, a.h3 { color: #333;}
h4 { color: #000; }
a#SiteTagline { color: #fff; }
a#SiteTagline:hover { color: #000; }
.big-heading:before { content: "\00bb\00a0"; color: Red; }
ul.secondary-nav a { color: #000; }
ul.secondary-nav a:hover { color: #fff; }
ul.secondary-nav a.selected { color: #EF4136; }

/* BORDERS */
a, .contactus { outline: none; border: none; }
img { border: none; }
fieldset { border: none; }
acronym { border-bottom: double 3px #ccc; cursor: help; font-weight: bold; }

/* TYPEFACE / STYLE */ 
body {	font: 13px/150% Helvetica, Verdana, Arial, sans-serif; }
a, .contactus { text-decoration: none; }
a.selected, #MainMenu li.selected a { font-weight: bold; }
input, select, textarea { font-size: 100%; }
h1 {font-size: 60px; line-height: 60px; letter-spacing: -1px; text-transform: uppercase; font-weight: bold;}
h2 {font-size: 22px; line-height: 23px; letter-spacing: 2px; text-transform: uppercase;}
h3 {font-size: 140%; line-height: 130%; letter-spacing: 0px; font-weight: bold; }
h4 {font-size: 100%; line-height: 110%; letter-spacing: 0px; font-weight: bold; }
dt { font-weight: bold; }
dd { font-size: 90%; }
strong { font-weight: bold; }
em { font-style: italic; }
.big-heading {font-size: 140%; line-height: 130%; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; }
ul.secondary-nav a { font-size: 16px; line-height: 16px; letter-spacing: -1px; font-weight: bold; text-transform: uppercase; }

a#SiteTagline {font: 12px/100% "Palatino Linotype", Palatino, "Times New Roman", Times, serif; }


#MainMenu ul li a { font-size: 14px; line-height: 20px; }
#FooterArea { font-size: 80%; }

/* BOXY */
div.boxy {            
    margin: 0px 0px 40px 0px;
    padding: 10px 10px;
    border: solid 2px #6E7073;
    border-top: none;
    background: #F5F0E9;
}
div.boxy.full { width: 95%; }
div.boxy.large { width: 550px; }
div.boxy.medium { width: 500px; }
div.boxy.small { width: 300px; }
div.boxy.tiny { width: 240px; }

div.boxy > label, div.boxy .caption {
    position: relative;
    display: block;        
    margin: -10px -10px 10px -10px;
    padding: 0 10px 0 10px;
    background: #2F4963;
    color: #F5F0E9;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    font-weight: bold;
    letter-spacing: 1px;
    background-position:  96% 50%;
    background-repeat: no-repeat;
}       
div.boxy > label div, div.boxy .caption div { margin: 0; padding: 0; }
div.boxy div.caption.caption-open {
    background-image: url(../images/art/ir-up-white.png);
    cursor: pointer;
}
div.boxy div.caption.caption-closed {
    background-image: url(../images/art/ir-down-white.png);
    cursor: pointer;
}
/* hide/reveal */
div.revealme {} 
div.revealme .handle {
    position: relative;
    display: block;        
    margin: 0;
    padding-left: 20px;
    background-color: #fff;
    color: #BFAA6B;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    font-weight: normal;
    letter-spacing: 1px;
    background-position:  left 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
div.revealme .content {
    display: block;        
    margin: 0;
    padding: 5px;
    border: solid 1px #EFE4C2;
}
div.revealme .handle.closed {
    background-image: url(../images/art/ir-down.png);
}
div.revealme .handle.open {
    background-image: url(../images/art/ir-up.png);
}

/* Columns */
div.two-column, div.three-column, div.four-column {
    position: relative;
    width: 600px;
    overflow: hidden;
}
div.two-column .column, div.three-column .column, div.four-column .column {
    position: relative;
    overflow: hidden;
    float:left;    
    margin-right: 20px;    
}
div.two-column .column.last, div.three-column .column.last, div.four-column .column.last {
    margin-right: 0px;
}
div.two-column .column { width: 270px; }
div.three-column .column { width: 180px; }
div.three-column .column.double { width: 380px; }
div.four-column .column { width: 130px; }
div.four-column .column.double { width: 280px; }
div.four-column .column.triple { width: 430px; }
  

/* MISC */
form label { cursor: pointer; padding-right: 10px; font-weight: bold; letter-spacing: 2px; display: block; }

.help-popup 
{
    border: solid 1px #ddd;
    padding: 3px 5px;
    cursor: pointer;
}
.help-popup-img { border: solid 1px #fff; padding: 1px; cursor: pointer; }
.help-popup-img-rollover { border-color: #000; }

.modal, .modal-background {
    background: transparent url(../images/art/bg-modal.png) top left repeat;
}
.qtip {}
.add-below {}
.add-tip span.help { 
    background: transparent url(../images/art/ir-help-clear.png) left 50% no-repeat;
    height: 14px;
    font-size: 80%;
    color: #ccc;
    margin-left: 10px;
    padding-left: 18px;
    cursor: help;
}
.small { font-size: 85%; }
.hidden { display: none; }
.lorem-ipsum { color: #ccc; }
.pointer { cursor: pointer; }
.fiftyfifty { width: 45%; float: left; }
.block { position: relative; width: 99%; clear: both; overflow: hidden; }
.scroll-back, .scroll-to { display: block; font-size: 85%; padding-left: 12px; margin: 5px 0; }
.scroll-to { background: transparent url(../images/art/ir-down.png) left 50% no-repeat; }
.scroll-back { background: transparent url(../images/art/ir-up.png) left 50% no-repeat; }

a.help:before, a.help:after { color: #900; }
a.help:before { content: '\00A0\2217'; }
a.help:after { content: '\2217\00A0'; }


/* ERROR and WARNING and SUCCESS */

div.error, div.warning, h4.error
{
	background-color: #fff6bf;
	background-repeat: no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
div.error, h4.error {	background-image: url(../images/art/error.png);}
div.warning {	background-image: url(../images/art/warning.png); }
h3.error, span.error { color: #EC2227; }
h4.error { color: #000; }

.success { color: #000; }
div.success, h4.success
{
	background-color: #E6FFA2;
	background-repeat: no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #8ABF77;
	border-bottom: 2px solid #8ABF77;
}
div.success, h4.success {	background-image: url(../images/art/success.png);}

div.success ul li, div.error ul li, div.warning ul li { margin: 10px; }

#ieUpgradeNotice { display: none; }

/* LISTS */
ul.real, ol,real, dl.real { margin: 20px 30px; }
ul.real.no-indent, ol,real.no-indent, dl.real.no-indent { margin: 20px 0px; }
ul.real li, ol.real li { margin: 10px 20px; }
ul.real { list-style-type: square; }
ul.real li ul.real li { list-style-type: circle; }
ol.decimal { list-style-type: decimal; }
ol.leading-zero { list-style-type: decimal-leading-zero; }
ol.georgian { list-style-type: georgian; }
ol.alpha, ol.alpha li { list-style-type: upper-alpha; }
ol.alpha-lower, ol.alpha-lower li { list-style-type: lower-alpha; }
ol.latin, ol.latin li { list-style-type: upper-latin; }
ol.latin-lower, ol.latin-lower li { list-style-type: lower-latin; }
ol.roman, ol.roman li { list-style-type: upper-roman; }
ol.roman-lower, ol.roman-lower li { list-style-type: lower-roman; }
dl dt { margin: 0; font-weight: bold; }
dl dd { margin-bottom: 20px; }