/*

Theme Name: The Jack Miller Center

Description: Custom theme for The Jack Miller Center

Version: 1.0

Author: Accella

Author URI: http://www.accella.net/

*/



/* CSS Document */

body {

	padding: 0;

	margin: 0;

	background-color: #dae3de;

	background-image: url(images/body_bg.gif);

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.float_right {

	float:right;

}

.float_left {

	float:left;

}

a, a:link {

	color: #5c8872;

	text-decoration:none;

}

a:hover {

	color: #ad9419;

}

#wrapper {

	width:962px;

	margin: auto auto;

}

#header {

	position:relative;

	left: 0px;

	top: 0px;

	height:114px;

	width:962px;

	left: 0px;

	top: 0px;

		

}

.top_logo { 

	float:left;

	border:0;

}



#mini_nav {

	float:right;

	height:29px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #143d6a;

	padding-right:4px;

}

#mini_nav a, #mini_nav a:link {

	color: #143d6a;

	text-decoration:none;

}

#mini_nav a:hover {

	color: #ad9419;

}



#mini_nav img {

	border:0;

	margin-right: 8px;

	vertical-align: middle;

}

#top_search {

	clear:right;

	float:right;

	width:388px;

	height:33px;

	background-image: url(images/top_search_bg.gif);

	background-repeat: no-repeat;

	background-position: right;

	padding: 9px 0 0 10px;

	margin-top:29px;

		

}

.top_search_field {	

	width:287px;

	height:21px;

	border: solid 1px #c3cac6;

	vertical-align: middle;

	padding:0;

	margin:0;	

}

.top_search_btn {

	border:0;

	vertical-align: middle;

	margin-left:8px;		

}

#main_nav {

	clear:both;

	float:left;

	width:962px;

	height:40px;

	background-image: url(images/main_nav_bg.gif);

}



/*- Menu Tabs --------------------------- */



    #chromemenu {

	width:100%;

	height:37px;

	font-size:14px;

	line-height:14px;

	font-family: "Times New Roman", Times, serif;

	color: #FFFFFF;

	font-weight: bold;

    }

    #chromemenu ul {

        margin:0;

        padding:0;

        list-style:none;

      }

    #chromemenu li {

      display:inline;

      margin:0;

      padding:0;

      }

    #chromemenu a {

      float:left;

      background:url("images/tab_left.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 8px;

      text-decoration:none;

	  color: #FFFFFF;

      }

    #chromemenu a span {

      float:left;

      display:block;

      background:url("images/tab_right.gif") no-repeat right top;

      padding:11px 19px 12px 10px;

      color: #FFFFFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #chromemenu a span {float:none;}

    /* End IE5-Mac hack */

    #chromemenu a:hover span {

      color:#FFF;

      }

    #chromemenu a:hover {

      background-position:0% -74px;

      }

    #chromemenu a:hover span {

      background-position:100% -74px;

      }



        #chromemenu #current a {

                background-position:0% -37px;

        }

        #chromemenu #current a span {

                background-position:100% -37px;

                color:#FFF;

        }



/*- END Menu Tabs --------------------------- */



#left_nav {

	clear:left;

	float:left;

	width:120px;

	padding-top:10px;

}

	#left_nav a { margin: 0 0 -10px; display: block; }





#content_area {

	clear:both;

	float:left;

	width:962px;

	background-color:#d9dcc9;

}

#left_content {

	clear:left;

	float:left;

	margin-top:10px;

}

#left_content_sub {

	clear:left;

	float:left;

}

#right_content {

	clear:right;

	float:right;

	width: 299px;

	margin:10px 10px 0 10px;

	padding-bottom:10px;

	_display:inline;

}

#homepage_flash {

	clear:both;

	float:left;

	width:643px;

	height:254px;

}



#featured_vid {

	clear:both;

	float:left;

	width:643px;

	height:254px;

	background-image: url(images/hp_featured_vid_bg.jpg);

	background-repeat: no-repeat;

}

