body { font-family:Arial, Sans-Serif; font-size:95%; margin:0; padding:0; background:#369; }


/**************************TOP NAVIGATION**************************************************************************/
#topnavcontainer { width:100%; background:url(../images/middle_navigation_bg.jpg) repeat-x; overflow:hidden; }
#tnav { width:920px; margin:0 auto; overflow:hidden; }
#tnav ul { text-align:left; margin:5px 0 5px 0; padding:0; }
#tnav ul li { display:inline; }
#tnav ul li a { padding:5px 0 5px 15px; color:#fff; text-decoration:none; font-size:85%; text-transform:uppercase; }
#tnav ul li.active a { color:#fff; font-weight:bold; }
#tnav ul li a:hover { text-decoration:underline; }
#tnav #active { border-left: 1px solid #fff; }



/**************************TOP CONTAINER WITH LOGO, TOP NAV AND SEARCH BOX********************************/

#topcontainer { width:100%; overflow:hidden; padding:0px 0 8px 0; background:#369; }
*:first-child+html #topcontainer { padding:0 0 5px 0; }
* html #topcontainer { padding:0 0 4px 0; }
#topwrap { width:920px; margin:0 auto;  }
#logowrap { float:left; }
.CSU { margin:0; padding:10px 0 0 0; }
.CSU img.float { width:268px; height:70px; }
.logo { float:left; background:url("../images/white-logo.png") no-repeat top; padding:0; margin:0; }
* html .logo { position:relative; margin:0; padding:0;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../images/white-logo.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
); }
.logo a img { border:none; }
#tright { float:right; margin:25px 0 0 0; }
* html #tright { margin:30px 0 0 0; }
#tright1 { margin:0; padding:0px 0 0 0; float:right; width:60%;  }
* html #tright1 { width:38%; margin:0; padding:0; }
#tright1_bottom { margin:0; padding:30px 0 0 0; float:right; width:50%; color:#fff; }
.search { padding:5px 0 0 0; margin:0;  float:right; height:30px; }
.search a { color:#fff; font-size:70%; text-decoration:none; }
.search1 { padding:0; margin:0; float:right; }
.search1 ul li { padding:0; margin:0; list-style-type:none; }
.search1 ul li.bottom { padding:5px 0 0 0; }
.search1 a { color:#fff; font-size:70%; text-decoration:none; }
.search1 a:hover { text-decoration:underline; color:#ccc; }


ul.cabinet { margin:0 0 0 10px; padding:0; }
ul.cabinet li { margin:0; padding:0 0 10px 0; list-style-type:none; }


form { margin:0; padding:0; }
form a:hover { color:#000; }

a img { border:none; }

#search { background:#5e86af; }


/*******HORIZONTAL CENTERED DROP DOWN MENU CONTAINER******************************/

#status_nav_container { width:100%; background:#353535; }
#enav { margin:0 auto; width:920px; background:#ffa200; color:#fff; }
#status_nav {  margin:0 auto; width:920px; background:#353535; border-left:1px solid #353535; border-right:1px solid #353535; }
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu { padding:0; list-style-type:none; display:table; margin:0 auto; }
#pmenu ul { padding:0; margin:0; list-style-type:none; display:block; position:relative;}
/* Hide the sub levels */
#pmenu li ul { display:none; }
/* Set up the link size, color and borders */
#pmenu li a { display:block; width:200px; font-weight:bold; font-size:90%; color:#fff; padding:7px; text-decoration:none; text-align:center; border-right:1px solid #fff; }
#pmenu li a.end { display:block; width:200px; font-weight:bold; font-size:90%; color:#fff; padding:7px; text-decoration:none; text-align:center; border:none; }
/* Set up the sub level link size, color, etc. */
#pmenu li ul li a, #pmenu li ul li a:visited { border-width:0 1px 1px 1px; padding:7px; /*width:100px;*/ text-align:left; font-size:80%; border:none; }
#pmenu li ul li ul li { margin-left:90px; margin-top:-1px; }
* html #pmenu li ul li ul li { /*margin-left:44px;*/ margin-top:0px; position:relative; z-index:100; }
#pmenu li a.longer { width:150px; }
#pmenu li a.enclose, #pmenu li a.enclose:visited { border-width:1px; }
/* Set up the list items */
#pmenu li { float:left; background:#353535; color:#5a656d; }
#pmenu li.tc { display:table-cell; }
#pmenu li.end a { border:none; }
/* For Non-IE browsers and IE7 */
#pmenu li:hover { position:relative; z-index:100; }
/* Make the hovered list color persist */
#pmenu li:hover > a { background:#5a656d; color:#fff; }
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul { display:block; position:absolute; top:-11px; left:80px; padding:12px 30px 30px 30px; background:transparent url(images/transparent.gif); /*width:120px;*/ }
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul { left:-30px; top:16px; }
/* get rid of the table */
#pmenu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover { position:relative; background:#5a656d; color:#fff; z-index:100; }
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus { background:#c1d1e0; color:#369; }
/* Set up the pointers for the sub level indication */
#pmenu li.fly { background:#353535 url(../images/fly.gif) no-repeat right center; }
#pmenu li.drop { background:#353535 url(images/drop.gif) no-repeat right; }
/* This is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul { visibility:hidden; display:block; position:absolute; top:-11px; left:80px; text-align:center;  padding:12px 30px 30px 30px; background:transparent url(../images/transparent.gif); font-size:120%; }
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul { visibility:hidden; font-size:140%; }
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul { visibility:hidden; }
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul { visibility:hidden; }
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden; }
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; }
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul { visibility:visible; top:-11px; left:80px; }
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible; }
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; }
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; }


/**************************IMAGE CONTAINER****************************************************************************************************************************/
#flashfeatures_multiple { width:900px; margin:0 auto; background:#e6e2d7; padding:10px 10px 10px 10px; border-right:1px solid #353535; border-left:1px solid #353535; }
#flashfeatures_multiple h2 { margin:0; padding:8px; text-transform:uppercase; text-align:center;}
#flashfeatures_multiple h3 { margin:0; padding:8px; }

/**************************MAINCONTENT CONTAINER WITH ALL ROWS OF INFORMATION*****************************************************************************************/
#maincontent { width:920px; margin:0 auto; /*background:url(../images/maincontent_bg.gif) repeat-y;*/ background:#fff; overflow:hidden; border-left:1px solid #353535; 
				border-bottom:1px solid #353535; border-right:1px solid #353535; }
				
.col_1 { float:left; width:25%; padding:8px 8px 0 8px; }
.col_2 { float:left; width:22%; padding:8px 0; }
.col_3 { float:left; width:22%; padding:8px 0 0 0; }
.col_4 { float:right; width:22%; padding:8px 8px 0 0; }

#maincontent h3 { margin:0; padding:0 0 5px 0; text-transform:uppercase; font-size:130%; }
#maincontent p { margin:0; padding:0 0 8px 0; }

.content { padding:10px; }
.content a { color:#369; }

.content a:hover { text-decoration:none; }
.content h2 { background:#353535; color:#fff; padding:8px; }
.content h4 { margin:0; padding:10px 0 8px 0; font-size:110%; }

.row_4 { overflow:hidden; padding:20px 8px 20px 8px; margin:0; font-size:80%; border-top:2px solid #353535; background:#fff; /*background:url(../images/row_4_bg.gif) repeat-y; border-top:1px solid #353535;*/ }
.row_4 a { color:#369; }
.row_4 a:hover { text-decoration:none; }
	.row_4_col_1 { width:21%; float:left; padding:0 20px 0 0; }
	.row_4_col_2 { width:28%; float:left; padding:0 20px 0 0;}
	.row_4_col_3 { width:20%; float:left; padding:0 0px 0 0; }
	.row_4_col_4 { width:23%; float:right; padding:0 5px 0 0; }
	
.row_4_bottom { overflow:hidden; width:100%; padding:8px; margin:0; font-size:80%; background:#353535; color:#fff; }
	.row_4_bottom_col_1 { width:23%; float:left; padding:0 20px 0 0; }
	.row_4_bottom_col_2 { width:23%; float:left; padding:0 20px 0 0;}
	.row_4_bottom_col_3 { width:22%; float:left; padding:0 20px 0 0; }
	.row_4_bottom_col_4 { width:22%; float:right; padding:0 24px 0 0; }
	
.row_4_darkgray { overflow:hidden; width:100%; padding:8px; margin:0; font-size:80%; background:#353535; color:#fff; }
.row_4_darkgray a { color:#fff; }
.row_4_darkgray a:hover { text-decoration:none; }
	.row_4_darkgray_col_1 { width:21%; float:left; padding:0 20px 0 0; }
	.row_4_darkgray_col_2 { width:28%; float:left; padding:0 20px 0 0;}
	.row_4_darkgray_col_3 { width:20%; float:left; padding:0 0px 0 0; }
	.row_4_darkgray_col_4 { width:23%; float:right; padding:0 5px 0 0; }

.row_3_darkgray { overflow:hidden; width:100%; padding:8px; margin:0; font-size:80%; background:#353535; color:#fff; }
.row_3_darkgray a { color:#fff; }
.row_3_darkgray a:hover { text-decoration:none; }
	.row_3_darkgray_col_1 { width:30%; float:left; padding:0 20px 0 0; }
	.row_3_darkgray_col_2 { width:30%; float:left; padding:0 20px 0 0;}
	.row_3_darkgray_col_3 { width:28%; float:left; padding:0 0px 0 0; }


.row_3 { overflow:hidden; width:100%; padding:8px; margin:0; font-size:80%; background:#353535; color:#fff; }
.row_3 a { color:#fff; }
.row_3 a:hover { text-decoration:none; }
	.row_3_col_1 { width:30%; float:left; padding:0 20px 0 0; margin:0; }
	.row_3_col_2 { width:35%; float:left; padding:0 0px 0 0; margin:0; }
	.row_3_col_3 { width:25%; float:right; padding:0 8px 0 0; margin:0; }
	
.row_5 { overflow:hidden; width:100%; padding:0; margin:0; font-size:80%; }
	.row_5_col_1 { width:20%; float:left; }
	.row_5_col_2 { width:20%; float:left; }
	.row_5_col_3 { width:20%; float:left; }
	.row_5_col_4 { width:20%; float:left; }
	.row_5_col_5 { width:20%; float:right; }

.row_3_collage { overflow:hidden; width:100%; padding:0; margin:0; font-size:80%; background:#353535; color:#fff; }
.row_3_collage a { color:#fff; }
.row_3_collage a:hover { text-decoration:none; }
	.row_3_collage_col_1 { width:30%; float:left; padding:8px 0 0 8px; }
	.row_3_collage_col_2 { width:35%; float:left; padding:8px 0 0 0; }
	.row_3_collage_col_3 { width:28%; float:right; padding:8px 8px 0 0; }


/**************************Event Buttons Container*******************************************************/
#eventbuttonscontainer { width:100%; /*background:url(../images/buttonbg.jpg) repeat-x;*/ overflow:hidden; padding:0px 0 18px 0; margin:0; /*background:#fff;*/ }
#eventbuttons { width:920px; margin:0 auto; /*border-top:1px solid #c0c0c0; padding:3px 0 3px 0; border-bottom:1px solid #c0c0c0;*/ overflow:hidden; }
.firstE { float:left; width:24%; margin-right:8px; margin-left:5px; }
* html .firstE { margin-left:3px; }
.secondE { float:left; width:24%; margin-right:9px; }
.thirdE { float:left; width:24%; margin-right:8px; }
.fourthE { float:right; width:24%; margin-right:5px; }
a.fourthErollover { display:block; width:220px; height:68px; color:#c0c0c0; font-weight:normal; background:url(../images/fourthE.jpg); }
a.fourthErollover:hover { background-position: -220px 0; color:#00337f; font-weight:bold; }
a.thirdErollover { display:block; width:220px; height:68px; color:#c0c0c0; font-weight:normal; background:url(../images/thirdE.jpg); }
a.thirdErollover:hover { background-position: -220px 0; color:#00337f; font-weight:bold; }
a.secondErollover { display:block; width:220px; height:68px; color:#c0c0c0; font-weight:normal; background:url(../images/secondE.jpg); }
a.secondErollover:hover { background-position: -220px 0; color:#00337f; font-weight:bold; }
a.firstErollover { display:block; width:220px; height:68px; color:#c0c0c0; font-weight:normal; background:url(../images/firstE.jpg); }
a.firstErollover:hover { background-position: -220px 0; color:#00337f; font-weight:bold; }
#eventbuttons a img { border:none; }

.ASC { width:500px; margin:0 auto; }
a.ASCrollover { display:block; width:504px; height:360px; color:#c0c0c0; font-weight:normal; background:url(../images/AS_Celebration2009.jpg); }
a.ASCrollover:hover { background-position: -504px 0; color:#00337f; font-weight:bold; }

a.commencement { display:block; width:355px; height:208px; color:#c0c0c0; font-weight:normal; background:url(../images/spring2010commencement.jpg); }
a.commencement:hover { background-position: -355px 0; color:#00337f; font-weight:bold; }

/***************************OTHER PAGES DECLARATIONS****************************************************/
ul.budget { margin:0; padding:0;  }
ul.budget li { margin:0 0 0 3em; padding:0 0 10px 0; list-style-type:disc; }

ul.president { margin:10px 0 0 3em; padding:0; }
ul.president li { margin:0; padding:0 0 10px 0; list-style-type:disc; }

ul.none { margin:0; padding:0 0 10px 0; }
ul.none li {  list-style-type:none; margin:0 0 0 1em; padding:0 0 8px 0; }
ul.none ul li { margin:5px 0 0 2.5em; padding:0; list-style:circle; }

table.president { margin:0; padding:0; }
table.president td { margin:0; padding:8px; border-bottom:1px solid #ddd; }
table.president td.active { border-top:1px solid #ddd; }
table.president td.right { border-right:1px solid #ddd; }
table.president td.active_right { border-right:1px solid #ddd; border-top:1px solid #ddd; }

table.stoptheflow { border:0px; width:100%; background-color:#FFCC99; padding:0px; margin:0px; font-size:85%; }
#stoptheflowcontainer td { width:auto; }
#stoptheflowcontainer { padding:0px; margin:0px; }
#stoptheflowcontainer a:link{ font-weight:bold; color:#369; text-decoration:none; }
#stoptheflowcontainer a:visited{ font-weight:bold; color:#369; text-decoration:none; }
#stoptheflowcontainer a:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; }
#stoptheflowcontainer a:active { font-weight:bold; color:#000066; text-decoration:none; }
.smallbluetext { color:#369; }

.maps { margin:0; padding:8px; background:#25408e; float:right; border:1px solid #369;}
.maps p { margin:0; padding:0 0 10px 0; color:#fff; }
.maps a { color:#fff; }

.row_left { float:left; margin:15px 0 0 0; padding:0; width:48%; z-index:0; }
.row_right { float:right; margin:15px 0 0 0; padding:0; width:50%; z-index:0; }
.cell { background:#eff3f7; float:left; position:relative; border:1px solid #eee; margin:0 0 30px 0; width:98%; z-index:0; }
.cell h3 { background:#d6e0eb; color:#000; font-weight:bold; font-size:100%; padding:8px; margin:0; text-transform:uppercase; }
.cell p { margin:0; padding:8px 8px 0 8px; }
.cell_green { float:left; background:#ccebcc; position:relative; border:1px solid #eee; margin:0 0 30px 0; width:98%; z-index:0;  }
.cell_green h3 { background:#7fcc7f; color:#000; font-weight:bold; font-size:100%; padding:8px; margin:0; text-transform:uppercase; }
#content .cell_green ul.none li a, #content .cell_orange ul.none li a, #content .cell_yellow ul.none li a, #content .cell_tan ul.none li a, #content .cell ul.none li a { color:#000; list-style-type:none; }
.cell_orange { float:left; background:#ffebd6; position:relative; border:1px solid #eee; margin:0 0 30px 0; width:98%; z-index:0; }
.cell_orange h3 { background:#ffcc99; color:#000; font-weight:bold; font-size:100%; padding:8px; margin:0; text-transform:uppercase; }
.cell_yellow { float:left; background:#ffffd6; position:relative; border:1px solid #eee; margin:0 0 30px 0; width:98%; z-index:0; }
.cell_yellow h3 { background:#ffff99; color:#000; font-weight:bold; font-size:100%; padding:8px; margin:0; text-transform:uppercase; }
.cell_tan { float:left; background:#f5f3ef; position:relative; border:1px solid #eee; margin:0 0 30px 0; width:98%; z-index:0; }
.cell_tan h3 { background:#e6e2d7; color:#000; font-weight:bold; font-size:100%; padding:8px; margin:0; text-transform:uppercase; }


/******************************BLOG STYLE*************/
ul.blog { margin:0; padding:0; list-style-type:none; }
ul.blog li { margin:0; padding:0 0 10px 0; }
ul.blog li a { color:#369; font-weight:normal; width:100px; }
ul.blog a:hover { }



/******************************DIFFERENT TABLE STYLES************************************************/
table { width:98%; }
td {  padding:10px 10px 10px 0; }
th { text-align:left; background:#e6e2d7; color:#369; padding:5px; font-weight:bold; }

table.border { width:98%; }
table.border td {  padding:10px; width:60%; border:1px solid #ccc; }
table.border th { text-align:left; background:#e6e2d7; color:#369; padding:5px; font-weight:bold; }

table.contacts { width:98%; }
table.contacts td { padding:5px 0 5px 5px; width:43%;  }
table.contacts th { text-align:left; background:#e6e2d7; color:#369; padding:5px; font-weight:bold; }

table.tenav td { width:50%; }


/****************************Footer Container***********************************************************/
#footercontainer { width:100%; /*background:#5d85ae;*/ overflow:hidden; }
#footerwrap { width:950px; margin:0 auto; padding:10px 0 10px 0; }
#Uinfo p { text-align:center; color:#fff; margin:0; padding:0; font-size:70%; }
#Uinfo a { color:#fff; text-decoration:none; }
#Uinfo a:hover { text-decoration:underline; }
#Uinfo ul { margin:0; padding:5px 0 0 0; text-align:center; font-size:70%; }
#Uinfo ul li { display:inline; margin:0; padding-right:2em; color:#fff;; }
#Uinfo ul li a { color:#fff; text-decoration:none;  }
#Uinfo ul li a:hover { text-decoration:underline; }



/*****************************SLIDE SHOW****************************************************************/
#slideshow { margin:0; overflow:hidden; }
#nav { width:50px; float:right; margin:50px 10px 10px 10px;  }
* html #nav { margin:50px 2px 2px 2px; }
#nav li { width:50px; margin:0 0 10px 0; padding:0; list-style: none }
#nav a { width:50px; padding:3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background:#369; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
.pics { }
.clear { clear:both; }
*:first-child+html .clear { clear:none; }



/******************************	SLIDE SHOW THUMBNAILS/TEXT****************************************************************************************/
#thbs_nav { margin:0; padding: 0;  }
#thbs_nav ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;  }
#thbs_nav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#thbs_nav ul li a { padding:8px; margin:0; display:block; background:#f6f4ee; color:#369; width:209px; text-decoration:none; font-weight:bold; }
#thbs_nav ul li a:hover { background:#fff; }
#thbs_nav a:active { background:#369; }
#thbs_nav li#active a { background: #369; border: 1px solid #c60; }
#thbs_nav ul li a.activeSlide {background:#369; color:#fff;  }

/****************************** with 3 thumnails/text *******************************************************************************************/
#thbs_nav3 { margin:0; padding: 0;  }
#thbs_nav3 ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;  }
#thbs_nav3 ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#thbs_nav3 ul li a { padding:8px; margin:0; display:block; background:#f6f4ee; color:#369; width:284px; text-decoration:none; font-weight:bold; }
#thbs_nav3 ul li a:hover { background:#fff; }
#thbs_nav3 a:active { background:#369; }
#thbs_nav3 li#active a { background: #369; border: 1px solid #c60; }
#thbs_nav3 ul li a.activeSlide {background:#369; color:#fff;  }

/****************************** with 2 thumnails/text *******************************************************************************************/
#thbs_nav2 { margin:0; padding: 0;  }
#thbs_nav2 ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;  }
#thbs_nav2 ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#thbs_nav2 ul li a { padding:8px; margin:0; display:block; background:#f6f4ee; color:#369; width:428px; text-decoration:none; font-weight:bold; }
#thbs_nav2 ul li a:hover { background:#fff; }
#thbs_nav2 a:active { background:#369; }
#thbs_nav2 li#active a { background: #369; border: 1px solid #c60; }
#thbs_nav2 ul li a.activeSlide {background:#369; color:#fff;  }