@charset "UTF-8";
/* CSS Document */

/*Normalizing across site///////////////////////////////////////////////*/

/*Normalizes margin and padding*/
body, div, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, blockquote, th, td, iframe, ul, li{
	margin: 0;
	padding: 0;
}


/*Removes list-style from lists*/
ol, ul{
	list-style: none;
}

/*Normalizes font-style and font-weight*/
address, caption, cite, code, dfn, th, var{
	font-style: normal;
	font-weight: normal;
}

/*Removes border from fieldset and img*/
fieldset, img{
	border: 0;
}

/*Removes outline from links*/
a{
	text-decoration: none;
	outline: none;
}

/*End Normalizing////////////////////////////////////////////////////////*/


/*COLOR HEXIDECIMAL VALUES________________________________________________*/

/*
red=#cc0000
yellow=#fac303
*/

/*END COLOR HEXIDECIMAL VALUES____________________________________________*/

/*H TAG VALUES____________________________________________________________*/

/* h1 = headers/website name like department names (laptop program/architecture/etc.)
   h2 = title of articles
   h3 = category titles like news/events/announcements/partners
   h5 = footer categories like experience/connect
   h6 = LConnect link
*/

h1 {
	font-size: 388%;
}

h2 {
	font-size: 175%;
	padding-bottom: .7em;
	line-height: 1.2em;
}

h3 {
	font-size: 132%;
}

h4 {
	font-size: 	125%;
}

h5 {
	font-size: 143%;	
}

h6 {
	font-size: 109%;
}

/*end H TAG VALUES________________________________________________________*/

/*start Google SearchBar________________________________________________________*/


#searchboxfield, #searchbutton {
	float: left;	
}

#cse-search-box input {
	border: 1px solid #ccc;
	height: 24px;
	width: 175px;
}

input#button {		
	width: 25px;
	height: 26px;
	border: none;
}


/*end Google SearchBar__________________________________________________________*/


/*BULLETS________________________________________________________*/

ol {
	list-style-type: decimal;
	padding-left: 1.5em;
}

ul {
	padding-left: 1.3em;
	
}

.blackbullet {
	list-style-image: url(../images/carrotbullet.png);
}

.yellowbullet {
	list-style-image: url(../images/carrotbullet_yellow.png);
}

li {
	list-style-image: url(../images/carrotbullet_red.png);
	list-style-position: outside;
	padding-bottom: .4em;	
	/*border-bottom: 1px dotted #666;*/
}

ol li {
	list-style-type: decimal;
	padding-left: 0;
	display: list-item;
}

li a {
	color: #555;
	font-weight: bold;
}

li a:hover {
	color: #cc9900;	
}

.bullets a {
	color: #cc9900;	
}



/*End BULLETS STYLES________________________________________________________*/


/* FORM Styles________________________________________________________*/


label {
	width: 200px;
	
	font-weight: bold;
	float: left;
}
legend {
	font-size: 175%;
	font-weight: bold;
	padding-top: 2em;
	padding-bottom: 1em;
}
/* End FORM Styles________________________________________________________*/



/*Start Global Structure/Layout________________________________________________*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #222;
}

body a {
	color: #555;	
}

#globalnav {
	height: 36px;
	width: 100%;
	background-image: url(../images/headerbar.png);
	background-repeat: repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#globalnavtext {
	width: 960px;
	height: 15px;
	z-index: 999;
	color: #CCC;
	font-size: 110%;
	font-weight: bold;
	margin: 0 auto;
}

#outerwrapper {
	width: 100%;
	float: left;
}

#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding-top: 28px;
}

#header {
	height: 125px;
	width: 960px;
	float: left;
	z-index: 998;
}


#navigation {
	width: 960px;
	height: 17px;
	float: left;
	z-index: 998;
	border-bottom: 5px solid #0e0e0e;
	
}

#blackline {
	border-bottom: 5px solid #0e0e0e;	
	width: 960px;
	float: left;
}

#photobox {
	width: 958px;
	height: 315px;
	float: left;
	border: 1px solid #0e0e0e;
	border-top: 5px solid #0e0e0e;
}

#photoslideshow {
	width: 958px;
	height: 350px;
	border: 1px solid #0e0e0e;
	border-top: 0;
	float: left;
}

#banner {
	width: 958px;
	height: 138px;
	border: 1px solid #0e0e0e;
	border-top: 0;
	float: left;
}

#photo {
	width: 719px;
	height: 315px;
	background-color: #0e0e0e;
	overflow: hidden;
	float: left;
}

#subnav {
	width: 239px;
	height: 315px;
	background-color: #fac303;
	float: left;
	font-size: 173%;
	font-weight: bold;
}

#content {
	width: 960px;
	padding-top: 2em;
	padding-bottom: 3.5em;
	float: left;
	font-size: 125%;
	line-height: 1.5em;
	display: inline;
}



#main {
	width: 650px;
	float: left;
	padding-left: 50px;
	/*border-left: .1em dotted #666;*/
}


