body {margin:0; padding:0; line-height: 1;}
/*This is for IE*/
*{margin:0; padding:0;}

/*you guys apparently were already using this, but I have found this is essential for 
doing crossbrowser compatible sites*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing:0;}
caption, th, td {font-weight: normal;}



/*BEGIN ALSTAT CLEARING METHOD: This is essential to the page*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*END ALSTAT CLEARING METHOD*/



/* body
--------------------------------------------------*/
body {
	margin: 10px 0 0 0;
	padding:0;
	text-align:center;
	font: 12px/1.7em Verdana, Arial, Helvetica, sans-serif;
	/*background: url(../images/background.gif);*/	
	
	background: url(../images/backer.jpg) repeat-y top center;
background-color: #3a3b3b;
}
a {
color: #FFF;
}

/*-------------------------------------------------*/


/* splash
--------------------------------------------*/
#splashstudents {
background-image: url(../images/splash_main1.jpg);
background-repeat: no-repeat;
height: 419px;
}

#splashstudents:hover {
background-image: url(../images/splash_main1_over.jpg);
background-repeat: no-repeat;
}

#splashemployers {
background-image: url(../images/splash_main2.jpg);
background-repeat: no-repeat;
height: 419px;
}

#splashemployers:hover {
background-image: url(../images/splash_main2_over.jpg);
background-repeat: no-repeat;
}

#featuredinternship {
padding-top: 30px;
padding-left: 30px;
width: 94px;
float: left;
}

#studentsbutton {
width: 100px;
height: 75px;
float: right;
padding-top: 140px;
}

#employersbutton {
padding-top: 170px;
width: 100px;
height: 75px;
padding-left: 0px;
float: left;
}
/*------------------------------------------*/




td {
font-size:10px;
font-weight: normal;
color:#ffffff;
vertical-align: top;
}



.employer_body {
text-align:center;
width:852px;
margin: 0;
}


.employer_top {
text-align: right;
margin: 0 8px 5px 0;
}


a.employer_top1 {
text-decoration: none;
font-size: 10px;
color: #f7922b;
text-transform: uppercase;
}

a.employer_top2 {
text-decoration: none;
font-size: 10px;
color: #FFF;
text-transform: uppercase;
}

a.employer_top1:hover, a.employer_top2:hover{
text-decoration: underline;
}

.employer_inner {
text-align:left;
width:100%;
margin-top: 10px;
vertical-align: top;
}

.employer_inner_left {
float:left;
background-color: #e45427;
background: url(../images/employer_body_left_bg.gif); 
width: 628px;
color: #FFF;
}



#employer_inner_right {
float: right;
vertical-align: top;
margin-left:8px;
text-align:right;
background-color: #2b2c2c;
width: 214px;
min-height: 374px;
}

#emp_subnav li {
text-decoration: none;
}

#emp_subnav li a{
padding: 5px 6px 3px 0px;
display: block;
text-decoration: none;
font-size: 11px;
color: #FFF;
margin: 0px 4px 0px 4px;
border-bottom: 1px solid #000;
}

#emp_subnav li a:hover{
color: #f0582a;
background-color: #000;
margin: 0px 4px 0px 4px;
}

#emp_subnav li.selected a {
color: #f0582a;
background-color: #000;
margin: 0px 4px 0px 4px;
}


#employer_inner_right_top {
background-color: #000000;
width: 205px;
height:26px;
margin: 5px 5px 5px 5px;
padding-top: 5px;
font-size:9px;
font-weight: normal;
color:#ffffff;
}

#employer_inner_right_top INPUT {
background-color: #868686;
border: 1px #cecece solid;
width: 115px;
height: 13px;
font-size: 12px;
color: #000000;
}

.intern_body{
padding-top: 5px;
font-size:10px;
font-weight: normal;
color:#ffffff;
}


/*--------------------------------start the student internship css------------*/
.students_body {
text-align:center;
width:852px;
margin: 0;
}


.students_top {
text-align: right;
margin: 0 8px 5px 0;
}


a.students_top1 {
text-decoration: none;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
}

a.students_top2 {
text-decoration: none;
font-size: 10px;
color: #88c2d9;
text-transform: uppercase;
}

a.students_top1:hover, a.employer_top2:hover{
text-decoration: underline;
}
.students_inner {
text-align:left;
width:100%;
margin-top: 10px;
vertical-align: top;
}

.students_inner_left {
float:left;
background-color: #e45427;
background: url(../images/students_body_left_bg.gif); 
width: 628px;
color: #FFF;
}




#students_inner_right {
float: right;
vertical-align: top;
margin-left:8px;
text-align:right;
background-color: #2b2c2c;
width: 214px;
min-height: 374px;
}

#stu_subnav li {
text-decoration: none;
}

