/*   ************************************************  */
		/* layout elements */
/*   ************************************************  */

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color:#ffffff;  
  color: #5a5a5a;
  font-family:arial, helvetica;
  font-size:.9em;
}


/* container for the 3 columns */
#outer-container {
  width: 100%;   /* full window width */
  height:100%;          
  margin: 0; 
  overflow: hidden;              
  background-color:#c4caee;  /* color will show behind the right column */
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

/* container for just the left and center columns */
#inner-container {
  width: 76%;              /* leaves 24% of window width for right column */
  float: left;             /* left side of window */
  background-color: #00246a;  /* color will show behind the left column */
  color: #000;             /*   delete these colors to get same color as right column */
  margin: 0;               /* keep flush with adjacent containers */
}

/* left column */
#left {
  width: 23%;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 0 0 1%;    /* space from window edge (IE messes up with margin, so use padding) */
  
}

#intro{padding:5px; margin-bottom:30px;}

/* center column */
#content {
  width: 70%;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: .2em 1.5%;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  background-color: #ffffff;  
  color: #000;
  border-color: #999;      /* W3C CSS validation service get an erroneous */
  border-style: solid;     /*   parse error on border-right shorthand, */
  border-width: 0 1px;     /*   but not on individual properties */
}

/* right column */
#right {
  width: 22%;              /* a little less than available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: .3em 1.5% .3em 0;      /* some space from right window edge */
  background-color:#c4caee;
}


#clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}

/* page header*/
#header {         
  height:80px;
  margin: 0;
  padding-top: .5em;
  text-align: center;
  background-color:#01009a;
  background-image:url(images/eCampus2rev1.jpg);
  background-repeat:no-repeat;
}

/* page footer, uses body colors */
.footer1 {
  clear:both;            
  width: 100%;             
  margin: 0;
  padding: .2em 0 .2em .2em;
  padding-bottom: .2em;
  background-color:#c4caee;
  
  }
  
.footer2 {
  clear: both;                        
  margin: 0;
  padding: .5em 0 .5em .5em;
  font-size: 88%;
  text-align: left;
  background-color:#fff;
}

.header p,
.footer p {
  margin-bottom: 0;        /* prevent gaps between divs in some browsers */
}

/*middle colored content areas*/
.center{
 width:100%;
 margin:0;
 padding-top:5px;
 border-top: 1px solid #cccccc;
/*border-bottom: 1px dotted #666666;*/
}

.leftcenter{
 float:left;
 width:48%;
 padding:3px 5px 0 7px;
 border-right:1px solid #cccccc;
}


.rightcenter{
 float:right;
 width:48%;
 padding-left:7px;
 padding-top:3px;
 

}

/*********************************************/
                  /*small ad type content */
/*********************************************/

#ad{
	padding: 5px 0px 5px 2px;
	background-color:#fff;
	border:1px solid #999999;
	width:98%;
}

.photoad{
	padding: 8px 0 2px 0;
	width:95%;
	overflow:hidden;
	margin:3px 0 0 1px;
	float:left;
	
}
	
.photoad2{
	padding: 1px 0 5px 1px;
	width:100%;
	overflow:hidden;
	margin:2px 0 0 0;
	float:left;	
	background-color:#666666;
}

#adcenter{
	padding: 5px 0px 5px 2px;
	background-color:#e6e6e6;
	border:1px solid #999999;
	width:98%;
}



#login{
	padding: 10px 3px 10px 10px;
	font-weight:bold;
	color:#020f77;
	
}

.note{
	color:#000;
	font-size:85%;

}

/*   ************************************************  */
		            /*text formatting */
/*   ************************************************  */


h1 {
  font-size: 175%;
  margin: .3em;
}
h2 {
  font-size:120%;
  margin: .2em 0 .5em 0;
   color:#010166;
}

h4 {
  margin-top: 10px;
  margin-bottom: -2px;
   color:#010166;
}

h5 {
	
  color:#000000;
   margin-bottom:0px;
}


dl{
	color:#000000;
  	font-weight:normal;
  	line-height:1.5;
	margin-top:1px;
}



.ltblue{
  color:#020f77;
  font-weight:bold;
  font-size:110%;}

