/* Global Styles */
html {
margin: 0px;
padding: 0px;
}
body  { 
color: #666666; 
font: 0.8em arial, sans-serif; 
background: #bfc0c2 url(images/bodyBackground.jpg) repeat-y center top; 
margin: 0px 0px; 
padding: 0px; 
}
#pageContainer {
width: 740px;
margin: auto;
color: #666666;
background: #ffffff;
position: relative;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
.warning {
font-weight: bold;
color: #981b1f;
}


/***************************************** Public Side *****************************************/


/* Header */
#header  { 
color: inherit;
background: transparent url(rotate.php) no-repeat left top; 
width: 740px; 
height: 122px;
position: relative;
}
#login {
font: 0.9em arial, sans-serif; 
color: #4d4d4d;
background: #ffffff url(images/loginBackground.jpg) top left repeat-y;
height: 103px;
width: 191px;
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
border-bottom: 19px solid #00adef;
overflow: hidden;
}
#loginSpacing {
margin: 8px 10px;
}
#login div {
padding: 0px 0px 1px 0px;
}


/* Content Container */
/* Holly Hack \*/
* html #contentContainer {
height: 1%;
}
/* End Hack */

/* Main Navigation */
#mainNavContainer {
float: left;
width: 140px;
color: #999999;
overflow: hidden;
}
.menuContainer {
background: #ffffff url(images/menuTitleBackground.jpg) top left repeat-y;
border: 1px solid #ffffff;
border-bottom: 1px solid #c6c7cb;
padding: 8px 0px;
}
.menuTitle {
font: normal normal bold 1em arial, sans-serif;
color: #981b1f;
margin: 0px 0px 0px 40px;
}
.mainNav {
width: 140px;
list-style: none;
margin: 0px 0px 0px 20px;
padding: 0px;
}
.mainNav li {
padding: 3px 0px 0px 0px;
}
.activeLink  {
color: #005da9;
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
}
.mainNav li a:link, .mainNav li a:visited {
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
color: #999999;
}
.mainNav li a:link:hover, .mainNav li a:visited:hover  {
color: #005da9;
font: normal normal bold .9em arial, sans-serif;
text-decoration: none;
margin: 0px 0px 0px 20px;
}

/* Search Box */
#siteSearch {
width: 138px;
background: #cae5f6;
text-align: right;
border: 1px solid #ffffff;
border-bottom: 1px solid #c6c7cb;
overflow: hidden;
}
#searchSpacing {
margin: 3px 10px;
}
#siteSearch div {
padding: 3px 0px;
}

/* Affiliations */
#affiliationLink {
width: 140px;
font: .8em arial, sans-serif;
color: #666666;
border-bottom: 1px solid #c6c7cb;
overflow: hidden;
text-align: center;
}
.affiliationSpacing {
margin: 5px 10px;
}
.affiliationText {
text-align: left;
}
.affiliateLogo {
margin: 5px 0;
}


/* Legal Link */
#legalLink {
width: 140px;
font: .8em arial, sans-serif;
overflow: hidden;
}
#legalSpacing {
margin: 5px 10px;
}


