/* CSS Document ---------------------------------------------------------MAIN page: STRUCTURE---------------------------*/

html,body{
    position:relative;
    margin:auto auto;
    text-align:center;
    background-color: #CCCCCC;
    background-position:top center;
    background-image:url(images/header.jpg);
    background-repeat:repeat-x;
    padding:0px;
}

#header{
    position:relative;
    width:1000px;
    margin: auto auto;
    height:276px;
    background-image:url(images/headerTop.jpg);
    background-repeat:no-repeat;
    background-position:-1px 0px;
}

#container{
    position:relative;
    width:1000px;
    height:auto;
    min-height:600px;
    background-color: #B2B2B2;
    background-position:top center;
    background-image:url(images/bgBody.jpg);
    background-repeat:repeat-y;
    margin:auto auto;
    padding:0px;
}

#activeArea{
    float:left;
    top:0px;
    width:720px;
    background-color:#FFF;
    height:auto;
    overflow:hidden;
    padding:0;
    text-align:left;
    margin-left:12px;
}

#footer{
    position:relative;
    width:1000px;
    margin:auto auto;
    height:144px;
    background-image:url(images/bgFooter.jpg);
    background-repeat:no-repeat;
    background-position:-1px 0px;
}

.footerLink{
    font-family:sans-serif;
    font-size:14px;
    line-height:1.2em;
    color:#777777;
}

.footerLink a{
    text-decoration:none;
    color:#777777;

}

.standardPad{
    padding:10px 20px;

}

.spacer{
    height:1px;
    width:1px;
    background-color:transparent;
    clear:both;
}

.divider{
    width:80%;
    height:20px;
    border-bottom:1px solid #AAAAAA;
    margin-bottom:20px;

}

.floatIcon{
    width:90px;
    float:left;
    margin-right:10px;
    margin-top:5px;
    text-align:center;
    padding:5px;
    border:2px solid #FFF;

}

.floatIcon a, .floatIcon a img{
    text-decoration:none;
}



.cmsIcon{
    width:90px;
    /*height:80px;*/
    float:left;
    margin-right:5px;
    margin-top:5px;
    text-align:center;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cmsIcon a{

    text-decoration:none;

}

.selectedState{
    background-color:#ADA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nonSelected{
    background-color:#FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



.cmsIcon img:hover{
    cursor:pointer;
}

.cmsIconLabel{
    font-family:arial,sans-serif;
    font-weight:bold;
    font-size:9px;
    line-height:11px;
    color:#555;
}

#cmsEditPane{
    width:80%;
    padding:18px;
    min-height:50px;
    text-align:left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #555;
    background-color:#EEE;
}

#cmsPreviewPane{
    position:relative;
    width:80%;
    padding:18px;
    min-height:200px;
    text-align:left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #555;
    background-color:#FFF;
}

#columnPreviewPane{
    position:relative;
    width:80%;
    padding:18px;
    min-height:200px;
    text-align:left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #555;
    background-color:#555;
}

.cmsInfo{
    font-family:arial, sans-serif;
    font-size:8pt;
    color:#555;
    margin-bottom:5px;


}
.cmsTitle{
    font-family:arial, sans-serif;
    font-size:14pt;
    font-weight:normal;
    color:#555;
    margin-bottom:5px;

}

.pageIcon{
    float:left;
    width:70px;
    text-align:center;
    margin-right:10px;
    margin-bottom:10px;

}

.pageIcon:hover{
    cursor:pointer;
}

.redTitle{
    color:#C41230;
}

.greenTitle{
    color:#009900;
}



/*---------------------FLASH AND NAVIGATION---------------------------------*/

#searchBox{
    position:absolute;
    top:20px;
    left:670px;
    height:40px;
    width:310px;
    background-color:transparent;
}

#flashHeader{
    position:absolute;
    top:65px;
    left:250px;
    height:185px;
    width:730px;
    background-color:transparent;
}