#stu_subnav li a{
padding: 5px 6px 3px 0px;
display: block;
text-decoration: none;
font-size: 11px;
color: #FFF;
margin: 0px 4px 0px 4px;
border-bottom: 1px solid #000;
}

#stu_subnav li a:hover{
color: #88C2D8;
background-color: #000;
margin: 0px 4px 0px 4px;
}

#stu_subnav li.selected a {
color: #88C2D8;
background-color: #000;
margin: 0px 4px 0px 4px;
}




#students_inner_right_top {
background-color: #000000;
width: 205px;
height:27px;
margin: 5px 5px 5px 5px;
padding-top: 5px;
font-size:9px;
font-weight: normal;
color:#ffffff;
}

#students_inner_right_nl {
background-color: #000000;
width: 205px;
height:15px;
margin: 5px 5px 5px 5px;
padding-top: 5px;
font-size:9px;
font-weight: normal;
color:#ffffff;
}

#students_inner_right_nl INPUT {
background-color: #868686;
border: 1px #cecece solid;
width: 145px;
height: 13px;
font-size: 12px;
color: #000000;
}

#students_inner_right_top INPUT {
background-color: #868686;
border: 1px #cecece solid;
width: 125px;
height: 13px;
font-size: 12px;
color: #000000;
}


#interncontainer {
text-align:left;
vertical-align: top;
width: 580px;
height: 76px;
background-repeat: repeat-x;
border: 1px solid #FFFFFF;
margin-bottom: 5px;
display: block;
margin-top:5px;
}

#resumecontainer {
text-align:left;
vertical-align: top;
width: 580px;
height: 76px;
background-repeat: repeat-x;
border: 1px solid #FFFFFF;
margin-bottom: 5px;
display: block;
margin-top:5px;
}

#interninnercontainer{

   margin-top: 11px;
margin-left: 0px;
padding-left: 0px;
}
#interninnercontainer a {
color: #00578e;
}

#resumeinnercontainer{

   margin-top: 11px;
margin-left: 0px;
padding-left: 0px;
}
#resumeinnercontainer a {
color: #FFF;
}

#interndate {
        font: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	width: 75px;  
       float: left;
padding-right: 34px;
       
}
#interndate .month {
     font-size: 19px;
	text-transform: uppercase;
	
	}
#interndate .day {
     font-size: 28px;
	font-weight: bold;
line-height: 27px;
	
	}
#internshiptext {
    color: #FFF;
    margin-left: 140px;
}


#internshiptext h3  {
    color: #FFF;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    }
  
    
#details {
    float: right;
    display: inline;
    padding-top: 25px;
    padding-right: 25px;
}

#details a {
	 color: #ffffff;
     text-decoration: none;
     font-size: 13px;
}
#details a:hover {
    text-decoration: underline;
    color: #FFF;
    font-size: 13px;

    }
#pagedetails {
   margin: 0px 20px 0px 20px;
   color: #FFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-align: left;
}
#pagedetails a {
color: #FFF;
}
#pagedetails a:hover {
   font-size: 13px;
   color: #FFF;

}

#pagedetails h4 {
   font-size: 18px;
}

#content {
padding-left: 20px;
color: #FFF;
padding-right: 20px;

width: 580px;
overflow: visible;

}
#content .employers {

}

#content .students {

}

#content .students a {
color: #fdea93;
text-decoration: underline;
font-style: italic;
}

#content .employers a {
color: #fdea93;;
text-decoration: underline;
font-style: italic;
}

/*--------------------------------END the student internship css------------*/




/*-------------------------------------------START Form css---------------------------*/
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:120px;
	color: #666666;
	border: 1px solid #cccccc;
}
.formdd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 0px solid #ff0000;
}
.formta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:200px;
	height:110px;
	margin:2px;
	padding-left:4px;
	color: #666666;
	border: 1px solid #cccccc;
	/*background: url(../images/form_ta.gif) no-repeat transparent fixed; */
}
.formbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	background: #ffffff;
	/*background: url(../images/employer/search_05.gif) repeat-x transparent fixed;*/
	border: 1px solid #cccccc;
	cursor: hand;
	cursor: pointer;
}

.former input {
margin: 2px;
}
.former select {
margin: 2px;
}
/*-------------------------------------------END Form css---------------------------*/


/* footer
--------------------------------------------------*/
.footer {
	clear: both;
	height:50px;
	text-align:center;
	font-size:95%;
	color:#A0A0A0;
}

.footer p {
  padding:0px 0px 0px 0px;
}
.footer a {
color: #A0A0A0;
text-decoration: underline;
}

.footer ul {
	margin:0;
	padding:0;
}

.footer li {
  margin:0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
}

.footer li a {
	display:block;
	padding:0px 5px 0;
}

* html .footer a {
	width:1%;
}