/* CSS tested in latest vesion of IExplorer 6, Netscape 7.2, Firefox 1.0, Opera 7.54, Mozilla 5.0, Firefox for mac, and one
little bug in IE for Mac and Safari */

/* If you need to add more style for your pages, you should create another css file (call it mystyle.css for example) and create a link to it the index page
right after the link for this style. If the original style.css needs to be updated, it will be easier to replace the current file rather than going through
your own style */

body {
	font: 62.5%/140% Arial, Helvetica, sans-serif;
	background-color: #6F747D;
	margin: 0;
	text-align: center;}

h1, h2, h3, h4, h5, h6, img, ul ,li, form, p {
	border: 0;
	margin: 0;
	padding: 0;}

a, a:link, a:visited, a:active {
	color: #0075EA;
	text-decoration: none;}
	
a:hover {
	color: #FF9900;}

#pagecontainer{
	margin: 0 auto;
	width: 732px;
	text-align: left;}

/* Start CSS for disability box */
#disabilitybox {
	width: 732px;
	text-align: right;}
	
#disabilitybox a {
	font: 1.1em normal Verdana, Arial, Helvetica, sans-serif;
	color: #B2B4B6;
	text-decoration: none;}
	
#disabilitybox a:hover {
	color: #fff;}
/* End CSS for disability box */

/* Start CSS for USU main navigation box */
#topnavbox{
	width: 732px;
	height: 48px;
	font: 1em Arial, Helvetica, sans-serif;}

#wordmark {
	float:left;}

#topnavbox ul {
	padding: 32px 0 0 0;
	text-align: right;}
	
#topnavbox ul li {
	display: inline;
	padding: 0 0 0 10px;}
	
#topnavbox ul li a {
	color: #ccc;
	text-decoration: none;
	font-style: italic;}
	
#topnavbox ul li a:hover {
	color: #fff;}
/* End CSS for USU main navigation box */

/* Start CSS for the main container */
#maincontainer {
	width: 732px;
	background-color: #fff;}

#topbarbox {
	width: 732px;
	height: 40px;
	background: #000 url(/fsenate/graphics/topbar/topbarbg.gif) top left repeat-x;}
	
#topbarbox img {
	margin: 0 0 0 230px;}

/* Start CSS for the right navigation */
#rightnavcontainer {
	width: 156px;
	float: right;
	background-color:#F3F3F3; }
	
#rightnavcontainer #rightnavbox {
	width: 100% -10px;
	padding: 3px 10px 0px 10px;
	height: 160px;
	min-height: 163px;}
	
html>body #pagecontainer #maincontainer #rightnavcontainer #rightnavbox {
	height: auto; } /*line only for compliant browsers, IE can't read the min-height in previous line, that's why I had to set a fixed height before.*/

#rightnavcontainer #rightnavbox p {
	font-size: 13px;
	color: #00CC00;
	padding: 5px 0px;
}

#rightnavcontainer #rightnavbox ul {
	list-style-type: circle;
	padding: 5px 0px 5px 20px;}
	
#rightnavcontainer #rightnavbox ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;text-decoration: none;
	padding: 2px 0px;}
	
#rightnavcontainer #rightnavbox ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0075EA;text-decoration: none;
	padding: 2px 0px;}
	
#rightnavcontainer #rightnavbox ul li a:hover {
	color: #000;}
/* End CSS for the right navigation */

#contentcontainer {
	width: 576px;
	float: left;
	background-color: #fff;}

/* Start CSS for the search box and the inline navigation */
#searchbox {
	width: 100% -30px;
	height: 25px;
	background-color: #fff;
	padding: 5px 0px 0px 30px;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;}
	
#searchbox input {
	font: 1.1em Arial, Helvetica, sans-serif;
	border: 1px solid #6F747D;
	color: #000000;
	margin-left: 5px;}
/* End CSS for the search box and the inline navigation */

#contentbannerbox {
	width: 576px;
	height: 163px;
	background: url(/fsenate/graphics/banner/banner2.jpg) top left no-repeat;} /* you can replace the banner here with your own, just keep the same size (576x163) */

/* Start CSS for the content area */
#upcommingEvents {
	float: right;
	width: 190px;
	border: 1px solid #000;
	background-color: #F3F3F3;
	margin: 0px 0px 20px 20px;
	padding: 10px;
	text-align: left;
}

#upcommingEvents h1 {
	text-align: center;
	font-size: 14px;
	color: #00CC00;
	padding-bottom: 10px;
	text-decoration:underline;
}

#upcommingEvents p {
}

#contentbox {
	width: 100% -15px;
	background-color: #fff;
	padding: 13px 15px 3px 15px;
	font: 1.2em Arial, Helvetica, sans-serif;}
	
#contentcontainer .title1 {
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	margin-bottom: 15px;}
	
#contentbox p {
	text-align: justify;
	margin-bottom: 10px;}
	
#contentbox ul {
	text-align: justify;
	margin-left: 40px;}
/* End CSS for the content area */

/* End CSS for the main container */


/* Start CSS for footer */
#footerbarbox {
	width: 732px;
	height: 21px;
	background: #000 url(/fsenate/graphics/footer/footerbg.gif) top left repeat-x;}

#copyrightbox {
	text-align: center;
	font: 1em/160% Verdana, Arial, Helvetica, sans-serif;
	color: #B2B4B6;}
/* End CSS for footer */

.clear {
	clear: both;}
	
.smText {
	font-size: 12px;
}