/* Main Content */
#mainContentContainer {
width: 599px;
float: right;
}
#content {
margin: 20px;
text-align: justify;
}
/* Holly Hack \*/
* html #content {
height: 1%;
}
/* End Hack */
h1 {
font: bold 1.7em arial, sans-serif;
color: #005da9;
background: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
h2 {
font: bold 1.2em arial, sans-serif;
color: #404040;
background: none;
margin: 0px 0px 3px 0px;
padding: 0px;
}
h3 {
font: bold 1em arial, sans-serif;
color: #606060;
background: none;
margin: 0px 0px 3px 0px;
padding: 0px;
}
#content p {
margin: 0px 0px 15px 0px;
padding: 0px;
}
#content ul {
margin: 0px 10px 15px 18px;
padding: 0px;
}
.inlineLink {
color: #005da9;
text-decoration: none;
}
.inlineLink:hover {
color: #005da9;
text-decoration: underline;
}
.inlineLink:visited {
color: #665da9;
text-decoration: none;
}
.inlineLink:visited:hover {
color: #665da9;
text-decoration: underline;
}
.titleLink {
text-decoration: none;
}
.readMore {
font-weight: bold;
padding: 5px 0px;
font-size: .9em;
}
.linkList {
list-style: url(images/linkArrow.jpg)
}
#contentImage1 {
margin: 0px 0px 20px 20px;
float: right;
}
#contentImage1 img {
border: 1px solid #404040;
}
#contentImage2 {
margin: 0px 20px 20px 20px;
float: left;
}
.readMoreLink {
font-size: .9em;
background: url(images/readMore.jpg) center right no-repeat;
text-align: right;
padding: 0px;
margin: -10px 0px 20px 0px;
}
.readMoreLink .inlineLink, .readMoreLink .inlineLink:visited {
padding-right: 16px;
}
.countryFlag {
margin-right: 10px;
}
.backLink {
font-size: .9em;
background: url(images/backArrow.jpg) center right no-repeat;
text-align: right;
margin: 0px 0px 20px 0px;
}
.backLink .inlineLink, .backLink .inlineLink:visited {
cursor: pointer;
padding-right: 16px;
}
.teaser {
font-weight: bold;
}
.specialLink {
text-align: center;
font-size: 1.5em;
font-weight: bold;	
}


/* Section Features Box */
.sectionMiscBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
}
.sectionMiscTitleBox {
color: #808080;
background: #ffffff url(images/sFTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.sectionMiscTitle {
font: bold 1.2em arial, sans-serif;
color: #808080;
background: none;
padding: 5px;
margin: 0px;
}
.sectionMisc {
padding: 5px 5px 0px 5px;
background: #ffffff;
}
.sectionMiscPart1 {
float: left;
width: 49%;
}
.sectionMiscPart2 {
float: right;
width: 49%;
}


/* Important Message Box */
#importantMessageBox {
border: 1px dashed #957a66;
margin-bottom: 20px;
}
#importantMessageTitleBox {
color: #981b1f;
background: #ffffff url(images/iMTitleBackground.jpg) top left repeat-y;
border-bottom: 1px dashed #957a66;
}
#importantMessageTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #981b1f;
background: transparent url(images/importantMessageIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
#importantMessage {
padding: 8px;
background: #fff5e9;
}
#iMTitle {
font: bold 1em arial, sans-serif;
color: #981b1f;
}


/* Activity Report Box */
#activityReportBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 267px;
float: left;
position: relative;
}
#activityReportTitleBox {
color: #981b1f;
background: #ffffff url(images/aRTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#activityReportTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #2c7f00;
background: transparent url(images/activityReportIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
#activityReportTitleBox h1 .titleLink {
color: #2c7f00;
text-decoration: none;
}
#activityReport {
padding: 8px;
background: #eff6ed;
position: relative;
}
/* Holly Hack \*/
* html #activityReport {
height: 1%;
}
/* End Hack */
#activityReportImage {
float: right;
margin: 0px 0px 10px 10px;
}


/* Upcoming Events Box */
#upcomingEventsBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 267px;
float: right;
}
#upcomingEventsTitleBox {
color: #ffffff;
background: #ffffff url(images/cETitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#upcomingEventsTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: transparent url(images/calendarIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
#upcomingEventsTitleBox h1 .titleLink {
color: #ffffff;
text-decoration: none;
}	
.eventTableTitle {
font-weight: bold;
color: #666666;
}
.upcomingEvent1 {
font-size: .9em;
padding: 7px 8px;
color: #404040;
background: #ffffff;
}
.upcomingEvent2 {
font-size: .9em;
padding: 7px 8px;
color: #404040;
background: #cae5f6;
}
.date {
float: left;
width: 65px;
}
.event {
float: right;
width: 180px;
}