#leftcolumn {
	width: 221px;
	padding-right: 25px;
	float: left;
	font-size: 99%;
}

#midcolumn {
	width: 418px;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 4em;
	/*border-right: 1px dotted #666;
	border-left: 1px dotted #666;*/
}

#rightcolumn {
	width: 221px;
	float: right;
	padding-left: 25px;
	
}

#left, #middle, #right {
	width: 294px;
	float: left;
}

#middle {
	margin-left: 39px;
	margin-right: 39px;
}


#footer {
	background-color: #eaeaea;
	border-top: 2px dotted #999;
	float: left;
	width: 100%;
}

#outerfooter {
	width: 100%;
	background-color: #0e0e0e;
	float: left;
}

#outerfooter p {
	width: 960px;
	margin: 0 auto;
	padding-top: .8em;
	color: #999;
	font-size: 100%;
	letter-spacing: .05em;
}

#footercontent {
	width: 960px;
	margin: 0 auto;
}

/*End Global Structure/Layout________________________________________________*/


/*Global Navigation Styles________________________________________________*/

#globalnav ul {
	padding-left: 0;
	width: 2000px;
	position: relative;
}

#globalnavtext li {
	float: left;
	margin-right: 5em;
	padding-top: .8em;
	border: none;
	list-style-image: none;
}

#globalnavtext li.last {
	margin-right: 0;
	padding-right: 0;
}

#globalnavtext #icon {
	padding-top: .5em;	
}

#globalnavtext li a {
	color: #DADADA;	
}

#globalnavtext li a:hover {
	color: #fac303;	
}

#globalnavtext li a.current {
	color: #fff;	
}

/*End Global Navigation Styles____________________________________________*/


/*Audience Navigation Styles________________________________________________*/

#audiencenav {
	position: absolute;
	top: 5em;
	right: 0;
	font-size: 110%;
}

#audiencenav ul {
	padding-left: 0;
}

#audiencenav ul li {
	float: left;
	border-right: 2px dotted #fac303;
	padding-left: 12px;
	padding-right: 12px;
	height: 13px;
	padding-top: 2px;
	list-style-image: none;
}

#audiencenav ul li a {
	font-weight: normal;
	color: #333;
}

/*End Audience Navigation Styles____________________________________________*/

/*Departmental Navigation Styles________________________________________________*/

#navigation ul {
	padding-left: 0;
	position: relative;
	width: 980px;
}

#navigation ul li {
	list-style-image: none;
	float: left;
	padding-right: 22.3px;
	margin-right: 22.3px;
	border: none;
	
}

#navigation ul li.last {
	margin-right: 0;
	padding-right: 0;
}

#navigation a {
	color: #0e0e0e;
	font-size: 135%;
}

#navigation a:hover, #navigation a.current {
	border-bottom: 5px solid #fac303;	
	padding-bottom: .09em;
}


/*Start Dropdown Navigation in column*/

.columnnav {
	list-style-image: none;	
	padding-left: 0;
}

.columnnav li {
	list-style-image: none;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
	padding-top: 4px;
}

.columnnav li a {
	color: #0e0e0e;
	font-weight: bold;
	font-size: 98%;
	text-transform: none;
}

.columnnav li a:hover {
	color: #cc0000;
	border: none;
}

.columnnav .current {
	color: #cc0000;	
}

/*End Dropdown Navigation in column*/

/*End Departmental Navigation Styles________________________________________________*/

/*HEADER Styles___________________________________________________*/

#logo {
	width: 	635px;
	height: 62px;
	float: left;
	margin-top: 5em;
}

