
/*
==========================================
GLOBAL SETTINGS
==========================================
*/

/* ZERO BROWSER SETTINGS */
html
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	background: #FFF;
	background-image: url(../images/master_pages/bg_cc.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat; /*Prevents tiling if page size changed*/
	background-position: 50% 50%; /*Centers backgrond image */
	margin: 0 auto; /* the auto margins (in conjunction with a width) centers the page */
	padding: 0;
	border: 0;
	
/*DEFAULT TEXT STYLES*/
	color: #404040;
	font: 76% Verdana,Tahoma,Arial,sans-serif; /*approx 12px*/
	line-height: 130%;
}

/* MAIN WRAPPER */


#wrap
{
	width: 960px; /* set width 20px narrower and use margin w/auto to center */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

/* HEADERS */
h1
{
	color: #339900;
	font: 150% Tahoma,Arial,Helvetica,sans-serif;
	font-weight:600;
	margin: 0px 10px 15px 0px;
	text-transform: uppercase;
}

.h1_2
{
	color: #339900;
	font: 14px Tahoma,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 0px 10px 15px 0px;
	text-transform: uppercase;
}

.h1_header
{
	color: #404040;
	font: 20px Tahoma,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 0px 10px 15px 0px;
	text-transform: uppercase;
}

.h1_homepage
{
	color: #404040;
	font: 15px Tahoma,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 0px 10px 15px 0px;
	text-transform: uppercase;
}

h2
{
	color: #339900;
	text-transform: uppercase;
	font: 120% Tahoma,Arial,Helvetica,sans-serif;
	margin: 0px 10px 15px 0px;
}

h3
{
	color: #404040;
	text-transform: uppercase;
	font: 100% Tahoma,Arial,Helvetica,sans-serif;
	font-weight: 600;
	margin: 0px 10px 15px 0px;
}

h4
{
	color: #000;
	font: 100% Tahoma,Arial,Helvetica,sans-serif;
	font-weight: 600;
	margin: 0px 10px 15px 0px;
}

/*lINK STYLES*/
a:link, a:visited, a:active, a:hover
{
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: 0;
}

/*LIST STYLES*/

ul li
{
	list-style-image: url(../images/master_pages/greenCheck.gif);
}

ul li ul li, ol li ul li
{
	list-style-image: url(../images/master_pages/redArrow.gif);
}

.ul_RedArrow li
{
	list-style-image: url(../images/master_pages/redArrow.gif);
}

.ul_RightArrow li
{
	list-style-image: url(../images/bullet_arrow_right.png);
}

.ul_RightArrow li ul li, .ol_RightArrow li ul li
{
	list-style-image: url(../images/bullet_arrow_right.png);
}

/*
=====================
HEADER
=====================
*/

#header { 
	position:relative;
	margin: 0;
	padding: 0;   
} 

#logo
{
	border:0;
	top: 0;
	left: 0;
	padding: 0;
}


/*Top Nav Box*/

#midNav
{
	position: absolute;
	top: 0;
	right: 0;
	height:63px;
	width:750px;
}

#topNav
{
	position: absolute;
	top: 0;
	right: 0;
	background-image:url(../images/master_pages/bg_topNavSmallb2.png);
	background-repeat:no-repeat;
	height:63px;
	width:250px;
}

#topNav ul
{
	margin:20px 10px 0px 0px;
	padding-bottom:6px;
	text-align:right;
}

#topNav li
{
	list-style:none;
	display:inline;
	padding: 0 14px 0 0px;
}

#topNav li a
{
	color:#660000;
}
#topNav li a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}


/*
===============
SIDEBAR SECTION
===============
 */
#sidebar
{
	clear:both;
	float: left;
	line-height: 140%;
	margin: 0;
	padding: 0px;
	width: 230px;
}

/*SIDEBAR CONTAINER*/

.SidebarTitle 
{
	background-image: url(../images/master_pages/bg_sideBarTitle.jpg);
	background-repeat: no-repeat;
	height:35px;
	margin:0;
	position:relative;
	z-index:99;
	text-align: left;
	padding-left:10px;
	font: 150% Tahoma,Arial,Helvetica,sans-serif;
	color: #FFF;
	line-height: 30px;
}


.sidebarBody
{
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 230px;
	background-image: url(../images/master_pages/bg_sidebarBody.png);
	background-repeat:repeat-y;
	
}

