/* Graphics, Design, Layout and CSS by name. Copyright Spectral Fusion, 2004. All rights reserved. Any past, present, or future products of Spectral Fusion are protected by United States copyright laws and may not be modified in any way without prior written consent of the designer or party responsible for its creation. This includes removing or modifying our registered logo or name, copyright notice, or any other piece of work belonging to Spectral Fusion. You may not reproduce this page without the designer's written permission. */

/* Defines the Body and HTML size */
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #000000;
}
/* This holds everything in the page and makes the background white */
#container {
	position: relative;
	background-image: url(../gifs/slices/left.gif);
	background-repeat: repeat-y;
	height: 100%;
	background-color: #FFFFFF;
}

/* A little hack to make sure Mozilla/Safari Resize */
div[id='container'] {
	height: auto !important;
	min-height: 100%;
}
/* This styles the background image (the image of the students in the white box) of the page */
div#content {
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
}

/* The skipnav link */
#skipnav {
	position: absolute;
	text-indent: -1000em;
	text-decoration: none;
}
/* Contains the main graphic and extends the background accross the page */
#pagetop {
	position: relative;
	background-image: url(../gifs/slices/topbar2.jpg);
	width: 100%;
	height: 99px;
	background-repeat: repeat-x;
}

/* This is the Campus Compact header, which reduces the text size so the
picture in the span overlaps it */
#ccheader {
	width: 738px;
	height: 99px;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

/* This contains the picture */
#ccheader span {
	position: absolute;
	background-image: url(../gifs/slices/topbar2.jpg);
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Holds the menu and the text */
#content {
	position: relative;
	width: 100%;
}

/* this is the side menu */
#menu {
	position: relative;
	width: 218px;
	float: left;
	margin: 0;
	padding: 0 0 150px;
}

/* This div sets the width of the text div */
#menu div {
	margin: 0 50px 0 5px;
	padding: 0;
}

/* The menu header, for people without styles/images */
#menuheader {
	position: relative;
	font-size: 1.1em;
	width: 218px;
	height: 105px;
	margin: 0;
	padding: 0;
}

/* Sets the background image */
#menuheader span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../gifs/slices/mainlogo.jpg);
	background-repeat: no-repeat;
}

/* The text div, which has a the Montana | Campus Compact background */
#text {
    background-image: url(../gifs/slices/MCC.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0 20px 0 218px;
	padding: 5px 0 150px 0;
}
#textdefault {
	background-image: url(../gifs/slices/MCCdefault.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	margin: 0 20px 0 218px;
	padding: 5px 0 150px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}

/* moves the Page header over past the Montana campus compact BG */
#textheader {
	padding: 0 0 10px 0;
	margin: 0 0 0 200px;
	font-family: "CopprplGoth Cn BT", Georgia, Times, sans-serif;
	font-size: 1.7em;
	color: #000000;
}
/* This is put at the bottom with a repeating background*/
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../gifs/slices/botleft.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	width: 100%;
}

/* Has the corner background and centers the text a bit to the left */
#sfd {
	background-image: url(../gifs/slices/bottom.gif);
	background-repeat: repeat-x;
	padding: 55px 20px 0 0;
	margin: 0 0 10px 218px;
	text-align: center;
	color: #DDD;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
/* Get rid of that ugly blue border! */
#sfd img {
	border: 0;
}

/* Clears the floats so the footer will always be at the bottom of the menu &
 content */
.clear {
	height: 1px;
	clear: both;
	width: 1px;
}

/* BELOW IS STYLING FOR THE CONTENT OF THE PAGE, MOSTLY FORMATTING */
a {
	color: #0099FF;
}
a:visited {
	color: #FF6600;
}
.center {
	text-align: center;
}
img {
	border: none;
}
/* this styles the link to the top of the page (back to top */
span#backtotop {
	text-align: right;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
}
span#backtotop a {
	text-decoration: none;
}
span#backtotop a:visited {
	color: #006699;
}
#programs {
}
#programs h2 {
	padding: 0 0 0 20px;
	margin: 0;
	background: url(../gifs/secondary/fancybullet2.gif) no-repeat 0px 50%;	
}
#programs h2 a{
	color:#000000;
	text-decoration: none;
}
#programs h2 a:visited{
	color:#000000;
}
#programs h2 a:hover{
	color:#009999;
}
#programs p {
	text-indent: 1em;
	margin-left: 20px;
}
#programs ul{
	list-style: url(../gifs/secondary/fancybullet3.gif);
}

/* -------------- The following styles pertain only to the default page -----------*/

/* This styles the paragraph which is the description of the site found on the main page */
div#defaultintro{
	width: 40%;
	padding-top: 50px;
	font-size: 1em;
	clear: right;
	float: left;
}
div#defaultintro ul{
	margin-top: 1px;
	margin-bottom: 1px;
}
div#defaultintro p{
	padding: 0;
	margin: 0;
	text-indent: 10px;
}
/* This styles the second column which is a box with an orange header ANOUNCEMENTS */
div#announcements{
	line-height: 1.1em;
	width: 35%;
	float: left;
	clear: right;
	border: 1px solid #999999;
	margin-top: 50px;
	padding: 5px;
	font-size: 0.85em;
	background-color: #FFFFFF;
	

}
div#announcements h1{
	font-size: 1.8em;
	text-align: center;
	background-color: #FFB649;
	padding: 3px;
	margin: 0px;
	-moz-opacity: 1; 
}
div#announcements h2{
	font-size: 1.5em;
	padding: 4px;
	margin: 0px;
	font-weight: bold;
}
div#announcements h3{
	font-size: 1.2em;
	padding: 3px;
	margin: 0px;
}
div#announcements p{
	margin: 0px;
	padding: 3px;
}
div#announcements a{
	color: #94192D;
}

/* these styles may be removable */
img.bullet {
	margin-right: 2px;
	margin-left: 5px;
}
ul.topnamedanchors li a:visited {
	color: #006666;
}
ul.topnamedanchors li a:visited:hover {
	color: #003333;
}
ul.topnamedanchors li a:hover {
	color: #003333;
}
ul.topnamedanchors li{
	display: inline;
	margin: 0px 5px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	list-style-type: none;
	font-weight: bold;
}
ul.topnamedanchors li a {
	color: #006666;
	text-decoration: none;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #003333;
	padding-right: 4px;
}

/* formatting */

address {
	font-style: normal;
	font-weight: bold;
}
.right {
	text-align: right;
}
.columns50percent {
	width: 50%;
	float: left;
	clear: right;
}
.clearboth {
	clear: both;
}
.width250 {
	width: 250px;
}
.contactslist li{
	padding: 5px;
	list-style: url(../gifs/secondary/fancybullet.gif) inside;
	
}
.divider {
	background: url(../gifs/secondary/divider.gif) repeat-x;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

img.photo {border: medium #333333 solid;
margin:5px 5px 5px 5px;}