/********************************************
 *
 *   Copyright 2005, Utah State University
 *   www.usu.edu
 *	 WC3 CSS Validated
 *******************************************/


/******* Basic Tags *******/


#mainnavbox ul.maintopnav li a {
  display: block;
	
}

#pagecontent p .firstletter {float:left;}

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
	width: 100%; 
	}


/* Unless you know what you do, do not touch this */ 
/*     margin-left: -1px; */

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 

	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	}
#primary-nav li { 
    margin-bottom: -1px; 
	position: relative; 
	}


/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
     font-family: Arial, Helvetica, sans-serif; 
     color: #faf8f2;
     font-weight bold;
     font-size: 14px
	}
#primary-nav li, #primary-nav li.menuparent { 
	background-color: ff9900; 
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #e9bdb8; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #e9bdb8; 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        margin: 1.5em auto 2em 0;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: right;
        width: 70%;
        padding: 0 2%;
        display: inline;
    }
    div#menu_vert {
        float: left;
        width: 100%;
        display: inline;
        margin-left: 0;
    }
    div#content2 {
        display: none;
    }
    div#menu_horiz {
        display: none;
    }
/* END CONTENT */

@import url('iemacexcept.css');
/******* Basic Tags *******/

body { background: #bb2222;
   background-image: url('uploads/images/white-red.jpg'); 
   background-repeat: repeat-y; 
   font: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #faf8f2;
   margin:0;
   padding:0;
}
.navboxpage { width: 100%; height:100%}
.navboxleft { width:200px; float:left; height:100%; position: relative; bottom: 20px}
#logo_image { position:relative;top: 20px; left: 20px; width:199px;height:230px; }
#nav_list { 
   background-color: #d16e6c; 
   height: auto; width: 182px; 
   position: relative; left: 20px; top: 0px; 
   background-image: url('uploads/images/cake.gif'); 
   background-repeat: no-repeat; 
   background-position: bottom right;
}
.navboxauto { margin-left:200px; width: auto; height: 100%; position: relative; bottom: 20px}
#main_cont_box { 
   background-color: #e9bdb8; 
   color: #261b17; 
   position: relative; top: 0px; left:20px; 
   height:  auto; width: 660px; 
   visibility:  visible; 
   font-family: Arial, Helvetica, sans-serif;
}
#text_box { position: relative; top: 0px; left:10px; width: 640px; }
#filler { background-color: #e9bdb8; position: relative; top: 0px; left:20px; height: 100%; width: auto; visibility:  visible}
#vert_spacer { clear: both; height: 20px; width: 100%; visibility: visible; }
#content { position: background-color: #d16e6c; height: auto; width: 540px; visibility: visible; }

p {margin:10;padding:10;}
a, h1, h2, h3, h4, h5, h6, hr, span, input, em, strong {margin:0;padding:0;}
img, form, fieldset {margin:0;padding:0;border:0;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

a {text-decoration:none;color:#fff;}

a:hover {color:#faf8f2;}


.whitebold {color:#ffffff;font-weight:bold;}

.white {color:#fff;}

.clear { clear:both;font-size:1px;line-height:2px;}

.remove {display: none !important;}

.error {color:#CC3300;}

.red {color:#CC3300;}

.redbold {color:#CC3300;font-weight:bold;}

.boldtext {font-weight:bold;}

.left {float:left;}

.right {float:right;}

.ittext { font-style:oblique;}

.centerbox { text-align:center;}

.smalltext { font-size: .8em;}