@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #f2f2f2;
	background-image: url(images/body-gradient.gif);
	background-repeat: repeat-x;
	width: 790px;
	position: relative;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-top: 00px;
	padding-left:20px;
}

body,td,th {
	color: #336666;
	padding-top: 5px;
}


body, li {
margin:0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}	
	
	.clearBoth {
clear:both;
height:0;
font-size: 1px;
line-height: 0;
}


#subtitle {
	position:absolute;
	left:544px;
	top:386px;
	width:238px;
	height:324px;
	z-index:1;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*a {
	font-size: 12px;
	color: #336666;
	font-style: italic;
	
}*/

a {
	font-size: 11px;
	color: #336666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
}


p {
	padding-top:.25em;
}



a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #cc3300;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
		background-image: url(../images/top-jobs-on.gif);

}


img {border:0;}


#blue-profiles h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#336666;
	font-style:italic;
	font-weight:100;
	clear: both;
	line-height:1.25em;
	padding:0;
	display: inline;
}

#red-profiles h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cc3300;
	font-style:italic;
	font-weight:100;
	clear: both;
	line-height:1.25em;
	padding:0;
	display: inline;
}


#red-profiles h5{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cc3300;
	font-style:bold;
	clear: right;
	margin: 0em;
	padding-top: 2px;
}

h1 {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	padding-left:10px;
	padding-bottom: 15px;
	padding-top: 10px;
	margin:0;
	font-weight: 100;
}

h2 {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	padding-left:10px;
	padding-bottom: 15px;
	padding-top: 10px;
	color: #FFFFFF;
	margin:0;
	font-weight: 100;
}
	
h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#aab4b5;
	font-style:italic;
	font-weight:100;
	clear: right;
	padding-bottom:5px;
	margin: 0;
	padding-top: 5px;
}


h5 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#336666;
	font-style:bold;
	clear: right;
	margin: 0em;
	padding-top: 2px;
}

h5 p{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#336666;
	font-style:bold;
		clear: right;
		margin: 0em;
		padding:0px;
}



/* text above scroll navigation*/
.top-button{  
	width:83px;
	height:26px;
	position:relative;
	top:28px;
	padding-right:10px;
		}
.top-scroll{  
	margin-bottom: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;			
	font-style: italic;
	color:#d6d6ac;
	width:750px;
	 height:15px;
	  float:left;
	   left: 80px;
	    top: 30px;
	
}
.top2{  
	margin-bottom: 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;			
	font-style: italic;
	color:#d6d6ac;
	display:block; 
}

.sec-nav{
float:left;
position:relative;
 padding-top:5px; 
 width:750px; 
 height:auto;
}
/*profile navigation*/
.profilenav {
	margin-bottom: 0px;
	width:750px;
	height: 27px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	padding-top: 3px;
	align:left;
	background-color:#f2f2f2;

}


.content {				/* white background content*/ 
	background-color:#FFFFFF;
	margin-top: 0px;
	height: auto;
	width:790px;
	
}

.content2 {				/* blue background content*/ 
 align:center;
 background-color:#f2f2f2;
 height:auto;
 display:block; 
 margin-top:-6px;  /* margin top is negative to accomodate blank space from IE*/ 
 text-align:left; 
}



#content-incl {
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-left:0px;
	height: 160px;
	width:790px;
	
}
.content-lightbox {
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-left:0px;
	height: 200px;
	width:500px;
	
}
.form-scroll {
padding-bottom:20px;
width:810px;
float:left;
font-size:11px;
font-style:italic;
color:#abbebe;

}

/* ---------------- begin form css*/ 
form {
	padding-bottom:20px;
	width:450px;
	float:left;
	font-size:11px;
	font-style:italic;
	color:#abbebe;

}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 450px; 
	padding: 0; 
	margin: 10px 0 50 50; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form input#login {
	margin-left:0px;
	padding:0;
	width:57px;
	height:26px;
	float:right;
	background-image: url(images/login.gif);	 /* set margin-left back to zero on reset button (set above) */
}
form input#signup{
	margin-left:0px;
	padding:0;
	width:70px;
	height:26px;
	float:right;
		 /* set margin-left back to zero on reset button (set above) */
}
form input#save{
	margin-left:0px;
	padding:0;
	width:36px;
	height:17px;
	float:right;
		 /* set margin-left back to zero on reset button (set above) */
}
form input#saveand{
	margin-left:0px;
	padding:0;
	width:125px;
	height:17px;
	float:right;
		 /* set margin-left back to zero on reset button (set above) */
}
form input#cancel{
	margin-left:0px;
	padding:0;
	width:49px;
	height:17px;
	float:right;
		 /* set margin-left back to zero on reset button (set above) */
}