#logo a {
	color: #111111;
	letter-spacing: -.02em;
}

#logo h1 {
	padding-top: 2.5px;	
}

#logo img {
	float: left;	
}

#search {
	/*position: absolute;
	top: 9em;
	right: 0;*/
	float: right;
	padding-top: 5.8em;
}


#search #directory {
	width: 23em;
	float: right;
	padding-top: .5em;
	text-align: right;
	color: #cc0000;
}

#search p {
	color: #fac303;
	float: right;
}

#search a {
	color: #fac303;	
	font-size: 103%;
}

#search a:hover {
	color: #cc0000;	
}

/*end HEADER Styles___________________________________________________*/

/*Sub Navigation Styles for Laptop Program___________________________________________________*/

#subnav ul {
	padding-top: 4.8em;
	padding-left: 1.2em;
}

#subnav li {
	list-style-image: none;
	width: 200px;
	height: 1.36em;
	padding-top: .14em;
	border-bottom: 1px dotted #0e0e0e;
	padding-bottom: 0;
}

#subnav a {
	color: #0e0e0e;	
	padding-left: .05em;
	padding-right: .1em;
}

#subnav a:hover {
	color: #EFEFEF;
	background-color: #0e0e0e;
}

#subnav a.current {
	color: #FFF;
}

/*End Sub Navigation Styles for Laptop Program____________________________________________*/

/*Start Photoslideshow Styles_______________________________________________________*/

#photoslideshow {
	background-color: #CCC;	
}

/*End Photoslideshow Styles_______________________________________________________*/



/*Content Styles_______________________________________________________*/


/*Article Titles or Headers*/


.title {
	color: #cc0000;
	font-weight: normal;
}


/*End Article Title*/

h3 {
	color: #0e0e0e;
	border-bottom: .15em solid #666;
	margin-bottom: .18em;
}

.category h3 {
	text-transform: uppercase;
	
}

#main h3 {
	border-bottom: 1px solid #3a3a3a;	
	font-size: 136%;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-bottom: 2px
}

/*Categories or Subheading Titles*/

#twitter {
	font-size: 80%;
	text-transform: none;
}

.subheading {
	border-bottom: 7.5px solid #3a3a3a;
	margin-bottom: 1em;
}

.category a {
	color: #cc9900;	
}

.category a:hover {
	color: #cc0000;
}

.thickheading {
	background-color: #bbb;
	height: 20px;
	margin-bottom: 1em;
}

.thickheading h3 {
	color: #fff;	
	padding-left: 1px;
	border-bottom: none;
}


#contact ul li {
	font-weight: bold;	
}

#contact ul li a {
	color: #cc9900;	
}

.category {
	margin-bottom: 4em;	
}

h3 .italic {	
	text-transform: none;
	font-weight: normal;
}

/*End Categories or Subheading Titles*/


/*DOTTED LI STYLES*/

.underline {	
	padding-left: 0;
}

.underline li {
	list-style-image: none;
	padding-bottom: 0;
	border-bottom: 1px dotted #666;
}

.underline a {
	font-size: 100%;
	font-weight: bold;
	color: #cc0000;
	padding-right: .1em;
	padding-left: .1em;
	padding-bottom: .1em;
}

.underline a:hover {
	background-color: #cc0000;
	color: #FFF;
	border: none;
}

.dottedline li {
	border-bottom: 1px dotted #666;	
}

.noindent {
	padding-left: 0;
}

.noindent li {
	border-bottom: 1px dotted #666;		
}

/*END DOTTED LI STYLES*/

/*READ MORE LINK STYLES*/

#midcolumn img {
	float: left;	
	width: 240px; 
	height: 82px;
}



/*READ MORE LINK STYLES*/

a.more  {
	font-weight: bold;
	color: #0e0e0e;
	padding-left: 5px;
}



#content-home a.more:hover, #content a.more:hover, #leftcolumn a.more:hover {
	color: #cc0000;
}

/*End READ MORE LINK STYLES*/

/*TWITTERBIRD*/
.twitterbird {
	background-image: url(../images/twitterbird.png);
	background-repeat: no-repeat;
	width: 48px;
	height: 58px;
	float: right;
	margin-top: -6em;
	padding-right: .4em;
}

/*END TWITTERBIRD*/