#hp_quad_menu {

	clear:both;

	position:relative;

	top:0;

	left:0;

	width:598px;

	height:317px;

	padding: 23px 21px 0 24px;

	background-image: url(images/hp_quad_links.jpg);

	background-repeat: no-repeat;

}

.quad_lt {

	position:absolute;

	top:23px;

	left:24px;

	width:285px;	

	}

.quad_lr {

	position:absolute;

	top:23px;

	left:337px;	

}

.quad_bl {

	position:absolute;

	top:185px;

	left:24px;

	width:285px;	

}

.quad_br {
	position:absolute;
	top:185px;
	left:337px;
}

.quad_menu {
	/* position:absolute; */
   
	width:283px;
	border: solid 1px #657f9c;
	border-width: 0 1px 1px 1px;
	z-index:1000;
	background-color:#17293d;
}

.quad_menu h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height:15px;

	font-weight: bold;

	color: #000000;

	background-color: #32567d;

	padding: 5px 0 5px 22px;

	margin:0;	

}



.quad_menu ul {

	width:80%;

    list-style:none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height:15px;

	margin:auto auto;

	padding:0;

	

}



.quad_menu li {

	border-bottom: solid 1px #fff;

    padding: 5px 0 5px 0;

	margin: 0 0 5px 0;

}

.transparent_class {

	filter:alpha(opacity=95);

	-moz-opacity:0.95;

	-khtml-opacity: 0.95;

	opacity: 0.95;

}



.quad_menu a, .quad_menu a:link {

	width: auto;

	display: block;

	color: #fff;

}



* html .quad_menu a { /*IE only hack*/

width: 100%;

}



.quad_menu a:hover { 

background-color: #25405d;

color: #ad9419;

}













#featured_news {

	clear:both;

	float:left;

	width:267px;

	height:119px;

	padding:135px 16px 0 16px;

	background-image: url(images/hp_featured_news_bg.jpg);

	background-repeat: no-repeat;

	

}

#right_featured {

	clear:both;

	float:left;

	width:267px;

	padding:10px 16px 0 16px;

	margin-top:10px;

	background-color: #e0e3d4;

}

#right_featured_sub {

	clear:both;

	float:left;

	width:267px;

	padding:34px 16px 0 16px;

	background-color: #e0e3d4;

}

.ucevents {

	background-image: url(images/featured_top_ucevents.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

.whatsnew {

	background-image: url(images/featured_top_whatsnew.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#right_content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #565656;

	line-height:17px;

	padding:8px 0 8px 0;

	margin:0;

}

.p_bot_border {

	border-bottom:solid 1px #fff;

	}



#right_content a, #right_content a:link {

	color: #5c8872;

	font-weight:bold;

	text-decoration:none;

}

#right_content  a:hover {

	color: #ad9419;

}



.feat_title {

	font-size: 14px;

	color: #000;

	font-weight:bold;

}

#alma_mater_hp p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #565656;

	line-height:14px;

	padding:8px 0 0 0;

	margin:0;

}

#alma_mater_hp {

	clear:both;

	float:left;

	width:267px;

	padding:8px 16px 0 16px;

}

#alma_mater_hp img {

	float:right;

	vertical-align:middle;

}

#empty_bottom_row {

	clear:left;

	float:left;

	width:962px;

	height:15px;

	background-color: #b5b8a6;

		

}

#hp_bottom_row {

	clear:both;

	float:left;

	width:962px;

	height:190px;

	background-image: url(images/hp_bottom_row_bg.gif);

	background-repeat: repeat-x;

	padding: 3px 0 0 0;

	margin-top:10px;	

}

.hp_bot_col {

	float:left;

	width:320px;

	height:175px;

	padding:11px 0 0 0;

	border-right:solid 1px #cdcfc4;

}

.last_col {

	border:0;

}

.hp_bot_col h1 {

	width:200px;

	height:17px;

	margin: 0 0 0 14px;

	padding:0 0 0 0;

}

