body, div {
	margin: 0 0 0 0;
	padding: 0 0  0 0;
	background: #D9D9D2
}
body, div, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

select, option {width:100%;overflow:hidden;} 

table{
	border-width: 0px;
	border-color: #DDB05F; 
	border-style: dashed;
}

th{
	border-width: 1px;
	border-color: #DDB05F; 
	border-style: none none dashed none;
}

td{
	border-width: 1px;
	border-color: #DDB05F; 
	border-style: none none dashed none;
}


/*Black Text*/
.styleBS   {color: #000000;                    font-size: 0.8em}
.styleBSB {color: #000000; font-weight: bold; font-size: 0.8em}
.styleB     {color: #000000;}
.styleBB   {color: #000000; font-weight: bold}
.styleBL   {color: #000000;                    font-size: 1.2em}
.styleBLB {color: #000000; font-weight: bold; font-size: 1.2em}

/*White Text*/
.style3 {color: #FFFFFF}
.style4 {color: #FFFFFF;font-weight: bold}


/*Red Text*/
.styleR {color: #FF0000; }
.styleRB {color: #FF0000; font-weight: bold;}
.styleBRB {color: #FF0000; font-weight: bold; font-size: 1.2em}

.style5 {color: #E0B15F;font-weight: bold}
.pictureR {
	float: right;
	padding-left: 2%;
	padding-bottom: 0%; 
	padding-top: 0%;
	padding-right: 0%;
	border-style: solid; 
	border-color: #000000;
	border-width: 0px;
	width: 40%;
}
.pictureL {
	float: left; 
	padding-right: 4%;
	padding-bottom: 0%; 
	padding-top: 0%;
	padding-left: 0%;
	border-style:solid; 
	border-color: #000000;
	border-width:0px;
	width: 40%;
}
.pictureC{
	float: left; 
	padding-right: 4%;
	padding-bottom: 0%; 
	padding-top: 0%;
	padding-left: 20%;
	border-style:solid; 
	border-color: #000000;
	border-width:0px;
	width: 40%;
}

.pictureRS {
	float: right;
	padding-left: 2%;
	padding-bottom: 2%; 
	padding-top: 0%;
	padding-right: 0%;
	border-style: solid; 
	border-color: #000000;
	border-width: 0px;
	width: 20%;
}
.pictureLS {
	float: left;
	padding-right: 2%;
	padding-bottom: 2%; 
	padding-top: 0%;
	padding-left: 0%;
	border-style: solid; 
	border-color: #000000;
	border-width: 0px;
	width: 20%;
}
.pictureB
{
	float: bottom;
	padding-top: 20%;
	border-color: #000000;
	width:55%;
	padding-left: 20%;
}

.pictureS
{
width: 100px;
}
.StudentProfileImage{
	border-style:solid; 
	border-color: #000000;
	border-width:0px;
	width: 100%;
}
.EditStudentProfileImage{
	float: right;
	padding-left: 2%;
	padding-bottom: 0%; 
	padding-top: 0%;
	padding-right: 0%;
	border-style: solid; 
	border-color: #000000;
	border-width: 0px;
	width: 100px;
}


div#LoginBox{
background: #ffffff;
width: 200px;
Height: 85px;
padding:10px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
border-width:1px;
border-color: #000000;
border-style:solid;
}

.Login{margin-left: 100px;height:30px;background: #ffffff;width: 100px; }
.Login label  {display: inline; float: left;width: 100px; height:30px ;margin-left: -100px;}
.Login Input[type=submit]{Width: 100px;}
.Login Input[type=text] {Width: 100px; border-color: #000000;border-width:1px;}
.Login Input[type=password]{Width: 100px; border-color: #000000;border-width:1px;}
	
div#PictureWrap{
	overflow: auto;
	Float: Left;
	Width: 100%;
		background: #ffffff;
	}
	
 div#spacerLarge{
	float: left;
	width: 100%; 
	text-align: left;
	height: 155px;
	background: #ffffff;
	}
	
div#spacerSmall{
	float: left;
	width: 100%; 
	text-align: left;
	height: 10px;
	background: #ffffff;
	}
	
div#CourseTitle{overflow: auto;
	Float: Left;
	Width:20%;
	max-height:87px;
	background: #ffffff;
}
div#CourseDetail{overflow: auto;
	Float: Left;
	Width: 100%;
	padding-top: 1%;/*max-height:100px;*/
	background: #ffffff;
}	
div#CourseList{overflow: auto;
	Float: right;
	Width:80%;
	max-height:87px;
	background: #D9D9D2;
}
div#CourseList a:link{
	color: #000000;
	text-decoration: none;
}
div#CourseList a:hover {
	color: #FFFFFF;
	background: #E0B15F;
	text-decoration: none;
}
div#CourseList a:visited {
	text-decoration: none;
	color: #000000;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 10px;
  padding: 0;
  min-width: 10%;
  max-width: 80%;
  width: 650px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	/*display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 165px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

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

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}


form textarea { overflow: auto; 
margin: 5px 10px 0;
}



select
{
width: 100px;
float: left;
margin: 5px 10px 0;
}


form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
button{
display: block;
float: right;
}
 div#MainCenter{
	float: left;
	width: 58%;
	height: Auto;
	text-align: left;
	padding: 5px 1% 100px 1%;/*padding-top padding-right padding-bottom padding-left*/
	background: #ffffff;}
div#MainLeft {
	float: left;
	width: 18%;
	height: auto;
	text-align: left;
	padding: 10px 0% 100px 1%;/*padding-top padding-right padding-bottom padding-left*/
	background: #D9D9D2;
	
}
div#MainLeft a:link{
	color: #000000;
	text-decoration: none;
}
div#MainLeft a:hover {
	color: #FFFFFF;
	background: #E0B15F;
	text-decoration: none;
}
div#MainLeft a:visited {
	text-decoration: none;
	color: #000000;
}
 div#MainRight{
 	float: left;
	width: 18%;
	height: auto;
	text-align: left;
	padding: 5px 1% 100px 1%; /*padding-top padding-right padding-bottom padding-left*/
	background: #D9D9D2; /*D9D9D2*/
}

div #content-wrap{
	overflow:auto;
}
div#StudentProfile
{

position: abosolute; 

}
ul#courseMenu{
list-style: none;
margin: 0px;
padding: 0px;
border: none;

}
ul#courseMenu li {
	margin: 0px;
	padding: 0px
}
ul#courseMenu li a {

display: block;
border-bottom: 1px dashed #DDB05F;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;

}

ul#courseMenu li a:hover {
    background:#3ea2b9;
}