/*COLUMN Styles___________________________________________________*/

.bigbutton {
	list-style-image: none;
	padding-left: 0;
	font-size: 190%;
}

.bigbutton a {
	color: #cc0000;	
	margin-bottom: 10px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.bigbutton a:hover {
	border: none;
	color: #fff;
	background-color: #cc0000;
}

.bigbutton li {
	margin-bottom: 20px;
	list-style-image: none;
}


/*COLUMN Styles___________________________________________________*/


/*PARAGRAPH Styles___________________________________________________*/

#midcolumn p {	
	font-size: 100%;
}

.maintext {
	width: 660px;
	
}

p {
	font-size: 107.5%;
	line-height: 1.5em;
	padding-bottom: 1.1em;
}

.firstparagraph {
	font-size: 126%;
	line-height: 1.5em;
	color: #666;
	font-weight: bold;
	
}

blockquote {
	color: #cc0000;
	padding-bottom: 15px;
	font-size: 107.5%;
	font-style: italic;
	padding-right: 150px;
}

.dropcap {
	display: block;
	width: 50px;
	height: 35px;
	float: left;
	padding: 28px 40px 0 0;
	margin-bottom: 10px;
	font-size: 520%;
	font-family: "Times New Roman", Times, serif;
	line-height: 45px;
	margin-top: -15px;
	font-weight: normal;
	color: #0e0e0e;
}

.emphasize {
	font-weight: bold;
	color: #cc0000;
}

#maintext h2 {
	color: #cc0000;
	font-weight: normal;
}

#main h2 {
	font-weight: normal;
	color: #cc0000;
}

.emphasize {
	color: #222;
	font-weight: bold;
}

#main ul {
	padding-bottom: 1.4em;
}

#main li {
	width: 475px;
}

#main h4 {
	padding-bottom: 5px;
	font-size: 120%;
}

.maintext a{
	color: #cc9900;
	font-weight: bold;
}

.maintext a:hover {
	color: #cc0000;	
}

.maintext a.thin {
	font-weight: normal;	
}

.maintext h4 a {
	color: #0e0e0e;	
}

.paragraphrule {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #0e0e0e;
}

#headline {
	font-size: 340%;
	font-weight: bold;
	color: #fac303;
	font-family: Helvetica, arial, sans-serif;
	padding-top: 4px;
	letter-spacing: -.01em;
	line-height: .9em;
}

/* start floating images and captions to the right of news pages*/

.floatright {
	float: right;	
}

.floatleft {
	float: left;	
}

p.caption {
	color: #0e0e0e;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 2px;
	padding-top: 4px;
	position: relative;
	bottom: 0;
	left: 0;
	height: 15px;
	margin-top: -10px;
}

.photowithcaptionright {
	float: right;
	font-size: 80%;
	color: #fff;
	margin-left: 10px;
}

.photowithcaptionleft {
	float: left;
	font-size: 80%;
	color: #fff;
	margin-left: 10px;
}

.photowithcaptionright img, .photowithcaptionleft img {
	position: relative;
}


/* end floating images and captions to the right of news pages*/

#firstbodycolumn {
		width: 335px;
		float: left;
		padding-bottom: 25px;
	}

#secondbodycolumn {
	width: 315px;	
	float: left;
}


#firstbodycolumn p, #secondbodycolumn p {
	font-size: 103%;
}

a.newstitle {
	color: #111;	
}

a.newstitle:hover {
	color: #cc0000;	
}



/*end PARAGRAPH Styles_________________________________________________*/

/*IMAGE Styles_________________________________________________________*/

#main img {
	margin-bottom: 5px;
	/*border: 1px solid #666;*/
	
}


/*end IMAGE Styles_____________________________________________________*/



/*End Content Styles___________________________________________________*/


/*FOOTER Styles________________________________________________________*/

#footercontent {
	height: 17em;
	margin-top: 5em;
	color: #666;
}

#footer2, #footer3, #footer4, #footer5 {
	width: 155px;
	float: left;
}

#footer1 {
	width: 180px;
	float: left;
}

#footer6 {
	width: 150px;
	float: right;
}


/*FOOTER HEADINGS*/
#footer h5 {
	font-weight: bold;
	padding-bottom: .5em;

}
/*end FOOTER HEADINGS*/

#footer ul {
	padding-left: 0;
}

