* {
    margin: 0;
}
html, body {
    height: 100%;
}
a img{
 border:0;
}
th
{
	background-color: #cccccc;
}

td
{

	vertical-align: top;
}

.jobPostingTable  tr:nth-child(odd) 
{
    background-color: #cccccc;
}

h1
{
	font-size: 25px;
}
h2
{
    padding-bottom: 10px;
}

strong
{	
	margin-top: 10px;
	}

hr {
	background-color: #E2E2E2;
	border: 0 none;
	height: 2px;
}

.jobPostingTable
{
    width: 100%;
    border: none;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    
}

.resultsTable tbody tr td
{
    
    margin: 10px;
    padding: 10px;
}
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
 }
.content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -6em;

}
.footer, .push {
    float: left;
    height: 6em;
    background-repeat: no-repeat; 
    background-image: url('../images/footer.jpg');
    width: 975px; 
    margin-left: auto; 
    margin-right: auto
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:center;
    float: none;
    
}


#lowerPane
{
    height: 80%;
    
}
#sideMenu
{
	width: 254px;
	background-color: lightgrey;
        height: 100%;
    float: left;
}

#wideSideMenu
{
	width: 295px;

        height: 100%;
    float: left;
}

.narrowPageContent
{
	margin-left: 10px;

}
.narrowPageContentDivider
{
	height: 5px;
	margin-bottom: 10px;
	width: 655px;
	background-color: #adadad;
}

.pageContentText
{
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
	
}
.pageContent
{
	top: 0px; 
	left: 0px; 
	position: relative;
	width: 695px;
	min-height: 100%;
float: left;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}
li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}
a {
	color: #3366cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
a .standardlink {
	color: #3366cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #0033FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

a .standardlink:hover {
	color: #0033FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

.linkNormal {
	color: #3366cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
.linkNormal:hover {
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}
.footerlink {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
.footerlink:hover {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.textnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
}
.textred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #b61a1b;
}
.textNormalGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
.textNormalGreybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
}
.sideMenuItem
{
background-color: white;

    border-right: 2px;
    border-bottom: 2px;
    border-left: 0px;
    border-top: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    width: 244px;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #7c7c7c;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    
}
.sideMenuItem:hover
{
    background-color: #CCCCCC;
    color: white;

}

.sideMenuItem, span, a
{
    text-decoration: none;
}
a:hover
{
text-decoration: none;
}
.sideMenuItem, span, a: hover
{
    text-decoration: none;
}

.wideSideMenuItem
{
	width: 295px;
	font-size: 16px;
	height: 25px;
}

.wideSideMenuDivider
{
        background-color: #adadad;
        height: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 305px;
}

#actionMenu a
{
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
}
#actionMenu img
{
   border: 0;
    margin: 0;
    padding: 0;
    float: left;
}

#destinationMenu a
{
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
}
#destinationMenu img
{
   border: 0;
    margin: 0;
    padding: 0;
    float: left;
}




#overlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 100%;
	
	background: url(../images/overlay.gif);
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 1000;
}

#dialogue #close
{
	position: absolute;
	right: 5px;
	top: 0px;
}

#dialogue #close a
{
	color: #DD0000;
	text-decoration: none;
}

#dialogue
{
	position: absolute;
	
	left: 50%;
	margin-left: -175px;
	top: 100px;
	
	width: 328px;
	height: 208px;
	padding: 5px 0px 5px 25px;
	
	background: url(../images/home_location_select.jpg);
	
	z-index: 2000;
}
.super {     
position: relative;     
bottom: 0.5em;     
color: #333333;     
font-size: 11px; 
} 

.sub {     
position: relative;     
top: 0.3em;     
color: #333333;     
font-size: 11px; 
} 

.listTable tr:nth-child(odd) { background-color: #c3c3c3}
.listTable tr:nth-child(even) { background-color: white}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


#logindisplay a
{
    padding-top: 7px;
    font-size:1.1em;
    display:block;
    text-align:center;
    float: none;
}


.sideBartitle
{

	background-image:url(../images/redtemplate.png);
	display:block;
	width:259px;
	height:37px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	line-height:40px;
	direction:rtl;
	text-indent:15px;
	font-weight: bold;
}

.wideSideBarTitle
{
	background-image:url(../images/redtemplate_wide.png);
	width:305px;
}

.pageTitleBar
{
	
	background-image:url(../images/redtemplate_hdr.png);
	display:block;
	width:711px;
	height:37px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:right;
	line-height:40px;
	direction:rtl;
	text-indent:30px;
}

.programDevelopmentpageBanner
{
	margin-left:0;
	margin-top:-10px;
	margin-bottom:-10px;
	z-index:10;
}

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */