@charset "UTF-8";

/* CSS Document Jordan Thomas
------------------------------------------------------------- */
html, body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#616161;
	font-size:11px;
	background-image: url(images/bkgd.gif);
	/*background-repeat: repeat-x;  I'm taking this out as it needs to repeat vertically when the menu is expanded else the backgound stops, it seems tile ok vertially as well so we should be ok...*/
}

p {
	font-size:13px;
	line-height: 19px;
	color: #53237F;
}

a {
	color: #431472;
	text-decoration:none;
	font-weight: normal;
}

a:hover {
	color: #CC9FC6;
	text-decoration:none;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #431472;
	font-size: 18px;
	line-height: 22px;
}
	
	
/* Layout container
------------------------------------------------------------- */
#container {
	width:754px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
	height: 100%;	
}
#wrapper {
	width:750px;
	border-top: 2px solid #B2A3CA;
	border-left: 2px solid #B2A3CA;
	border-right: 2px solid #B2A3CA;
	/* by the way, check out the short-hand method of setting a border above, what you had with separate declarations for each border setting wasn't wrong, but this way is easier! */
	background-color: #FFFFFF;
	height: 100%;
}

/*#centerbar {
	background-image: url(images/centerbar.gif);
	background-repeat: repeat-x;
	height: 30px;
	margin-right: 10px;
	margin-left: 10px;
	width: 730px;
}*/
#header {
	padding: 10px;
	height: 190px;
	background-image: url(images/centerbar.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%
}

#footer {
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	height: 45px;
}
	
#right {
	float: right;
	background-color: #FFFFFF;
	width: 150px;
}
#nav {
	width: 121px;
	float: right;
	padding-right: 15px;
	clear: none;
}
#flashbox {
	float: left;
	width: 570px;
	padding: 0px;
	background-color: #999999;
	height: 350px;
}
#top {
	padding: 10px;
	height: 350px;
}
#nav ul {
	display: block;
	list-style-type: none;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	background-image: url(images/dots.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#nav li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #330066;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	height: 20px;
}
#nav li a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #BB8FE3;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	height: 20px;
	text-decoration: none;
}
#nav li.notext {
	display: block;
	margin: 0px;
	padding: 0px;
}
#nav li.nodots {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	background-image: none;
}
#logo {
	float: left;
	position: relative;
	left: -70px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: none;
}
#footnav ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#footnav {
	margin-right: 114px;
	margin-left: 152px;
	width: 485px;
	padding-top: 10px;
}
#footnav li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#footnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B88CE8;
}
#footnav li a:hover {
	color: #53237F;
	text-decoration: none;
}
#footerbottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #53237F;
	width: 754px;
	padding-top: 33px;
	line-height: 19px;
	padding-bottom: 20px;
}
#news {
	background-image: url(images/newsbar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 170px;
}
#bottom {
	width: 730px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	height: 200px;
	padding-top: 10px;
}
#specials {
	width: 350px;
	float: right;
	height: 180px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#specialsbox1 {
	float: left;
	width: 160px;
	height: 180px;
	border: 1px solid #5B3284;
}
#specialsbox2 {
	float: right;
	width: 160px;
	height: 180px;
	border: 1px solid #5B3284;
}

#logoinner {
	float: left;
	width: 100px;
	height: 168px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
/*#leftinner {
	float: left;
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 170px;
}*/
#navinner {
	width: 121px;
	float: left;
	padding-right: 15px;
	padding-left:10px;
	clear: none;
	vertical-align: top;
}
#navinner ul {
	display: block;
	list-style-type: none;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#navinner li {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	background-image: url(images/dots.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#navinner li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #330066;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	height: 20px;
}
#navinner li a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #BB8FE3;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	height: 20px;
	text-decoration: none;
}
#navinner li.notext {
	display: block;
	margin: 0px;
	padding: 0px;
}
#navinner li.nodots {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	background-image: none;
}
#rightinner {
	width: 540px;
	/*float: right;
	height: 450px;*/
	margin-left: 147px;
	*margin-left: 122px;
	/* the "*" before the second margin-left is not a mistake by the way, it's a little hack that is sometimes handy when IE and Firefox display a CSS style differently, in this case they both interpret the margin in a different way so we're using a bug in IE to our advantage, someone figured out if you put the asterisk in fron of the setting you want different in IE, firefox will ignore it thinking its an error in the code and IE will accept the asterisk'd setting over the regular one */
	min-height: 450px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #431472;
	font-size: 15px;
}
#bottominner {
	width: 730px;
	/*margin-right: 10px;
	margin-left: 10px;*/
	background-color: #FFFFFF;
	/*height: 850px; Try not to set height declarations for any content elements that are of varying heights, as you saw just causes issues down the road. For something of a fixed height on all pages, like a header or footer its cool though...*/
	padding-top: 10px;
	height: 100%;
}
.floatright {
	float: right;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 2px solid #7E5FA1;
}
#headerright {
	float: right;
	background-color: #FFFFFF;
	width: 610px;
	height: 168px;
	padding-left: 10px;
}

.accordian_list div.title {
	color:#431472;
	font-weight:normal;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 19px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 5px;
	background: url(images/smalltriangle.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	}

.accordian_list div.title.selected {
	color:#532480;
	background-image: url(images/smalltriangledown.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px;
	}
	
.accordian_list h2 {
	margin:0;
	padding-top:20px 0 0 0;
	}

#accordian_list div.title {
	color:#431472;
	font-weight:normal;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 5px;
	background: url(images/smalltriangle.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	}

#accordian_list div.title.selected {
	color:#532480;
	background-image: url(images/smalltriangledown.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0px;
	}
	
#accordian_list h2 {
	margin:0;
	padding-top:20px 0 0 0;
}
	
ul {
	list-style-position: outside;
	list-style-type: disc;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7E5FA1;
	line-height: 16px;
}

p.dots
{
	/*float: left;*/
	/*clear: both;*/
	text-align:right;
	/*width: 100%;*/
	background-image: url(images/dotleaders.png);
	background-repeat: repeat-x;
	background-position: left 85%;
	margin-bottom:0;
	margin-right:230px;
}

p.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #886BA9;
	margin-top: 0;
	margin-right:225px;
	/*clear:both;*/
	/*float: left;*/
}
span.term
{
	float: left;
	padding-right: .5ex;
	background-color: #fff;
}
span.page
{
	/*float: right;*/
	padding-left: .5ex;
	background-color: #fff;
}
#directions {
	float: right;
}
#newsinner {
	background-color: #F0E1FA;
	padding: 15px;
	width: 500px;
}
#sponsors {
	margin: 5px;
	padding: 10px;
	float: right;
	width: 200px;
	background-color: #F0E1FA;
}
.smallp {
	font-size:12px;
	line-height: 16px;
	color: #7E5FA1;
}
.newsp {
	font-size:13px;
	line-height: 16px;
	color: #41116E;
}
#accordian_list div.newstitle {
	color:#431472;
	font-weight:normal;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
}
#accordian_list div.newstitleselected {
	color:#431472;
	font-weight:normal;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
}
.footerp {
	font-size:10px;
	color: #7E5FA1;
	line-height: 30px;
}
.floatrightnoborder {
	float: right;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.photo {
	float: none;
	padding: 2px;
	border: 2px solid #7E5FA1;
}
#list  {
	background-color: #FFFFCC;
}
#caption {
	width: 205px;
	float: right;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
}
#caption p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}