#hp_bottom_row p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #565656;

	line-height:16px;

	padding: 23px 16px 0 16px;

	_padding-top:0;

	margin:0;

}

.book_feature {

	background-image: url(images/from_the_bookstore.gif);

	background-repeat: no-repeat;

}

.program_feature {

	background-image: url(images/featured_program.gif);

	background-repeat: no-repeat;

}

.professor_feature {

	background-image: url(images/featured_professor.gif);

	background-repeat: no-repeat;

}

.hp_bot_col_thumb {

	float:left;

	margin-right:10px;

}

.hp_bot_col_btn {

	margin-top:10px;

}

.feat_prof_btn {

	float:left;

	margin-left:61px;

}

#hp_bottom_row a, #hp_bottom_row a:link {

	color:#5c8872;

	font-size: 12px;

	font-weight:bold;

	text-decoration:none;

}

#hp_bottom_row  a:hover {

	color: #ad9419;

}



#right_sub {

	float:right;

	width:420px;

}

	#right_sub h2 { margin: 2px 0; font-size: 0.9em; }

	#right_sub h3 { margin: 10px 0 0; font-size: 1.2em; }

	#right_sub img { margin: 0 5px 0 0; }



#sub_page_container {

	clear:both;

	float:left;

	width:583px;

	border:solid 13px #77796e;

	background-color:#eaece1;

	padding: 17px;

}

#sub_page_container h1 {

	width:583px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height:18px;

	font-weight: bold;

	color: #185ca7;

	border-bottom:solid 2px #ffffff;

	padding: 0 0 7px 0;

	margin:0;

}

#sub_page_container p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #363636;

	line-height:16px;

	padding: 10px 0 0 0;

	margin:0;

}

#contact_table {

	padding:10px 0 0 0;

	width:490px;

	margin: auto auto;

}

.td_left {

	width:220px;

	padding: 0 20px 0 0;

}

.td_right {

	width:197px;

	padding: 0 0 0 40px; 

}

.td_divider {

	width: 2px;

	background-color:#dde0cf;

}

.blue_txt {	color: #185ca7;}



#inside_sub_container {

	clear:both;

	float:left;

	width:581px;

	border:solid 1px #d9dcc9;

	background-color:#ffffff;

	padding-bottom: 12px;

	margin-top:35px

}

#inside_sub_container h2 {

	width:559px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	line-height:15px;

	font-weight: bold;

	color: #185ca7;

	background-color:#dde0cf;

	padding: 17px 0 17px 22px;

	margin:0;

}

#inside_sub_container p {

	padding: 15px 22px 0 22px

}





#footer {

	clear:both;

	width:932px;

	height:16px;

	padding: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height:12px;

	color: #565656;

}

.site_by {

	float:right;

}

.site_by a, .site_by a:link  {

	color: #afb2a1;

	font-size: 11px;

	text-decoration:none;

}

#flashcontent_links{
	float: right;
	width: 260px;
	margin: 49px 18px 0 0;
}

#flashcontent_1{
	background: url('images/flashcontent_1.jpg') no-repeat;
	height: 54px;
}

#flashcontent_2{
	background: url('images/flashcontent_2.jpg') no-repeat;
	height: 52px;
}

#flashcontent_3{
	background: url('images/flashcontent_3.jpg') no-repeat;
	height: 55px;
}

#flashcontent a{
	float:right;
	width:245px;
	margin-bottom: 1px;
	padding: 8px 0 0 10px;
}

#flashcontent a:hover{
	background: none;
}

#flashcontent a span.title{
	color: #d3be74;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	line-height: 20px;
}

#flashcontent a span.description{
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 13px;
}
	
.ucevents ul{
	padding-left:10px;
}


.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.clear {
	clear: both;
}

#left_nav ul{
	padding: 0;
}

#umcoming_events {
	float: left;
	width: 150px;
	height: 18px;
	padding-bottom: 10px;
	outline: none;
}

#respond textarea{
	width: 100%;
}