#footercontent li {
	list-style-image: none;
	line-height: 1.6em;
	padding-bottom: 0;
	border: none;
}

#footercontent a {
	color: #666;
	font-size: 110%;
	font-weight: normal;
}

#footercontent a:hover {
	border: none;	
}

#leopard {
	padding-top: 3.5em;	
}

#leopard img {
	float: right;
	padding-right: 1.6em;
	margin-top: -2.5em;
}


/*End FOOTER Styles___________________________________________________*/


/*Start Box Caption Slider Styles for Homepages___________________________________________________*/

.boxgrid{ 
	width: 294px; 
	height: 190px; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid a.more {
	padding-left: 0;
	padding-top: 8px;
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
}
.boxgrid p{ 
	padding: 0 7px; 
	color:#afafaf; 
}
	
.boxcaption{ 
	position: absolute; 
	background-image: url(../images/transparentblack.png);
	background-repeat: repeat;
	height: 200px; 
	width: 100%; 
}

.caption .boxcaption {
	top: 160px;
	left: 0;
}

.caption .boxcaption h4 {
	color: #fac303;	
	padding: 7px;
	font-weight: normal;
	font-size: 105%;
}

.caption .boxcaption p {
	line-height: normal;	
	font-size: 98%;
}

.caption .boxcaption a {
	color: #fff;
	float: left;
}


/*End Box Caption Slider Styles for Homepages___________________________________________________*/

/*Start Box Caption Slider Styles for Inside Pages___________________________________________________*/

.boxgridsidebar{ 
	width: 221px; 
	height: 160px; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgridsidebar a.more {
	padding-left: 0;
	padding-top: 8px;
}

.boxgridsidebar img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
}
.boxgridsidebar p{ 
	padding: 0 7px; 
	color:#afafaf; 
}

.boxgridsidebar .caption .boxcaption {
	top: 100px;
	left: 0;
}
	
.boxcaptionsidebar{ 
	position: absolute; 
	background-image: url(../images/transparentblack.png);
	background-repeat: repeat; 
	height: 200px; 
	width: 100%; 
}

.caption .boxcaptionsidebar {
	top: 130px;
	left: 0;
}

.caption .boxcaptionsidebar h4 {
	color: #fac303;	
	padding: 7px;
	font-weight: normal;
	font-size: 105%;
}

.caption .boxcaptionsidebar p {
	line-height: normal;	
	font-size: 98%;
}

.caption .boxcaptionsidebar a {
	color: #fff;
	float: left;
}


.date {
	width: 30px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	color: #fff;
	font-size: 135%;
	font-weight: bold;
	line-height: .9em;
	padding: 12px;
	padding-left: 5px;
}

.numeral {
	font-size: 200%;	
	color: #fac303;
}

/*End Box Caption Slider Styles for Inside Pages___________________________________________________*/

/*Start SPECIFIC styles to overide___________________________________________________*/

#smallheading {
	font-size: 312%;
	margin-top: 5px;
}


#norule {
	border-top: 0;	
	margin-top: 0;
	padding-top: 0;	
}

.nobullet {
	padding-left: 0;
	list-style-image: none;
}

.nobullet li {
	list-style-image: none;
}

/*End SPECIFIC styles to overide___________________________________________________*/

/*Start GENERAL CLASS STYLES for fonts___________________________________________________*/

.unbold  {
	font-weight: normal;	
}

.italic {
	font-style: italic;	
}

.red {
	color: #cc0000;	
}

.yellow {
	color: #fac303;	
}

.number {
	color: 	#cc0000;
	font-size: 200%;
	font-weight: bold;
	width: 105px;
}

.statistic {
	font-weight: bold;
	font-size: 131%;
	color:#888;
	padding-bottom: 5px;
}

.reference {
	text-decoration: underline;	
}

/*End GENERAL CLASS STYLES for fonts___________________________________________________*/



/*Start TABULAR DATA STYLES___________________________________________________*/
table, th, td
{
border: 1px solid black;
}
table 
{
width:100%;
border-collapse:collapse;
font: 80% Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
}
th
{
height:30px;
font-weight: bold;
}
td
{
text-align:left;
padding:5px;

}

/*End TABULAR DATA STYLES___________________________________________________*/

#spacer {
	height: 200px;
}