/* 	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; /* The almost white background */
}


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 {					
text-decoration: none;
}

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

#outerDoc{    			/**** Holds all information, only 1 per page so OK to use id attribute ****/
margin: 0 10px 10px 10px; /* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
}


div .header {			/**** Holds the left and right headers ****/
height: 100px;
}

div .header_left {
height: 90px;
width: 480px;
float: left;
margin: 10px 0 0 0;     /*'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
background-color: #BDBBEB; /* The color of the main background (light blue) */
}

div .header_right {
height: 70px;
float: right;
margin-top: 30px;
width: 220px;
background-color:#BDBBEB; /* The color of the main background (light blue) */
}

div .addThis_Button {		/**** Holds the addThis button in the header_right div ****/
padding:4px 0px 0px 10px;	/*'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
}

#centerDoc {				/**** Holds the main body of the webpage, only 1 per page so OK to use id attribute ****/
padding: 0px 10px 20px 10px;  /*'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
background-color:#BDBBEB; /* The color of the main background (light blue) */
border-top-style:solid;
margin-top: -20px;
} 

div .section_header { 					/**** Holds sub-headings ****/		
background-color: #E6E8FF;      /*** headings which are very light blue ***/
margin-bottom: -19px;
}

div .content_DM {
height: 240px;
background-color:#F2F2FF;
}

div .content {					/**** Holds content underneith sub-headings ****/
background-color: #F9F9FF;      /** content background (almost white) **/
margin-bottom: 20px;
}

div .content_inner {			/**** Holds content underneith sub-headings ****/
background-color: #F9F9FF;      /** content background (almost white) **/
padding: 10px 10px 0px 10px; 	 /*top right bottom left*/
}

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*/ 
margin-bottom: 20px;
height: 600px;
}

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

div .content_one_row{
background-color: #F9F9FF;
padding: 10px 10px 10px 10px; /*top right bottom left*/
height: 280px; /* To enclose all the .small_box's */
margin-bottom: 20px;
}

div .row_picture_holder_Lego_Bot{
height: 50px;
}

div .row_picture_holder_divs{
height: 150px;
}

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 ****/		
width: 300px;
text-align: center;
font-weight: bold;
}

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*/ 
/* Code for the Curved Corners  */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



/**** Start of div boxs to hold curved corners content ****/
div .all_curve{				/**** Stand alone code that rounds all borders ****/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/**** End of div boxs to hold curved corners content ****/



/**** Start of div boxs to arrange documents on mechanics_of_materials page ****/
div .content_doc{
float:left;
padding: 0px 10px 0px 0px
}

div .content_all_doc{
height: 200px;
}
/**** End of div boxs to arrange documents on mechanics_of_materials page ****/


/**** 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 li {
list-style-type: disc;
}

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

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

ul ul ul ul li {
list-style-type: disc;
}
/********************* End of list properties *********************/ 


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

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



/******** Start of equation dsplay properties used on dynamics_machinery.html ************/
* .equation_symbols{
font-family: Symbol;
}
/******** End of equation dsplay properties used on dynamics_machinery.html ************/