/* Special Feature Box */
#specialFeatureBox {
border: 1px solid #808080;
margin-bottom: 20px;
}
#specialFeatureTitleBox {
color: #981b1f;
background: #ffffff url(images/sFTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#specialFeatureTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #005da9;
background: transparent url(images/specialFeatureIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
#specialFeatureTitleBox h1 .titleLink {
color: #005da9;
text-decoration: none;	
}
#specialFeature {
padding: 8px;
background: #f2f2f2;
position: relative;
}
/* Holly Hack \*/
* html #specialFeature {
height: 1%;
}
/* End Hack */
#specialFeatureImage {
float: right;
margin: 0px 0px 0px 10px;
text-align: right;
}
#specialFeatureImageCaption {
margin: 5px 0px 10px 0px;
font-style: italic;
text-align: right;
width: 150px;
}
#specialFeatureStoryTitle {
font: bold 1em arial, sans-serif;
color: #333333;
}
#specialFeatureDate {
color: #981b1f;
font-size: .9em;
margin-bottom: 5px;
}


/* Calendar Events Box */
#calendarEventsBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em
}
#calendarEventsTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#calendarEventsTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.eventTableTitle {
font-weight: bold;
color: #666666;
}
.calendarEvent1 {
padding: 4px 8px;
color: #404040;
background: #ffffff;
}
.calendarEvent2 {
padding: 4px 8px;
color: #404040;
background: #cae5f6;
}
.calendarDate {
float: left;
width: 20%;
}
.calendarEvent {
float: right;
width: 79%;
}


/* Profile Box */
.profileBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
background: #ffffff url(images/profileBoxBackground.jpg) top left repeat-y;
}
/* Holly Hack \*/
* html .profileBox {
height: 1%;
}
/* End Hack */
.profileTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.profileTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.profileType {
font-size: .8em;
font-weight: normal;	
}
.profileImageBox {
float: left;
width: 92px;
}
.profileImage {
padding: 8px;	
}
.profileInfoBox {
float: right;
width: 464px;
z-index: 99;
}
.profileRow1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.profileRow2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}

.searchProfileRow1 {
padding: 8px;
}
.searchProfileRow2 {
padding: 8px;
}
.searchFormRow1 {
padding: 8px;
border-bottom: 1px solid #d1d1d1;
}
.searchFormRow2 {
padding: 8px;
border-bottom: 1px solid #d1d1d1;
}



/***************************************** Secure Side *****************************************/


/* Header */
#interfaceHeader  { 
color: inherit;
background: transparent url(images/interfaceHeader.jpg) no-repeat left top; 
width: 740px; 
height: 37px;
position: relative;
}
#interfaceLogin {
font: 1em arial, sans-serif; 
color: #4d4d4d;
background: #ffffff url(images/loginBackground.jpg) top left repeat-y;
width: 191px;
position: absolute;
bottom: 0px;
right: 0px;
text-align: right;
border-bottom: 7px solid #00adef;
overflow: hidden;
}
#interfaceLoginSpacing {
margin: 10px;
}
#interfaceLogin a:link, #interfaceLogin a:link:visited {
font-weight: bold;
color: #404040;
text-decoration: none;
}
#interfaceLogin a:link:hover, #interfaceLogin a:link:visited:hover {
font-weight: bold;
color: #981b1f;
text-decoration: underline;
}


/* Interface Content */
#interfaceContent {
margin: 20px;
}
/* Holly Hack \*/
* html #interfaceContent {
height: 1%;
}
#interfaceContent .inlineLink {
color: #005da9;
text-decoration: none;
font-weight: bold;
}
#interfaceContent .inlineLink:hover {
color: #005da9;
text-decoration: underline;
font-weight: bold;
}
#interfaceContent .inlineLink:visited {
color: #665da9;
text-decoration: none;
font-weight: bold;
}
#interfaceContent .inlineLink:visited:hover {
color: #665da9;
text-decoration: underline;
font-weight: bold;
}


/* Current User Message */
#currentUserMessage {
text-align: right;
margin-bottom: 20px;
font-size: .9em;
}
#currentUser {
font: bold 1.1em arial, sans-serif;
color: #981b1f;
}


/* Account Administration Box */
#accountAdminBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 338px;
float: left;
font-size: .9em;
}
#accountAdminTitleBox {
color: #981b1f;
background: #ffffff url(images/sFTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
#accountAdminTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #005da9;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.accountAdmin1 {
padding: 8px;
background: #ffffff;
}
.accountAdmin2 {
padding: 8px;
background: #f2f2f2;
}


