.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.programsbutton {
	background: #98C55E;
	width:100px;
	height:18px;
	font-size:14px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	}
.programsbutton a:link {
	color:#ffffff;
	text-decoration:underline;
	}
.programsbutton a:visited {
	color:#ffffff;
	text-decoration:underline;
	}
.programsbutton a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
.programsbutton a:active {
	color:#ffffff;
	text-decoration:none;
	}

.texta {
 background-color: #FFFFFF;
 border: 1px solid #666666;
}

.selecta {
 background-color: #D8FFAA;
}

.boldme {
    font-weight: bold;
	font-size: 1.2em;
}

.italicme {
    font-style: italic;
}

.textbodyht16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	}

.radiobutton{
 background-color: #D8FFAA;
}

.form1 {
	background-color: #D8FFAA;
    color: #006600;
    font-weight: bold;
    }

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
}

.headerquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336666;
	line-height: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bottomlinks {

	color:#0085C9;
	background-color:#E2FFD0;
	padding: 8px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;


}

#headerquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336666;
	line-height: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.header01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #507C7D;
}

.header02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.header03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #98C55E;
}

.textbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
}

.textbodyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
	text-align: right;
}

.blkTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#redTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#C8522A;
	line-height: 14px;
}

.grnTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #629540;
	line-height: 16px;
}

#grnTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #629540;
	line-height: 16px;
}

.graphics01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #507C7D;
	line-height: 25px;
}

.graphics02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #507C7D;
}

.graphics03caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
}

.boxes02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #507C7D;
	margin-left: 5px;
	line-height:14px;
}

p.boxes02:first-letter {
	margin-left:-5px;
	}

.boxes-pres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #507C7D;
	line-height: 14px;
}

.boxes01W {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#navbottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #629540;
	line-height: 18px;
}

.navbottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #629540;
	line-height: 18px;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
}

a:link {
	color: #507C7D;
	color: #4B088A;
	text-decoration: none;
}

a:visited {
	color: #507C7D;
	color: #4B088A;
	text-decoration: none;
}

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

a:active {
	color: #629540;
	text-decoration: underline;
}

.formtextfield {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #336666;
	width: 150px;
	height: 18px;
	line-height: 12px;
	vertical-align: middle;
}

.navtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.sideLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	padding-left:12px;
	padding-right:12px;
}

.anchorlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.caption01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #7DA44A;
}

.boxes03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color:#346666;
}

.boxes03b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#346666;
}

.boxes03c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#346666;
}

.textbodytight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.quotesLeftSide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #7DA44A;
	padding-left:12px;
	padding-right:12px;

}

.footer01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C6430;
}

/*---  LEFT SIDE BAR ---*/

#menu {
 width: 175px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #999;
}

/*---  MAIN PAGE CONTENT ---*/

#content {
 width: 420px;
 float: left;
 text-align: left;
 margin-left: 20px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 390px;
}

body>#content {
 width: 420px;
}

/*--- "member" links: login, register, calendar, etc. ---*/
.loginLinks, .loginLinks a {
 color:       #000000;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
}
.loginLinks a:link    { color:  #003399; font-weight: bold;}
.loginLinks a:visited { color:  #003399; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #cccccc; font-weight: bold;}

/*--- Dotted line between menu items in sidebar ---*/
.menuSpacer {
 border-bottom: 1px dotted #999;
 margin-bottom: 15px;
}

/*---  Used in Trackback and Pingback page.  ---*/
H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/
H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/
H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/
H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

/*---  Weblog entry formatting.  ---*/
.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #999999;
}

/*---  Name of author in weblog entries ---*/
.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	text-align:  left;
}

/*--  Default form field formatting. --*/
form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/
.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
}

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/
.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/
.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}


/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */

/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover {
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 font-weight: bold;
}
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}

/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/*======================================================================================================*/

/*New  css*/
th  .colorBG {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}

/*-- Background table color, used in "view mebers" page --*/
.colorBG {
 background: #aaaaff;
}

/*-- Default table cell formatting --*/
td .right {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px;
}

/*-- aligns text to the right, in the various tables --*/
.right {
 text-align: right;
}

