/*

This file contains many styles that are used on your site.
It serves mostly as a 'starting point'. To use this file,
link to it in the head of your site, below the other stylesheets.
You need only to define the elements you want to restyle.

*/

body {
	font-family: source-sans-pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}



/* [  Typography         ] ================================================== */
h1, h2, h3, h4, h5, h6 {
	/* These styles will adjust your headlines	 */

	font-family: source-sans-pro, Arial, Helvetica, sans-serif;
	font-weight:bold;

	 }
	 
h1 {
	font-size: 24px;
	}

h2 {
	font-size: 21px;
	}

h3 {
	font-size: 18px;
	margin-top: 20px;
	}

h4 {
	font-size: 15px;
	}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	/* These styles will adjust your headlines within the highlight box */
	}




/* tables */

table {
	/* Here you can style your table colors */
	}
th {
	/* This is your table head. */
	}


tr:nth-child(even) td, tr.even td {
	/* Every other table row */
}



/* [  Lists              ]  =============================================================== */

ul, ol {}
ul {}
ol {}
ol {}
ul ul, ul ol,
ol ol, ol ul {}
ul ul li, ul ol li,
ol ol li, ol ul li {}
li {}
ul.large li {}
li p {}




/* [ Links              ]  ================================================================ */

a, a:visited {}
a:hover, a:focus {text-decoration:underline;}
p a, p a:visited {color:#A300A3;}
p a, p a:visited {}



/* [  Images            ]  ================================================================= */

img.frame {
	/* you can change the color of the image frame here */
}



/* #Buttons ================================================== */

a.button,
button,
input[type="submit"],
input[type="search"],
input[type="reset"],
input[type="button"] {
	/* button styles */
	}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	/* button style hovers */
	}


/* #Forms ================================================== */

	form {
	}
	fieldset {
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		}
	select {
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
	}
	textarea {
	}
	label,
	legend {
	}

	legend {
	}

	label {
	}
	input[type="text"], input[type="password"], textarea {
	}
	select {
	}
	input[type="checkbox"] {
	}
	label span,
	legend span {
	}


/* BOX   =================================== */



.box {
	/* The Highlight Box */
	}
.box-light {
	/* The Light Highlight Box */
}



/*====[ Main Menu  structure ]========================================= */


ul#nav1, ul#nav1-v, ul#nav1-h {
}
nav ul li {
}
ul#nav1 li, ul#nav1-h li {
}
ul#nav1 li a, ul#nav1-h li a {
}
ul.navigation li.current-menu-item a, ul.navigation li.active a {
}
.box ul.navigation a {
}
ul#nav1 li.current-menu-item a {
}
ul#nav1 li a:hover {
}


/*====[ Main Menu-Vertical ]========================================= */


ul#nav1-v {
}
ul#nav1-v li {
}
ul#nav1-v li a {
}
ul#nav1-v a:hover {
}
ul#nav1-v ul {
}
ul#nav1-v ul li {
}
ul#nav1-v ul li a {
}
ul#nav1-v ul li a:hover {
}

/*  [ GRID    ] ================================================== */



.half {
	/* Half width column */
	}
.col {
	
}
.one-third { 
	/* one third width column */ 
	}
.two-thirds { 
	/* two thirds width column */
	}
.three-thirds {
	/* full width width column */
}
.content {
	/* This style contains the ghosted Ayres Hall image. Create your own background here. */
	}
	
.tftd {
	font-size: 14px;
	font-style: italic;
}

.hBorder {
border-bottom-width: 2px;
 border-left-width: 2px;
 border-bottom-style: solid;
 border-left-style: solid;
 border-bottom-color: #f77f00;
 border-left-color: #f77f00;
 padding-left: 6px;
 padding-bottom: 4px;
 margin-right: 10px;
padding-right: 10px;
clear:both;
}

hr {color: #f77f00; background-color: #f77f00; border: 0; height: 5px;}

.left-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the left with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: left;
	margin: 0px 15px 15px 15px;
	}

tt, code, pre {
    color: #9F2D00;
    font-family: Monaco, Courier, monospace;
    font-size: 12px;
}

#benchmarks
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:70%;
border-collapse:collapse;
}
#benchmarks td, #benchmarks th 
{
font-size:1em;
text-align:right;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
background-color:#ffffff;
}
#benchmarks th 
{
font-size:1.1em;
padding-top:5px;
padding-bottom:4px;
background-color:#F5B800;
color:#ffffff;
}
#benchmarks tr.alt td 
{
text-align:right;
color:#000000;
background-color:#FFDD75;
}
.center
{
margin:auto;
width:80%;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	margin-top: 30px;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

.newsbox
{
border:2px solid #a1a1a1;
margin: 20px;
padding:10px 40px; 
background:#ffffff;
width:600px;
border-radius:25px;
min-height:180px;
}


.newsbox ul ul {
	padding:5px;
	margin-left:15px;
}

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

#wrapper {
width: 1100px;
margin: 0 auto;
}

.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}