/* Multipurpose One Box */
.multipurposeOneBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 338px;
float: left;
font-size: .9em;
}
.multipurposeOneTitleBox {
color: #ffffff;
background: #ffffff url(images/mPTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.multipurposeOneTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.multipurposeOne1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.multipurposeOne2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}


/* Multipurpose Two Box */
.multipurposeTwoBox {
border: 1px solid #808080;
margin-bottom: 20px;
width: 338px;
float: right;
font-size: .9em;
}
.multipurposeTwoTitleBox {
color: #ffffff;
background: #ffffff url(images/mPTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.multipurposeTwoTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.multipurposeTwo1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.multipurposeTwo2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}


/* Multipurpose Box */
.multipurposeBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
}
.multipurposeTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.multipurposeTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.multipurpose1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.multipurpose2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}


/* Message Board Box */
#messageBoardBox {
border: 1px dashed #957a66;
margin-bottom: 20px;
font-size: .9em;
}
#messageBoardTitleBox {
color: #981b1f;
background: #ffffff url(images/mBTitleBackground.jpg) top left repeat-y;
border-bottom: 1px dashed #957a66;
}
#messageBoardTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #981b1f;
background: transparent url(images/importantMessageIcon.jpg) center left no-repeat;
padding: 6px 6px 6px 36px;
margin: 0px;
}
.messageBoard1 {
padding: 8px;
background: #ffffff;
}
.messageBoard2 {
padding: 8px;
background: #fff5e9;
}
.newMessageLink {
color: #981b1f;
text-decoration: none;
font-weight: bold;
}
.newMessageLink:hover {
color: #981b1f;
text-decoration: underline;
font-weight: bold;
}
.newMessageLink:visited {
color: #981b1f;
text-decoration: none;
font-weight: bold;
}
.newMessageLink:visited:hover {
color: #981b1f;
text-decoration: underline;
font-weight: bold;
}


/***************************************** Form Elements *****************************************/


/* Form Elements */
.formBox {
border: 1px solid #808080;
margin-bottom: 20px;
font-size: .9em;
}
.formTitleBox {
color: #ffffff;
background: #ffffff url(images/mPFullTitleBackground.jpg) top right repeat-y;
border-bottom: 1px solid #808080;
}
.formTitleBox h1 {
font: bold 1.2em arial, sans-serif;
color: #ffffff;
background: none;
padding: 6px 6px 6px 8px;
margin: 0px;
}
.formTitleBox h1 .inlineLink, .formTitleBox h1 .inlineLink:visited, .formTitleBox h1 .inlineLink:hover, .formTitleBox h1 .inlineLink:visited:hover {
color: #ffffff;
}
.formRow1 {
padding: 8px;
color: #404040;
background: #ffffff;
}
.formRow2 {
padding: 8px;
color: #404040;
background: #cae5f6;
}
.textfield {
font: .9em arial, sans-serif;
color: #404040;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px 3px;
}
.dropDown {
font: .9em arial, sans-serif;
color: #404040;
background: #ffffff;
border: 1px solid #4d4d4d;
}
.button {
font: bold .9em arial, sans-serif;
color: #ffffff;
background: #00adef;
border: 1px solid #4d4d4d;
padding: 1px 7px;
cursor: pointer;
}
.formBox .button {
font: bold .9em arial, sans-serif;
color: #ffffff;
background: #00adef;
border: 1px solid #4d4d4d;
padding: 1px 7px;
cursor: pointer;
}
.helpButton {
font: bold .9em arial, sans-serif;
color: #981b1f;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px 2px;
cursor: pointer;
}
.inputTitle {
float: left;
width: 45%;
color: #005da9;
font-weight: bold;
}
.inputElement {
float: right;
width: 45%;
text-align: right;
}



.invalidMsg {
color: #f6d7a7;
}

.selectDate {
width: auto;	
}


/* Contextual Help */
.labelHelp {
background: #00adef;
color: #ffffff;
font-size: 1em;
font-weight: bold;
padding: 10px 10px 10px 10px;
position: absolute;
top: 0px;
left: 0px;
width: 250px;
z-index: 99;
border: 1px solid #002551;	
}


#searchProfilesActivities {
position: absolute;
bottom: -10px;
right: 0;
height: 63px;
width: 160px;
display: block;	
}