td .left {
 font-family: verdana,trebuchet,sans-serif;
 font-size: 11px;
}

.left {
 text-align: left;
}

/*--  Red text used for "required field" markers in forms. --*/
.red {
 color:       #ff0000;
 font-weight: bold;
}

/*--  Default form field formatting. --*/
form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/
.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
}

/*--  Input text-area formatting --*/
.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Best of Blog formatting --*/
.Section1 {
	font-style: Arial,Helvetica,sans-serif;
	font-style: Times New Roman;
	font-size: 17px;
	width: 650px;
	padding-right: 30px;
	color: red;
}
.quotezone {
	color: #333333;
	color: black;
	font-style: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.quoter {
	color: gray;
	font-style: italic;
}
.faculty {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0;
}
.faculty_schools {
	font-style: italic;
}
.faculty_name {
	font-weight: bold;
}
.right_col_box {
	width: 225px;
	border:1px solid #5fafaf;
	padding:12px;
	margin-bottom: 15px
}
.board_photo {
	 width:100px;
	 height:102px;
	 float:left;
	 margin-right:10px;
}
/*--  /Best of Blog formatting --*/

/*-- Social Media formatting --*/
.socialmedia-buttons {
    margin-top: 5px;
}
.smw_left {
    text-align: left;
}
.smw_center {
    text-align: center;
}
.smw_right {
    text-align: right;
}
li.Social_Widget a {
    background: none repeat scroll 0 0 transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.socialmedia-buttons img {
    -moz-transition: all 0.2s ease-in 0s;
    border: 0 none !important;
    display: inline;
    margin-right: 0 !important;
}
.socialmedia-buttons a {
    background: none repeat scroll 0 0 transparent !important;
}
.socialmedia-buttons a:hover {
    border: 0 none;
    text-decoration: none;
}
.socialmedia-buttons img.fade:hover {
    -moz-transition: all 0.2s ease-in 0s;
    opacity: 1 !important;
}
.socialmedia-buttons img.scale:hover {
    -moz-transform: scale(1.2);
    -moz-transition: all 0.2s ease-in 0s;
}
.socialmedia-buttons img.bounce:hover {
    -moz-transform: translate(0px, -2px);
    -moz-transition: all 0.2s ease-in 0s;
}
.socialmedia-buttons img.combo:hover {
    -moz-transform: scale(1.1) translate(0px, -4px);
    -moz-transition: all 0.2s ease-in 0s;
    opacity: 1 !important;
}
.sm_icon_container {
	background-color: yellow;
}

/*-- /Social Media formatting --*/


/*-- Student Experience Box formatting --*/
/* this controls the text in the three tables */
.table_title {
	color: #FFFFFF;
	font-size: 1.3em;
	font-family: Verdana,Helvetica,sans-serif;
}
a.table_title:visited {
	color: white;
}
a.table_title:link {
	text-decoration: none;
	color: white;
}
a.table_title:hover {
	text-decoration: none;
	color: yellow;
}
/* this controls the color of the three tables */
tr.table_color {
	background-color: #548282;
	background-color: #98C55E;
	height: 25px;
}
.table_wrapper {
	border-color: #548282;
	border-style: solid;
	border-width: 1px;
	width: 250px;
	height: 341px;
}
.quoter {
	font-style: italic;
	color: gray;
}

/*-- /Student Experience Box formatting --*/

.shadow-all
{
	-moz-box-shadow: 0px 0px 14px #424242;
	-webkit-box-shadow: 0px 0px 14px #424242;
	box-shadow: 0px 0px 14px #424242;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=315, Color='gray')"
				"progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='gray')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=315, Color='gray')
			progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='gray');
}
.shadow-bottom-right
{
	-moz-box-shadow: 0px 0px 14px #424242;
	-webkit-box-shadow: 0px 0px 14px #424242;
	box-shadow: 0px 0px 14px #424242;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=315, Color='gray')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=315, Color='gray');
}
.shadow-top-left
{
	-moz-box-shadow: 0px 0px 14px #424242;
	-webkit-box-shadow: 0px 0px 14px #424242;
	box-shadow: 0px 0px 14px #424242;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='gray')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='gray');
}