#flashHeaderWrapper{
    height:185px;
    width:730px;
    background-color:transparent;
}

#leftNav{
    float:left;
    top:0px;
    width:200px;
    height:auto;
    margin-left:42px;
    background-color:transparent;
    overflow:hidden;
}  

#footerLinks{
    position:absolute;
    top:40px;
    left:450px;
    width:500px;
    height:50px;
    background-color:transparent;
    text-align:left;
}



/* CSS Document ---------------------------------------------------------MAIN page: CMS STRUCTURE LAYOUT STYLES---------------------------*/

#cmsColumn1{
    float:left;
    background-color:#FFF;
    text-align:left;
    overflow:hidden;
    height:auto;
}

#cmsColumn2{
    float:left;
    background-color:#FFF;
    text-align:left;
    overflow:hidden;
    height:auto;
}

#cmsWidgetColumn{
    float:left;
    background-color:transparent;
    text-align:left;
    overflow:hidden;
    min-height:500px;
    

}

/* CSS Document ---------------------------------------------------------MAIN page: CMS ELEMENT STYLES---------------------------*/

a img{
    border:0;
    text-decoration:none;
}

h1,p{
    margin:2;
    padding:2;
}

h2{
    margin-bottom:10px;
}

h1 + h2 { 
    margin-top: -5px;
}

h2 + h2{
    margin-top:-10px;
}

.cmsHeading{
    font-family:arial, sans-serif;
    font-size:24px;
    color:#C41230;

}

.cmsSubheading{
    font-family:arial, sans-serif;
    font-size:14px;
    color:#555;
}

.cmsCopy{
    font-family:arial, sans-serif;
    font-size:11px;
    color:#555;
}

.cmsLink{
    font-family:arial, sans-serif;
    font-size:12px;
    color:#000099;
    text-decoration:underline;
    font-weight:bold;
    margin-left:10px;
}

.cmsList{
    font-family:arial, sans-serif;
    font-size:12px;
    color:#555;
    font-weight:bold;
}

ul.cmsList{
    list-style-type:disc;
    list-style-position:outside;
}

.chapterArt{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    text-align:center;
    height:220px;
    width:180px;
    overflow:hidden;
    padding:10px;

}

.chapterArt a{
    text-decoration:none;
    border:0;
    color:#C41230;
}


/* CSS Document ---------------------------------------------------------DIRECTORY SEARCH page--------------------------*/

.theDistance{
    height:90px;
    width:90px;
    background-image:url(images/bgDistance.png);
    float:right;
    margin-top:10px;

}

.viewProfile{
    height:31px;
    width:105px;
    background-image:url(../../../images/viewProfile.png);
    float:right;
    margin-top:40px;
    margin-right:10px;
}

/* CSS Document ---------------------------------------------------------LEADERSHIP BOARD STYLES---------------------------*/

.boardMember{
    width:153px;
    height:273px;
    float:left;
    margin-right:10px;
    text-align:center;
    background-image:url(images/bgProfile.png);
    margin-bottom:10px;

}

.boardImage{
    margin:auto auto;
    width:116px;
    height:150px;
    overflow:hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.boardMember:hover{
    background-color:#FFF;
}

.boardContainer{
    padding:10px 7px 5px 7px;
}

.boardTitle{
    font-family:arial,sans-serif;
    font-size:11px;
    line-height:1.4em;
}

.boardPosition{
    font-family:arial,sans-serif;
    font-size:11px;
    line-height:1.4em;
    color:#999;
}

.boardCompany{
    font-family:arial,sans-serif;
    font-size:11px;
    line-height:-3px;
    font-weight:bold;
    color:#888;
}

#panelAdvisor, #panelBoard{
    display:block;

}


/* CSS Document ---------------------------------------------------------PARTNER PAGE STYLES---------------------------*/

.partner{
    width:207px;
    height:238px;
    float:left;
    margin-right:10px;
    text-align:center;
    background-image:url(images/bgPartner.png);
    background-repeat:no-repeat;
    margin-bottom:10px;
    padding-top:20px;

}

