/* -----------------------------------------------------------------------------------------------
 This template contains all of the Global styles to be used within WM2 - This includes the "chrome" wrapper. Global.css is the wrapper without the JMU WordMark and Global2.css is the same with the JMU WorkMark.
 
version:	1.0
author:		Paul Shearman
email:		shearmpj@jmu.edu
website:	http://www.jmu.edu
------------------------------------------------------------------------------------------------- */

/* The structure of this document is as follows:
	~ Global styles - including user controls
	~ Footer styles 
	
	~ Style headings are preceeded with = (i.e. =Global styles)
	~ Things that need attention are labeled with :TODO
	~ Workarounds are explained with :KLUDGE
	~ Bugs are identifies with :BUG
	
--------------------------------------------------------------------------------------------------- */

/* =Global styles
-------------------------------------------------------------------------------------------------- */

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, ol, hr {
  margin: 1em 0;
  }

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

a:link, a:visited {
	color: #450084;
	}
	
a:hover, a:active {
	color: #c2a14d;
	}


body { 
	margin: 0;
	padding: 0;
	border: 0;
	background: #e5e5e5 url('//www.jmu.edu/jmuweb/wm_ssi/images/background-gradient.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	}

h1 {font-family: Trebuchet, 'Trebuchet MS', san-serif; text-transform: uppercase; letter-spacing:.25em; font-size: 200%; color: #cc9; margin: 0; width: 100%; text-align: center; padding-left: 0; line-height: .8em;}
h2 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 140%; color: #c2a14d; }
h3 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 130%; color: #000; }
h4 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 115%; color: #000; }
h5 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 100%; color: #000;}
h6 {font-family: Georgia, Times, 'Times New Roman', serif; font-size: 90%; color: #000;}


p {
	line-height: 1.5em;
	}
	
.alert {
	font-weight: bold;
	color: #990000;
	}

td {
	
	}

#jmu_wrapper  { 
	width: 984px;
	margin: 0 auto;
	} /*jmu_wrapper -- Wraps all page content; child DIVs are: jmu_header, container, and jmu_footer*/

#jmu_header {
	width: 984px;
	height: 40px;
	} /*jmu_header -- holds all branding and user controls "above the box"*/

#jmu_wordmark h1 {
	position: relative;
	width: 311px;
	height: 36px;
	margin: 0;
	overflow: hidden;
	}

#jmu_wordmark h1 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('//www.jmu.edu/jmuweb/wm_ssi/images/wordmark-gray.jpg');
	background-repeat: no-repeat;
	}

#userControls {
	color: #666;
	height: 16px;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	margin: -27px 0 0 0;
	}

#userControls #query {
	width: 150px;
	color: #000;
	font-size: 10px;
	border: 1px solid #666;
	background-color: #fff;
	}

#userControls form {
	display: inline;
	text-align: right;
	}

#userControls p {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 2px solid #666;
	display: inline;
	}

#userControls a:link, #userControls a:visited {
	color: #666;
	text-decoration: underline;
	}

#userControls a:hover, #userControls a:active {
	color: #450084;
	text-decoration: underline;
	}

#container {
	border: 1px solid black;
	background-color: #cc9;
	width: 982px;
	} /*container -- this is the "box"; child divs include: header, middle and footer*/

/* =footer styles 
------------------------------------------------------------------------------------------------ */

/* #footer style in content CSS sheets to be styled by look - This style is not global */

#jmu_footer {
	margin: 1em 0 0 -1em;
	} /* lies below #container and inside #jmu_wrapper */

#jmu_footer p { 
	font-size: 80%;
	float: left;
	margin-top: 1em;
	padding: 0 1em 0 1em;
	border-right: 1px solid black;
	}

#jmu_footer img {
	border: 0;
	float: right;
	}