.blueBack{ background-color:#C4CAEE}
.blueText{ color:#346CD3; font-size:14px; font-weight:bold}
.blueBorder{border:1px solid #6A89D8}
.blueBorder tr{ height:25px}


.grey{
  color:#5a5a5a;
  font-weight:bold;
 font-size:110%;
}

.white{
  color:#fff;
  
}


p{
  margin: .2em 0;
  color:#1f1f1f;
  padding-bottom:5px;
}

.bold{
  margin: .2em 0;
  color:#1f1f1f;
  padding-bottom:10px;
  font-weight:bold;
}




.caption{
  margin: 2px 0 7px 0;
  border:1px dotted #cccccc;
  padding-bottom:4px;
  text-align:left;
  background-color:#f0f0f0;
  position:static;
 }
 


ul{
 list-style:square;
 margin-top:1px;
}

li{
	line-height: 125%;

}

ul.alternate{
list-style:none;
 
 

}



.subtitle{
  color:#010166;
  font-weight:bold;
  text-align:left;
  
}

/*   ************************************************  */
		            /*image formatting */
/*   ************************************************  */

img.floatLeft { 
    float: left; 
    margin:3px 3px 0 4px;
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 3px 3px 0 3px;
}


.headerphoto{
	padding: 10px 0 10px 0;
	width:100%;
	overflow:hidden;
	margin:5px 0 15px 0;
	background-color:#cccccc;
	text-align:center;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}


/**************************************************/
		   /*hyperlink formatting */
/**************************************************/


a:link, a:visited {
   color: #3d33f4;
  text-decoration:none;
   }

a:hover {
	
  color: #5d89ff;
  text-decoration:underline;
  
 
}

a.light:link, a.light:visited {
 
  color: #cccccc;
  text-decoration:none;
}

a.light:hover {
 
  color: #6d96d6;
  text-decoration:none;
}

a.special:link, a.special:visited {
 
  color: #990000;
  text-decoration:none;
  font-weight:bold;
  font-size:95%;
}

a.special:hover {
 
  color: #5f0606;
  text-decoration:none;

}


.special{

padding-bottom: 5px;
padding-top:5px;
margin-top:3px;

}

/*left navigation list*/

#leftcol{
margin:0;

}

#leftcol li { 
   	margin: 0px;
	padding: 0px;
	list-style:none;
}

#leftcol li a {
    display: block;
	padding: 2px 0 5px 0;
	text-decoration:none;
	color: #fff;
	font-weight:bold;
	width:100%;
	letter-spacing:0.1em;
	font-size:85%;
	border-bottom: 1px dotted #666666;
	

	
}

#leftcol li a:hover { 
  	color: #6d96d6;
	text-decoration: underline;
	font-weight:bold;
}
  
    
/*right navigation list*/

#rightcol{
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
padding-top:5px;
}


#rightcol li { 
 position: relative;
 margin: 0px;
 padding: 0px;
  list-style: none; 
}

#rightcol li a { 
 display:block;
 padding: 2px 0 2px 0;
 text-decoration: none; 
 color: #01009a;
 }

#rightcol li a:hover { 
 color:#fff;
 text-decoration: underline; 
}





/*top & bottom navigation lists*/
.navcontainer
{
width: 100%;
height:2em;
background-color: #c4caee;
}

.navcontainer ul { padding: 0; }
.navcontainer ul li { display: inline; }

.navcontainer ul
{
margin: 0;

color: #fff;
font-family: arial, helvetica;
font-size: 0.9em;
letter-spacing: 1px;
height:auto;
}

.navcontainer ul li a
{
padding: 1px 12px;
background-color: #c4caee;
color: #00246a;
text-decoration: none;
border-right: 1px solid #e6e6e6;
vertical-align: bottom;
margin: 1em 0 0 1em;
}

.navcontainer ul li a:visited
{
padding: 1px 12px;
background-color: #c4caee;
color: #00246a;
text-decoration: none;
border-right: 1px solid #e6e6e6;
vertical-align: bottom;
margin: 1em 0 0 1em;
}

.navcontainer ul li a:hover
{
background-color: #00246a;
color: #fff;

}

.navlist li a:hover, #navlist li a:active
{
color: #fff;
text-decoration: none;
background: #CC3333;
text-align: left;

}

	

/*   ************************************************  */
		            /* search form  */
/*   ************************************************  */

#search{
	padding: 5px 0px 5px 0px;
	color: #fff;
	margin-bottom:10px;
	
}

input.text{ 
  
  background-color:#fff;
  border: 1px solid #12127d;
  color: #000; 
 
}

input.submit {
background:#e6e6e6;
	color:#12127d;
	border: 1px solid #fff;
	height:21px;
}

legend {
   color:#12127d;
   font-size:120%;
  font-weight:bold;
  text-align:left;
  }


/* table formatting */

table.ecampus{ 
	color: #fff;
	table-layout: fixed;
	width:95%;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	}

table.ecampus td {
	background-color: #CCC;
	color: #000;
	padding: 2px;
	text-align: left;
	border: 1px #fff solid;
	}

table.ecampus th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;
	letter-spacing:0.1em;
	} 

#contain{
  width:100%;	
  margin: 2px 0 7px 0;
  border:1px dotted #cccccc;
  padding-bottom:4px;
  text-align:left;
/*  text-wrap:unrestricted; */
  overflow:scroll;
 }
 
 
 /*course display tables*/
 
 table.ecampuscd{ 
	color: #fff;
	table-layout: fixed;
	width:75%;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	}

table.ecampuscd td {
	background-color: #CCC;
	color: #000;
	padding: 2px;
	text-align: left;
	border: 1px #fff solid;
	}

table.ecampuscd th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;}