form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:440px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 20px 20px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	background-color:#d4dede;
border:0;
float:left;

}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/* ------------- end form css*/ 


br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	line-break: no;
}

.round-box{
	width:266px;
	padding-top:40px;
	padding-right:10px;
	float:right;
}

.round-box-tan{
	width:287px;
	padding-top:20px;
	padding-right:05px;
	float:right;
}

p.round-box-content {
	padding-left:10px;
	padding-right:10px;
	font-style:italic;
	font-size:11px;
	margin:0;	
}
p.round-box-content-tan {
	padding-left:10px;
	padding-right:10px;
	font-style:italic;
	font-size:11px;
	margin:0;
	font-size: 11px;
	color: #cc3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;	
}

.round-white-middle {background: url(images/bubble_wh-middle.gif) repeat-y;}
.round-white-top {background: url(images/bubble_wh-top.gif) 0 0 no-repeat;}
.round-white-bottom {background: url(images/bubble_wh-bottom.gif) 100% 100% no-repeat; padding:10px;}

.round-tan-middle {background: url(images/bubble-tan-middle.gif) repeat-y;}
.round-tan-top {background: url(images/bubble-tan-top.gif) 0 0 no-repeat;}
.round-tan-bottom {background: url(images/bubble-tan-bottom.gif) 100% 100% no-repeat; padding:10px;}







#blue-line-top {
position:relative;
	width:auto;
	height:1px;
	margin:0;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FDFDFD;
	background-color: #D1DADA;
	
}

#blue-line-bottom {
	width:auto;
	height:1px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:30px;
	margin-top:20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FDFDFD;
	background-color: #D1DADA;
}



#blue-line-content {
	width:710px;
	height:1px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:20px;
	border-top-width: 1px;
	border-top-color: #FDFDFD;
	background-color: #D1DADA;
}
#blue-line-include {
	width:auto;
	height:1px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:20px;
	border-top-width: 1px;
	border-top-color: #FDFDFD;
	background-color: #D1DADA;
}


#profile-new {
	left:-10px;
	top:23px;
	position:absolute;
	width:0px;
	height:0px;
	z-index:3;
}

#profile-avatar-icons {
float:left;
width:95px; 
height:50px; 
position:relative; 
padding-left:80px;
padding-bottom:2px;
 background-image: url(images/generic-avatar.gif); 
 background-repeat: no-repeat;

}

#new
	{
	width:239px;
	height:209px;
	left:0px;
	top:0px;
	position:relative;
	z-index: 1;
}
#new a:visited{
	background-image: url(images/job-board-box_red.jpg);

}


		
#new-profiles {
	 background-image: url(images/job-board-box_blue.jpg);
	 width:239px;
	 height:209px;
	left:0%;
	top:0%;
	position:relative;
	z-index: 1;
	 }
	 
#new-profiles-old {
	 background-image: url(images/job-board-box_blue.jpg);
	 width:239px;
	 height:209px;
	left:3%;
	top:7%;
	position:relative;
	z-index: 2;
	visibility: hidden;
	 }
#new-profiles2
	{
	background-image: url(images/job-board-box_blue.jpg);
	width:239px;
	height:209px;
	left:3%;
	top:7%;
	position:relative;
	z-index: 3;
	}
	
	
.rollover a { 
	display:block;
	width:239px;
	height:209px;
	background-image:url(images/job-board-box_blue.jpg);
	left:0%;
	top:0%;
	position:relative;
	z-index:1;
	}
.rollover a:hover {
		background-image: url(images/job-board-box_blue.jpg);
		}
.rollover a:visited {
		background-image: url(images/job-board-box_red.jpg);
		}
		
			
.rollover2 a { 
	display:block;
	width:239px;
	height:209px;
	background-image:url(images/job-board-box_blue1.jpg);
	left:0%;
	top:0%;
	position:relative;
	z-index:1;
	}
.rollover2 a:hover {
   display: block;
		background-image: url(images/job-board-box_blue1.jpg);
		}
.rollover2 a:visited {
   display: block;
		background-image: url(images/job-board-box_red1.jpg);
		}
#date{
	margin:-14px 15px 0px 0px;
	width:auto;
	float:right;
	clear:left;
	line-height: 100%;
}

#blue-bg {
	position:relative;
	width:241px;
	height:206px;
	z-index:4;
	background-image: url(images/job-board-box_1.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#blue-profiles a:visited{
color: #336666;
	
}

#blue-profiles {
	position:relative;
	height:60px;
	line-height:1.45em;
	float:left;
	margin-top:0px;
	width:230px;
	padding-left:10px
}
#blue-star{
	float:right;
	position:relative;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:8px;
	width:auto;
 }