.sidebarBottom
{
	width: 230px;
	height: 15px;
	background-image: url(../images/master_pages/bg_sidebarBottom.png);
	background-repeat: no-repeat;
	margin-bottom:15px;
}

.sidebarBody h2
{
	color: #339900;
	font-size: 110%;
	letter-spacing: 0px;
	margin: 0px 10px;
	padding: 5px 0px 2px 0px;
	text-transform: uppercase;
	font-weight:600;
}

.sidebarBody h3
{
	color: #660000;
	font-size: 110%;
	letter-spacing: 0px;
	margin: 0px 10px;
	padding: 5px 0px 2px 0px;
	text-transform: uppercase;
	font-weight:600;
}

.sidebarBody p
{
	padding: 5px 10px;
	margin: 0; /*This is needed or 10px gap appears btw Head and Body divs*/
	font-size: 95%;
	color:#000;
	padding: 0 10px;
}

.sidebarBody p td
{
    font-size:95%;    
    color:#000;
}



/* 
========================
MAIN CONTENT SECTION
========================
 */


/*Defines the main text window and it's background images*/
#contentTop
{
	float: right;
	width: 710px;
	height: 10px;
	background-image: url(../images/master_pages/bg_contentTopold.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#content
{
	float: right;
	line-height: 150%;
	margin: 0;
	padding: 0;;
	text-align: left;
	width: 710px;
	background-image: url(../images/master_pages/bg_whitePaper.gif);
	background-repeat: repeat;
}


#contentBottom
{
	float: right;
	width: 710px;
	height: 20px;
	background-image: url(../images/master_pages/bg_contentBottom.png);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}


/*mainContent is a wrapper around the text within the content section, including headers and call out boxes*/
#mainContent
{
	padding:20px;	/*10px padding around main text and headers */
}

#content p
{
	margin: 0 0px 18px 0px; /*Creates bottom margin for each paragraph*/
}

midNav
#postIt
{
	background-image: url(../images/master_pages/postIt.jpg);
	background-repeat: no-repeat;
	width: 340px;
	height: 230px;
	float: right;
	margin: 0;
	padding-top: 30px; /*creates space btw Important text wo/ affecting p tags in text*/
	color:#000;	
}

#postIt2
{
	width: 300px;
	float: right;
	margin-right: 12px;
	color:#000;	
	height:900px;
}

#postIt p
{
	font-size: 95%;
	font-weight: 600;
	font-style: italic;
	margin: 0px 15px 10px 45px;
}

.box {background:#F5F2D6;border-left:10px solid #339900; color:#000; padding:10px; margin:10px;}

.smallPrint
{
   font-size:75%;
   line-height: 120%;
}


/*Main Title of page that reads - "Footprints - Online Information..." */
.ContentHead
{
	background-image: url(../images/master_pages/bg_ContentHeadTop.png);
	background-repeat: no-repeat;
	height: 70px;
	width:710px;
	text-align: left;
	padding-left:20px;
	margin:-10px 0px 10px -10px;
	font: 170% Tahoma,Arial,Helvetica,sans-serif; 
	color: #660000;
	line-height: 60px;
}


/*
==========
FOOTER
==========
 */

#footerTop
{
	clear: both;
	height: 123px; /*height required to remove gap btw Top and main Footer*/
	margin:0; /*Creates space between footer and main section*/
	padding: 20px 0 0 0;
	background: url(../images/master_pages/footerTop.png) repeat-x bottom;
	
}

#footer
{
	padding: 0px 10px 0px 10px;
	font-size: 80%;
	background:#339900;
	margin: 0;
}

#footer ul
{
	text-transform:uppercase;
	list-style: none;
	margin: 0 auto;
	padding: 3px 0 3px 0;
	color: #660000;
	width:960px;
	text-align:center;
	
}
#footer li
{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0px 5px  0 0;
}
#footer a
{
	color: #dadada;
}


/* 
====================
ADDITIONAL CLASSES
=====================
*/

/*row stripe classes*/
.StripeRows_Odd
{
    background-color: #eeeeee;
}

.StripeRows_Even
{
    background-color: #ffffff;
}

.ShowHideCampPositionDescriptions a:link, a:visited, a:active, a:hover
{
	color: #660000;
	font-weight: bold;
	text-decoration: underline;
}

.award_level_landing_header
{
	color: #339900;
	text-transform: uppercase;
	font: 120% Tahoma,Arial,Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

.sol_modalcriteria_div { float:left }


.img-frame {
    background:#ffffff;
    padding:4px;
    border:1px solid #999999; }

.img-frame2 img {
    background:#ffffff;
    padding:4px;
    border:1px solid #999999; }

.button_padding_20_40_20_40 { padding: 20px 40px 20px 40px }

.SOL_CC_SS { font-weight:bold;}
.SOL_Category { font-weight:bold; padding-bottom:10px; padding-top:20px; padding-left:8px; color: #339900; text-transform: uppercase; font: 120% Tahoma,Arial,Helvetica,sans-serif;}

.clear
{
	clear:both;
}

.tables 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.incompletefield
{
    background-color: #99CCFF;
    border: solid 1px #999999;
}

.SelectConsulateAppt
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.SAMessage 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.VisaErrorMessage 
{
    color:Red;
    font-weight:bold;
}
.Common_h1 
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	margin-right: 15px;
	margin-left: 15px;  
}
.visainfotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.visainfolabels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.visainfocountry {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
.maintext {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.maintext_noindent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.logintext {
	margin-right: 15px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.logintext_noindents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.loginradiobuttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.logintips {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
    color: Red;
}
.leftnav
{
    margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
    color: White;
}
.leftnav a:link
{
    color: White;    
}
.leftnav a:visited
{
    color: White;    
}
.leftnav a:hover
{
    color: White;    
}
.leftnav a:active
{
    color: White;    
}
.CCSupportPageHeaders
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	margin-right: 15px;
	margin-left: 15px;
}
.CCSupportPageSupportMenu
{
    font-weight:bold;
    font-size:8pt;  
}
.WESupportPageSupportMenu
{
    font-weight:bold;
    font-size:8pt;  
}

.WESideInfoMenuBold
{
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:White;
    font-size:8pt;  
}

.WESideInfoMenuCommon
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:White;
    font-size:8pt;  
}

.SideMenuAll
{
    margin-right: 5px;
	margin-left: 10px;
}

.SideMenuAll a:link
{
    color: White;    
}
.SideMenuAll a:visited
{
    color: White;    
}
.SideMenuAll a:hover
{
    color: White;    
}
.SideMenuAll a:active
{
    color: White;    
}

.Common_h1_no_indent
{
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;  
}

.EventAdminListBox
{
    border :solid 1px #cccccc;    
}

.RowStripe1
{
    background: red;
}

.RowStripe2
{
    background: blue;
}

.StandardDivContentHeight {
    min-height:500px;  
    height:auto;
    _height:500px;
} 

.StandardDivContentHeight_Camp_Default {
    min-height:200px;  
    height:auto;
    _height:200px;
} 

/*///////////////////////////////////////////////////////////////
//Participant Evaluation Styles */
/*/////////////////////////////////////////////////////////////*/

.QuestionTitle
{
    background-image:url(../images/evals/QuestionTitleBackground.gif);
    background-repeat:repeat-x;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    font-size: 12px;
    color:#000000;
    border-left:solid 20px #ffffff;
}

.QuestionBodyTextBox
{
    background-image:url(../images/evals/QuestionBodyTextbox.gif);
    background-repeat:repeat-x;
    padding: 3px 3px 3px 3px;
    border-left:solid 20px #ffffff;
}

.QuestionBodyRadioButtonList
{
    background-image:url(../images/evals/QuestionBodyRadioButtonList.gif);
    background-repeat:repeat-x;
    padding: 3px 3px 3px 3px;
    border-left:solid 20px #ffffff;
}

.StaffDetails
{
    background-image:url(../images/evals/QuestionBodyTextbox.gif);
    background-repeat:repeat-x;
    padding: 5px 5px 5px 5px;
}

.SectionHeader
{
    background-image:url(../images/evals/SectionHeader.gif);
    background-repeat:repeat-x;
    padding: 3px 3px 3px 3px;
    font-weight: bold;
    color:#000000;
    font-size:14px;
}

.SecondaryIndent
{
    width:100%;
    padding-left:15px;
}

/*///////////////////////////////////////////////////////////////
////Participant Evaluation Styles */
/*/////////////////////////////////////////////////////////////*/