#content.narrowcolumn
{
	width:500px;
}


		* {
		margin:0px;
		padding:0px;
		}
		
		body {
		color:#003333; /*black*/
		border-top:0px;
		margin:0px;
		background:url(../images/bgwhiteshadow.jpg) center top repeat-y #D0E8F3; 
		font-size:small;
		text-align: center;
		line-height: 1.6em;
		}

		body, textarea, input {
		font-family:"Georgia", 'Trebuchet MS', 'Lucida Sans', Arial;
		}
		
		h2 {
		font-size: 225%;
		line-height: 1em;
		margin:0px 0px 20px 0px;
		color:#DF2439;
		font-weight:normal;
		
		}
		
			h2#lefttitle {
			float:left;
			}
	

		h3 {
		margin:20px 0px 5px 0px;
		font-size:150%;
		color:#8E9D9A; /*or 999*/
		font-weight:normal;
		}

		h4 {
			font-weight:bold;
			margin:15px 0px 5px 0px;
		}

		h6 {
			width:99%;
			border: 1px solid #ccc;
			border-bottom: none;
			font-size: 100%;
			padding:0px;
			margin: 0px;
		}
		p {
			margin:0px 0px 1.6em 0px;
		}
		
		small {
		font-size:80%;
		color:#aaa;
		}
		
		
	.alert {
	border:2px solid red;
	background:pink;
	padding:10px;
	margin:0px 0px 5px 0px;
	}
	
	.success {
	border:2px solid green;
	background:lightgreen;
	padding:10px;
	margin:0px 0px 5px 0px;
	}
	

		ul, ol {
			margin:10px 10px;
			list-style-position: outside;
		}

		#main ol, #main ul {
			list-style-position: outside;
			margin: 20px 40px;
		}

		ul.nodot {
			list-style: none;
		}

		ol {
			list-style: numeric inside;
		}
		a {
		color:#3366cc;
		text-decoration:none;
		}
		
		a:hover {
		text-decoration:underline;
		}

		a img {
			border: 0px;
		}

		textarea {
			width:500px;
			height:10em;
			padding:5px;
			border:1px solid #ccc;
		}

		table {	
			border-collapse: collapse;
			border: 1px solid #ccc;
			font-size:small;

		}


		table td, table th {
			border-bottom:1px solid #ccc;
			padding:5px 10px;
		}

		table th {
			background-color: #efefef;
			border-right:1px dotted #ccc;
			width:200px;
			font-weight: normal;
			text-align: left;
			padding:5px 10px;
			vertical-align: top;
		}
		
		form {
		background-color:#F1F5FA;
		border:1px solid #76C3F4;
		padding:10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin:0px 0px 15px 0px;
		}
		
		form table {
		border:none;
		}
		
		
		
			fieldset {
			padding-top:15px;
			margin:0px 0px 15px 0px;
			border:none;
			}
			
				legend {
				margin:0px 0px 0px 0px;
				padding:0px 10px 0px 0px;
				font-size:120%;
				}
				
			input[type=submit] {
			font-size:120%;
			padding:3px;
			font-weight:bold;
			}
			
			input[type=text], input[type=password], textarea, input.text {
			width:320px;
			padding:7px;
			font-size:110%;
			font-weight:bold;
			border:1px solid #ccc;
			-moz-border-radius: 5px;
			margin:0px;
			}

		form .formnote {
			font-size:70%;
			font-style:italic;
			color:#999;
		} 

		blockquote {
			text-align: justify;
		margin:30px;
		font-family: Georgia;
		color:#888;
		font-style: italic;
		line-height: 1.6em;
		font-size: 125%;
	
		}

		blockquote .author {
			text-align: right;
			color:#336600;

		}

		hr {
 color: #ccc;background-color: #ccc;height: 1px;		}
		

		.action {
			border:2px solid #ccc;
			background-color:#dfdfdf;
			padding:10px;
		}

		.action dt {
		text-transform: capitalize;
		}

		.floatleft {
			float: left;
			padding:5px;
			border: 1px solid #ccc;
			margin:0px 10px 10px 0px;
		}
		
		
		.floatright {
			float: right;
			padding:5px;
			border: 1px solid #ccc;
			margin:0px 0px 10px 10px;
		}

		.noborder {
			border:none;
			padding:0px;
		}

		.border {
			padding:5px;
			border: 1px solid #ccc;
			margin:10px;
		}
	
		.nomargin {
			margin:0px 0px 0px 0px;
		}
			

		.download {
			float: right;
			padding:5px;
			border: none;
			margin:0px 0px 10px 10px;
			background: url(../images/pdf.png) center top no-repeat;
			width:125px;
			min-height: 125px;
			font-size: 70%;
			color:#999;
			text-align: center;
		}

		.download dt {
			padding:130px 0px 5px 0px;
			text-align: center;
		}

		dl.floatright {
			color:#999;
			font-size:70%;
			text-align: center;
		}
		
		#outer {
		width:100%;
		background:url(../images/bg-shadow.jpg) 00px 40px repeat-x transparent;
		background-color:transparent;
		}
		
		#container {
		width:800px;
		margin:0px auto;
		text-align: center;
		}
		
		#header {
			width:100%;
			background:url(../images/headerbg.png) repeat-y;
			text-align:center;
			height:40px;
			margin:0px;
			padding:0px;
		}
		
			#header h1 {
			
			}
			
			#header h1 span {
			}
		
		#showcase {
			padding:0px;
			margin:0px;
			background:white;
			line-height:1em;
			position:relative;
		}
		
			#showcase-caption {
			position: absolute;
			top: 253px;
			width: 260px;
			left: 530px;
			font-style:italic;
			}
		
		#navouter {
		height:40px;
		background:url('../images/navbg.jpg') top left repeat-x green;
		text-align:center;
		margin:0px;
		padding:0px;
		}
		
		
		
			.subnav {
			border-bottom:1px solid #ccc;
			list-style:none;
			float:left;
			width:100%;
			vertical-align:bottom;
			clear:both;
			margin:0px 0px 10px 0px;
			}
				.subnav .subnavmain {
				float:left;
				list-style:none !important;
				margin:0px !important;
				padding:0px !important;
				}
				
					.subnav li {
					float:left;
					position:relative;
					top:1px;
					left:0px;
					margin:0px 5px 0px 0px !important;
					padding:0px !important;
					}
					
					.subnav li a {
					float:left;
					padding:2px 5px;
					background:white;
					border:1px solid #fff;
					border-bottom:1px solid #ccc;
					background:#efefef;
					-moz-border-radius-topleft:5px;
					-webkit-border-top-left-radius:5px;
					-moz-border-radius-topright:5px;
					-webkit-border-top-right-radius:5px;
					}
					
					.subnav li a:hover, .subnav li a.selected {
					border:1px solid #ccc;
					border-bottom:1px solid #fff;
					text-decoration:none;
					background:white;
					}
					
					
					.subnav  li a:hover {
					background:#3366cc;
					color:white;
					border:1px solid white;
					border-bottom:1px solid #ccc;
					}
					
				
				.subnav .subnavadmin {
				float:right;
				list-style:none !important;
				margin:0px !important;
				padding:0px !important;
				} 
				
				.subnav .subnavadmin li {
				float:right;
				margin:0px 0px 0px 5px  !important;
				}
		
		#nav {
		margin:0px auto 0px auto !important;
		width:800px;
		height:40px;
		padding:0px !important	;
		}
		
		#nav ul {
		display:block;
		list-style:none;
		height:40px;
		text-align:center;
		margin:0px !important;
		padding:0px !important;
		}
		
			
		#nav ul li {
		float:left;
		position:relative;
		margin:0px;
		list-style:none;
		padding:0px;
		}
			
			#nav ul li a {
			color:#111111;
			display:block;
			text-decoration:none;
			float:left;
			padding:0px;
			margin:0px;
			}
			
			#nav ul li:hover, #nav yl li.over {
			}
			
				#nav ul li a:hover {
				}
			
				#nav ul li:hover a, #nav ul li.over a  {
				}
			
			
			/* the submenu, hidden to start. must be positioned absolute inside a relative LI */
			#nav ul li ul {
			background-color:#45534C;
			color:white;
			position:absolute;
			font-size:11px;
			text-align:left;
			display:none;	
			padding:0px;
			margin:0px !important;
			top:40px;
			left:0px;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}
			
			
			#nav ul li:hover ul, #nav ul li.over ul {
			background-color:#45534C;
			display:block;
			width:102px;
		 	-moz-box-sizing: border-box;
			z-index:1000;
			}
			
			
			
			#nav ul li ul li {
			background-color:#45534C;
			float:none;
			margin:0px;
			padding:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			width:auto;
			border-bottom:0px;
			color:white;
			}
			
				/* submenu links are dark blue */
				#nav ul li ul li a {
				color:white;
				text-decoration:none;
				display:block;
				float:none;
				padding:7px 5px 7px 5px;
				line-height:1em;
				border:0px;
				}
					/* submenu links get underlined when hovered */					
					#nav ul li ul li a:hover, #nav ul li ul li.over a:hover {
					color:black;
					text-decoration:none;
					background:#DCC039;
					line-height:1em;
					}

			/* Fix IE. Hide from IE Mac \*/
			* html ul li { height: 1%; }
			* html ul li a { height: 1%; }
			/* End */
			
		p.intro {
		font-size:250%;
		margin:20px 0px 45px 0px;
		text-align:center;
		
		}
		
		* html p.intro {
		font-size:190%;
		}

		span.intro2 {
			margin: 20px 0px 0px 0px;
			display: block;
			color:#888;
			font-size: 14px;
			text-align: center;
		}
		
		#content {
			float:right;
			width:800px;
			margin:0px 0px;
		
		
		}

		#main {
		width:580px;
		float:right;
		clear:none;
		overflow:hidden;
		text-align:left;
		padding:20px 0px;
		margin-right:10px;
		display:inline;
		}
	
			.description {
				margin:15px 0px;
				color:#ccc;
				font-style: italic;
				font-family: "Georgia";
				}
				
			
			#narrowcol {
			width:180px;
			float:left;
			overflow:hidden;
			}
			
			#widecol {
			width:390px;
			float:right;
			overflow:hidden;
			}
			
				#narrowcol dl, #widecol dl {
				margin:0px 0px 10px 0px;
				/*background:#efefef;*/
				border-top:1px solid #ddd;
				}
				
				#narrowcol dl dt, #widecol dl dt {
				color:#444444;
				font-size:100%;
				margin:0px 0px 0px 0px;
				padding:3px 8px;
				font-weight:bold;
				background:#efefef;
				}
				
				#narrowcol dl dd, #widecol dl dd {
				text-align:left;
				padding:3px 8px;
				}
				
					#narrowcol #profilephoto {
						border-bottom:none;
						background:none;
					}
				
					#narrowcol #profilephoto dd {
					padding:0px;
					}
					
					#main #profilephoto ul {
					list-style:none;
					margin:0px;
					padding:0px;
					list-style-image:none;
				
					}
					
					#main #profilephoto ul li {
					margin:0;
					padding:0;
					border-bottom:1px solid #ccc;
					}
				
					#main #profilephoto ul li a {
					padding:3px 8px;
					text-decoration:none;
					display:block;
					}
				
					#main #profilephoto ul li a:hover {
					padding:3px 8px;
					background:#3366cc;
					color:white;
					}
		
		.postbutton {
		float:right;
		}
		
		#main .filters {
		float:left;
		width:100%;
		
		}
		
		#main .filters ul {
		margin:0px 0px 0px 0px;
		width:100%;
		float:left;
		padding:0px;
		list-style:none;
		list-style-image:none;
		}
		
		#main .filters ul li {
				margin:0px 5px 0px 0px;
				float:left;
				
		}
		
		#main .filters ul li a {
		padding:3px 5px;
		background:#efefef;
		-moz-border-radius:3px;
		-webkit-border:3px;
		}
		
		#main .filters ul li a:hover, #main .filters ul li a.active {
					background:#3366cc;
					color:white;
					text-decoration:none;
		}
		
		
		#categoryselector {
		float:left;
		margin:0px 10x 0px 0px;
		}
		
		#orderbyselector {
		float:right;
		margin:0px 0px 0px 10px;
		}
		
		.thumbpost {
		border-bottom:1px solid #efefef;
		padding:10px 0px;
		line-height:1.2em;
		overflow:hidden;
		clear:left;
		}
		
		.thumbpostphoto {
		float:left;
		margin:0px 10px 0px 0px;
		width:50px;
		}
		
		.thumbposttitle {
		margin-left:60px;
		}
		
		.thumbposttitle a {
		font-weight:bold;
		}
		
		.thumbpostbody {
		margin-left:60px;
		
		}
		
		.thumbpostdetails {
		margin-left:60px;		
		margin-top:5px;
		font-size:80%;
		color:#888;
		}
		
		#morebutton input, #nomorebutton input {
		margin:5px 0px;
		width:100%;
		padding:5px auto;
		font-weight:bold;
		text-align:center;
		}
		
		
		#loader {
		text-align:center;
		}
		
		
		


		#sidebar {
		float:left;
		clear:none;
		width:190px;
		margin:0px 0px;
		font-size: 90%;
		background:url(../images/sidebarbg.jpg) top left repeat-y;
		text-align:left;
		}
		
			#sidebarinner {
			padding:340px 0 00px 0px;
			background:url(../images/sidebarbglogo.jpg) top left no-repeat;
			}
			
			#sidebarroll {
			background:url(../images/sidebarfooter.jpg) left bottom no-repeat white;
			height:50px;
			}
		
		#sidebar h3 {
			margin:0px 20px;
			color:#DF2439;
		}
		
		#sidebar p, #sidebar img {
			padding:0px 20px;
			
		}
		
		#sidebar hr {
			margin:0px 30px 10px 30px;
			
		}
		

		#sidebar dl dt {
		font-size: 125%;
		color:#3366cc;
		font-weight:bold;
		
		}
		

		#sidebar ul, #main ul {
			margin:0px 20px 10px 20px;
			list-style-image: url(../images/arrow.gif);
			padding:0px;
		}
		
			#sidebar ul {
			margin:0px 30px 10px 40px;
			list-style-image: none;
			list-style-type:square;
			}
			
			#sidebar ol {
			margin:0px 30px 10px 40px;
			}
			
		
		#main ul {
		font-size:90%;
		}
		
		#main ul li {
		margin-bottom:1em;
		}

		#sidebar a {
			text-decoration: underline;
		}

		
		#left {
			width:200px;
			float:left;
			margin:0px 10px 0px 10px;
			display:inline;
			
		}

		#indexmain {
			width: 350px;
			float:left;
			margin:0px 0px;
			text-align: justify;
			display:inline;
		}


		.extras {
			float:left;
			width:178px;
			margin:5px;
			border:1px solid #ccc;
		}

		.extras p {
			margin:10px;
		}

		.extras ul {
			margin-left:30px;
		}

		
		#right {
			width:200px;
			float:right;
			margin:0px 10px 0px 0px;
			overflow:hidden;
		}

		dl.area dt {
			display:none;
		}

		#footercontainer {
			clear:both;
			width:100%;
			font-size:80%;
			margin:0px 0px 0px 0px ;
			background:url(../images/topbg.jpg) left top repeat-x white;
			min-height:100px;
			padding:0px 0px 20px 0px;
		}

		#footer {
			width:800px;
			margin:0px auto;

		}

		#footer ul {
			width:800px;
			margin:0px auto;
			padding:10px;
			list-style:none;
		}

		#footer ul li {
			padding:10px 5px;
			display:inline;
		}

		#downloads dl {
			width:175px;
			float:left;
			margin: 0px 10px 0px 0px;
			border: 1px solid white;
			text-align: center;
		}

		#downloads dl:hover {
					border: 1px solid #ccc;
		}


		#downloads dl dt {
			margin:5px;
			display: none;
			font-size: 90%;
		}

		#downloads dl dd {
			margin: 5px;
			font-size: 80%;
		}

		#downloads a img {
			border: 0px;
		}
		
		
		.error {
		display:block;
		background:pink;
		color:red;
		}
		
		.clearboth {
		clear:both;
		}
		
/*****ALUMNI*****/