#red-star {
	float:right;
	position:relative;
	padding-right:10px;
	padding-top:0px;
	width:auto;
}

#red-bg {
	position:relative;
	width:241px;
	height:206px;
	z-index:4;
	background-image: url(images/job-board-box_2.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#red-profiles a:visited{
color:#990033;
	
}

#red-profiles {
	position:relative;
	height:60px;
	line-height:1.45em;
	float:left;
	margin-top:0px;
	width:230px;
	padding-left:10px
}




.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
padding-top:20px;

}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 296px; /*width of menu*/
border: 0px solid #336666; /*dark green green border*/
border-width:0px 0;
background: #f2f2e5;
background-image:url(images/people-nav.gif);
background-repeat: repeat-x;
 }

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #5d5b32; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #d6d6ac; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
/*color: #cc3333;*/
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #cc3333; /* !importanttext color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: url(images/indent-bg-wh.gif) center center repeat-x
}





.scroll{
background-color:white;
border:0;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:11px;
color:#d6d6ac;
}
.select{
background-color:#f2f2e5;
border:1px solid #d6d6ac;
font-family:"Times New Roman", Times, serif;
font-size:11px;
color:#cc3300;
}

 /*page numbers bottom and top of profile_all.html*/

.bottom-links {
	font: 10px Verdana;
	text-align: right;
	font-style: italic;
	color:#d6d6ac;
	word-spacing:1px;
	padding-top:0px;
	padding-bottom:9px;
	padding-right:0px;
}

.bottom-links a{
	font: 10px Verdana;
	text-align: right;			 /*set to left, center, or right to align the menu as desired*/
	font-style: italic;
	color:#d6d6ac;
	word-spacing:1px;
}
.bottom-links a:hover{
	font: 10px Verdana;
	text-align: right;			 /*set to left, center, or right to align the menu as desired*/
	font-style: italic;
	color:#59592e;
	word-spacing:1px;
}

.bottom-links a:visited{
	font: 10px Verdana;
	text-align: right;			 /*set to left, center, or right to align the menu as desired*/
	font-style: italic;
	color:#cc3300;
	word-spacing:1px;
}




.bl {background: url(images/corner-wh_bl2.gif) 0 100% no-repeat; width: 100%;}
.br {background: url(images/corner-wh_br.gif) 100% 100% no-repeat;}
.tl {background: url(images/corner-wh_tl.gif) 0 0 no-repeat;}
.tr {background: url(images/corner-wh_tr.gif) 100% 0 no-repeat; padding:5px 20px;} /* top, left*/
.clear {font-size: 1px; height: 1px}

.brown-profile-small {
	height:120px; 
	border:10px; 
	/*background-image:url(images/top-profile_m.gif repeat-x);*/
	background-color:#e1e1d4;
	}

.brown-profile {
	height:120px; 
	border:0px; 
	background-image:url(images/top-profile-large_middle.gif repeat-x);
	background-color:#e1e1d4;
	padding-bottom:7px;
		}
.brown-profile a{
	color:#cc3300;
	font-style:normal;
	font-size:11px;
	}

.brown-profile-links {
	padding-top:6px;
	color:#d6d6ac;
		}
.brown-profile-links a{
	color:#336666;
	font-style:italic;
		font-size:10px;

		}
.brown-profile-links a:visited{
	color:#666633;
	font-style:normal;
		font-size:10px;

		}
	
	
.brownm {background: url(images/top-profile-large_middle.gif) repeat-x;}
.brownl {background: url(images/top-profile_l.gif) 0 0 no-repeat;}
.brownr {background: url(images/top-profile-large_right.gif) 100% 0 no-repeat; padding:10px;}

object {
	padding-top:00px;
	padding-bottom:20px;
	}




.graybottom-left {background: url(images/corner-gray_bl.gif) 0 100% no-repeat; width: 100%;}
.graybottom-right {background: url(images/corner-gray_br.gif) 100% 100% no-repeat; height: 100%;}

 http://www.tbrown.org/ideas/tabularlist/ 
div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 750px;
	
	}
div#byitem ul.vert li {
	clear: right;
	padding: 0px 0px;
	margin: 0;
	height: 14px; /* space out your rows */
	list-style-type: none;
	}

div#byitem ul.horz {
clear:both;
float:left;
	list-style-type: none;
	padding: 0px;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 90px;
	padding: 0 50px 0 0;
	margin: 0;
	line-height:1.5em;
	
	}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 150px;
	clear:right;
	
	}

div#byitem ul.horz li.title {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#aab4b5;
	font-style:italic;
	font-weight:100;
	padding: 0px 50px 0 0px;
			width:30px;
			line-height:1.5em;
				display: inline;
	
	}