.partnerImage{

    width:170px;
    height:150px;
    overflow:hidden;
    margin:auto auto;
    background-color:#FFF;
    text-align:center;


}

/* CSS Document ---------------------------------------------------------SPONSOR BOX AND BANNER BOX---------------------------*/


.sponsorBox{
    width:168px;
    height:160px;
    background-color:#FFF;
    margin:20px auto 20px auto;
    text-align:center;

}

.bannerBox{
    width:168px;
    height:auto;
    background-color:transparent;
    margin:20px auto 20px auto;
    text-align:center;

}

#cmsWidgetColumn .bannerBox{
    margin:0px auto 20px auto;


}



/* CSS Document ---------------------------------------------------------LEFT NAVIGATION STYLES---------------------------*/


ul.menu, ul.menu ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 200px;
    text-align:left;
}

ul.menu a {
    display: block;
    text-decoration: none;
}

ul.menu li {
    margin-top: 1px;
}

ul.menu li a {
    background: #333;
    color: #fff;
    padding: 0.5em;
}

ul.menu li a:hover {
    background: #C41230;
}

ul.menu li ul li a {
    background: #ccc;
    color: #000;
    padding-left: 20px;
}

ul.menu li ul li a:hover {
    background: #aaa;
    border-left: 5px #C41230 solid;
    padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.navSection{
    font-family:arial,sans-serif;
    font-size:18px;
    line-height:1.4em;

}

.navSubSection{
    font-family:arial,sans-serif;
    font-size:14px;
    line-height:1.4em;

}

/*-----------------------------------------------------------------------MANAGES THE STYLE OF MANAGEMENT INTERFACE ----------------------*/

.notification{
    padding:15px;
    text-align:left;
    border:4px double #FF0000;
    background-color: #F7F5F2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    font-family:arial, sans-serif;
    font-size:10pt;
    line-height:1.5em;
    color:#555;
}

.theBorder{
    border:1px solid #AAA;
}

.borderRed{
    border:1px solid #FF0000;
}

.red{
    color:#FF0000;
}

/*----------------------------------------------------------------------------ICON TOOLBAR ------------------------*/

.icon{
    width:100px;
    float:left;
    margin-right:10px;
    margin-top:5px;
    text-align:center;
    padding:5px;
    border:2px solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.icon:hover{
    border:2px solid #C41230;
}

.iconLabel{
    font-family:arial,sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:1.3em;
    color:#555;
}

.instruction{
    width:70%;
    padding:10px;
    font-family:arial,sans-serif;
    font-size:8pt;
    color:#555;
}

.pointer{
    cursor:pointer;
}

/*----------------------------------------------------------------------------FORM CONTROLS ------------------------*/

.formTable{
    padding:10px;
    border:1px solid #CCC;
    background-color:#EEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.formTable td{
    padding:2px;
}


.formLabel{
    font-family:arial,sans-serif;
    font-size:10pt;
    font-weight:bold;
    color:#555;
    text-align:left;
    vertical-align:top;
    padding:5px;
    margin:0px;

}

.formError{
    color:#FF0000;
    font-family:arial,sans-serif;
    font-size:10pt;
    font-weight:bold;
}



.formInput input,.formInput textarea, select{
    border:1px solid #AAA;
    padding:5px;
    font-family:arial,sans-serif;
    font-size:10pt;
    color:#000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}


input[type="text"],input[type="password"],textarea{
    background-color:#FFF;
}

.fg-button { 
    outline: 0;
    margin:0 4px 0 0;
    padding: .4em 1em;
    text-decoration:none !important;
    cursor:pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

/*----------------------------------------------------------------------------ERROR MESSAGES - ALERTS------------------------*/

.errorMessage{
    padding:10px;
    text-align:left;
    border:3px solid #C41230;
    background-color: #C41230;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:arial,sans-serif;
    font-size:8pt;
    font-weight:bold;
    color:#FFF;
    margin-bottom:10px;
}

.err{
    padding:10px;
    text-align:left;
    border:3px solid #C41230;
    background-color: #C41230;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:arial,sans-serif;
    font-size:8pt;
    font-weight:bold;
    color:#FFF;
    margin-bottom:10px;
}

.successMessage{
    padding:10px;
    text-align:left;
    border:3px solid #009900;
    background-color: #009900;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:arial,sans-serif;
    font-size:8pt;
    font-weight:bold;
    color:#FFF;
    margin-bottom:10px;
}

.alert{
    font-family:arial, sans-serif;
    font-size:12pt;
    font-weight:normal;
}

.green{
    color:#006600;
}

.red{
    color:#660000;
}
/*----------------------------------------------------------------------------DISPLAY DIVS ------------------------*/

.contentDetails{
    padding:10px;
    background-color:#CCC;
    border:1px solid #AAA;

}


.rounded{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

}

.generalText{
    font-family:arial, sans-serif;
    font-size:8pt;
    color:#555;
    line-height:1.3em;

}

/*----------------------------------------------------------------------------DATA TABLE ------------------------*/
table.dataTable{
    padding:0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color:#EEE;
    border-collapse:collapse;

}

table.dataTable td{
    font-family:arial, sans-serif;
    color:#555;
    font-size:8pt;
    border-top:1px solid #FFF;
    text-align:left;
    padding:7px 10px 7px 15px;
}

table.dataTable th{
    font-family:arial, sans-serif;
    color:#FFF;
    background-color:#555;
    font-size:9pt;
    font-weight:bold;
    text-align:left;
    padding:10px;
}

table.dataTable th a{
    color:#FFF;
    text-decoration:underline;
}

table.dataTable td.emColumn{
    font-weight:bold;
    color:#000;
}

td.emColumn a{
    color:#000;
}

.paginationTitle{
    float:left;
    padding:5px 5px 5px 0px;
    margin-right:15px;

}

.paginationBox{
    float:left;
    padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color:#CCC;
    font-family:arial, sans-serif;
    text-align:center;
    color:#555;
    font-size:11pt;
    font-weight:bold;
    margin-right:5px;
}

.paginationBox a{
    color:#555;
}

.paginationBox:hover{
    background-color:#DDD;
    cursor:pointer;
}

/*----------------------------------------------------------------------------POLL STYLES ------------------------*/

.poll{
    padding:10px;
    border:1px solid #CCC;
    background-color:#EEE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:20px auto;
}



.pollQuestion{
    font-family:arial,sans-serif;
    font-size:16px;
    color:#555;
    font-weight:bold;


}

.pollAnswer{
    font-family:arial,sans-serif;
    font-size:11px;
    color:#555;
    font-weight:normal;

}

.pollVotes{
    font-family:arial,sans-serif;
    font-size:11px;
    color:#555;
    font-weight:normal;

}

.graphBorder{

    border:1px solid #000;
    background-color:#FFF;
    height:15px;

}

.graphBar{
    background-color:#C41230;
    height:15px;
}








/* ----------------------------------------------------------------------------------------CALENDAR CLASS STYLES ----------------------------*/
.calendar {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	}
.calendar caption {
	margin: 0;
	padding: .3em 0;
	background: #C41230; /*Background color behind month*/
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
        font-weight:bold;
        color:#FFF;
	}
.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
	}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
	}
.calendar a {
	color: #000;
	text-decoration: none;
	}

.calendar td.today {
	background: #ffc;
	}
.calendar td.selected {
	border: 1px dotted #ff7800;
	}
.calendar td.highlighted {
	background: #fc9;
	}

.calendar td:hover, .calendar td.today:hover,
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
	}

table.calendar td.pad {
	color: #999;
	background: #fff;
	}
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}

.sunday, .saturday {
	background: #f0f0f0;
	}

#year {
	padding: 0;
	width: 500px;
	list-style: none;
	}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	height: 150px;
	}