/* 	CSS Document for General Page layout 
	Created by: Aaron Klapheck
	Created on: 4-Apr-08
*/




body {
font-family: "Times New Roman", Times, serif;
font-size: 100%;
background-color:#F2F2FF;
}


h1 {				/**** Page headding ****/
font-size: 24px;

}

h2 {				/**** contents of sub-headings ****/
font-size: 20px;
margin-left: 10px;
}

h3 {				/**** contents of sub-headings ****/
font-size: 22px;
}

a img {				/**** Give linked images no border ****/
border: none;
}

a {					/**** Give links specail properties ****/
text-decoration: none;
color: #000066;
}


/********************* Start of div boxs to arrange content on page *********************/

#outerDoc{
	margin: 0 40 40 40; /* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
}

#centerDoc {
	margin-top: 65px;
	padding: 20px 50px 20px 20px;
	background-color:#BDBBEB;
	border-top-style:solid;
} 


div .header {
background-color:#00FF00;
}

div .header_left {
float: left;
background-color:#BDBBEB;
}

div .header_right {
float: right;
margin-top: 9px;
background-color:#BDBBEB;
}


div .section_header { 					/**** Holds sub-headings ****/		
background-color: #E6E8FF;      /*** #99CCFF ***/
margin-bottom: -19px;
}

div .content {					/**** Holds content underneith sub-headings ****/
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
margin-bottom: 20px;
}

div .content_movies {			/**** Holds a number of .small_box's which contain a picture with one line of text ****/
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
padding-bottom: 170px; /* To enclose all the .small_box's */
margin-bottom: 20px;
}

div .content_movies_school {	/**** Holds a number of .small_box's which contain a picture with two lines of text ****/
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
padding-bottom: 190px; /* To enclose all the .small_box's */
margin-bottom: 20px;
}

div .content_books {			/**** Holds a number of .small_box's which contain a picture of a book with a few lines of text ****/
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
padding-bottom: 300px; /* To enclose all the .small_box's */
margin-bottom: 20px;
}

div .content_half_books{
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/
padding-bottom: 300px; /* To enclose all the .small_box's */
}

div .small_box {				/**** Holds one picture and a few lines of text (used to hold pic of videos) ****/
width: 140px;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
float: left;
margin-right: 20px;
background: #B8EBFE;
}


div .section_header_sub { 				/**** Holds sub-headings ****/		
background-color: #E6E8FF;  
width: 300px;
text-align: center;
}

div .content_Sub_pic_holder { 	/**** Holds a picture and a few lines of text in content holder ****/
background-color: #B8EBFE;
padding: 10px 10px 10px 10px; /*top right bottom left*/ 
height: 200px;
}

div .content_Sub_word_holder { 	/**** Holds a few lines of text in content holder ****/
background-color: #B8EBFE;
width: 300px;
margin-bottom: 20px;
padding: 10px 0px 10px 0px; /*top right bottom left*/ 
}


/**** Start of div boxs to arrange Boe-Bot pictues on ME 175 page ****/


div .content_bot_pictures {		/**** Holds the three primary views and the isometric view of the Boe-Bots ****/
background-color: #B8EBFE;
width: 600px;
height: 520px;
margin-bottom: 20px;
}

div .front_view {				/**** Holds a front view and a few lines of text ****/
width: 260px; 
float: left;
margin-left: 20px;
margin-right: 20px;
}

div .right_view {				/**** Holds a right view and a few lines of text ****/
width: 260px; 
float: left;
}

div .top_view {					/**** Holds a top view and a few lines of text ****/
width: 260px; 
float: left;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}

div .isometric_view {			/**** Holds a isometric view and a few lines of text ****/
width: 260px;
margin-bottom: 20px; 
float: left;

}


/**** End of div boxs to arrange Boe-Bot pictues on ME 175 page ****/



/**** Start of div boxs to arrange MiniMover pictues on MiniMover page ****/


div .content_MiniMover_pictures {		/**** Holds the three primary views and the isometric view of the MiniMover and one gripper ****/
background-color: #B8EBFE;
width: 500px;
height: 700px;
margin-bottom: 20px;
}

div .MMtall {				/**** Holds a front view and a few lines of text ****/
width: 200px; 
float: left;
margin-left: 10px;
margin-right: 10px;
}

div .MMwide {				/**** Holds a right view and a few lines of text ****/
width: 260px; 
float: left;
margin-left: 10px;
margin-right: 10px;
}

}


/**** End of div boxs to arrange Boe-Bot pictues on ME 175 page ****/





/********************* End of div boxs to arrange content on page *********************/



/********************* Start of list properties *********************/ 

ul {
list-style-type: disc;
}

ul ul {
list-style-type: circle;
}

ul ul ul {
list-style-type: square;
}

/********************* End of list properties *********************/ 


div.Code { 						/**** Applies a style to differentiate code from text. Used on Bot_Code_Explained.html ****/
font: "Courier New", Courier, monospace;
font-size: 14px;
} 

span.Code { 					/**** Applies a style to differentiate code from text. Used on Bot_Code_Explained.html ****/
font: "Courier New", Courier, monospace;
font-size: 14px;
}