/* ---------------------------------------------------------------------------------------------------------------
BASIC
----------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	min-height: 101%;
}

body {
	background:#f5f5f5 url(../img/background.gif) repeat-x left top;
	color:#555;
	/*color:#444;*/
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	font-size:62.5%;
	text-align:center;
}

img {
	border: none;
}

div#print_logo {
	display:none;
}

/* ---------------------------------------------------------------------------------------------------------------
STRUCTURE
----------------------------------------------------------------------------------------------------------------*/
div#wrapper {
	background-color:#fff;
	background-image:url(../img/wrapper_back.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	margin:0 auto 20px;
	padding:0;
	width:960px;
	text-align:left;
	voice-family:inherit;
}

div#top_nav {
	background:#e0efe0;
	color:#ccc;
	font-size:1em;
	height:20px;
	text-align:right;
	width:960px;
}

div#header {
	background:#063 url(../img/dtcc_header.jpg) no-repeat right top;
	height:124px;
	width:960px;
}

div#location {
	background:#063 url(../img/location.gif) no-repeat left top;
	border-bottom:1px solid #fff;
	border-top:1px solid #9c9;
	height:26px;
	width:960px;
	voice-family:inherit;
}

div#content {
	/*overflow: hidden;*/
	width:960px;
}

div#panel1 {
	float:left;
	/*overflow:hidden;*/	
	padding:0;
	padding-right:0px;
	/*margin-bottom: -32767px;	
	padding-bottom: 32767px;*/
	vertical-align:top;
	width:250px;
	display:inline;	
}

div#panel2 {
	float:left;
	font-size:1.2em;  /*12 pixels*/
	line-height:160%;
	margin:0px;
	width:690px;
	/*margin-bottom: -32767px;	
	padding-bottom: 32767px;*/
	display:inline;	
}

.clear1 {  /*Fix IE bottom margin*/
	height:20px;
	font-size:1px;
	padding:0;
	clear:both; 
}

div#panel3 {
	float:left;
	font-size:1.2em;
	line-height:160%;
	margin:0px;
	width:460px;
	/*margin-bottom: -32767px;	
	padding-bottom: 32767px;*/
	display:inline;	
}

div#panel4 {
	float:left;
	font-size:1.2em;
	line-height:160%;
	margin:0 0 0 20px;
	width:210px;
	/*margin-bottom: -32767px;	
	padding-bottom: 32767px;*/
	display:inline;	
}

div#panel5 {
	float:right;
	font-size:1.2em;  /*12 pixels*/
	line-height:160%;
	margin:0px;
	width:690px;
	padding:20px;
	/*margin-bottom: -32767px;	
	padding-bottom: 32767px;*/
	display:inline;	
	background-color:#eee;
}

div#bottom_links {
background:#f5f5f5 url(../img/stripe_bottom.gif) no-repeat right top;
border-top:1px solid #dad6bf;
border-bottom:1px solid #dad6bf;
color:#ccc;
font-size:1.1em;
/*height:24px;*/
line-height:160%;
padding-top:18px;
padding-bottom:14px;
width:960px;
text-align:center;
}

div#footer {
background:#f5f5f5;
padding-top:13px;
width:960px;
text-align:center;
voice-family:inherit;
font-size:1em;
line-height:160%;
}

div#search {
background:#fff url(../img/search.gif) repeat-x left top;
height:50px;
width:234px;
}

div#window_container {
background-color:#fff;
height:250px;
width:960px;
}

div#window_giving {
width: 960px;
height: 312px;
background-color: #ccc;
}

/* ---------------------------------------------------------------------------------------------------------------
STYLING
----------------------------------------------------------------------------------------------------------------*/

div#panel2 h1, h2, h3, h4, h5, div#panel3 h1, h2, h3, h4, h5 {
	margin: 0 0 16px 0;
	font-weight: normal;
	line-height: 1.25em;
	/*font-family: "Avenir LT Std",Helvetica,Arial,sans-serif;*/
}

div#panel2 h1, div#panel3 h1, div#panel5 h1 {
	color:#363;
	font-size:1.9em; /*20 pixels*/
	margin-top:25px;
}

div#panel2 h2, div#panel3 h2, div#panel5 h2 {
	font-size:1.6em; /*15 pixels*/
}

h3 {
	font-size:1.2em; /*12 pixels*/
	font-weight:bold;
	color: #7aad38;
}

div#panel2 h4, div#panel3 h4, div#panel5 h4 {
	font-size:1em; /*10 pixels*/
	font-weight:bold;
}

div#panel2 h3.green {
	color:#690;
}

.drkgreen {
	color:#006633;
}

div#panel2 p, div#panel3 p, div#panel5 p {
margin:0 0px 18px 0px;
}

div#panel2 form, div#panel3 form {
margin:0 0px 20px 0px;
}

.panel2-box, .panel3-box, .panel4-box  {
padding: 16px 20px 0px 20px;
/*background-color:#f4f2e7;*/
/*border-color:#d7d3bc;*/
/*background-color:#f7f7f7;*/
background-color:#fafafa;
margin-bottom: 20px;
border:1px solid #e5e5e5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}

.panel2-box {
width: 650px;
clear: both;
}

.panel3-box {
width: 420px;
clear: both;
}

.panel4-box {
width: 170px;
/*clear: both;*/
}

div#panel2 ul.description {
margin: 0 0 10px 40px;
}

div#panel2 li, div#panel3 li, div#panel4 li, div#panel5 li {
list-style:none;
background:transparent url(../img/bullet.gif) 0 0 no-repeat;
margin-top:4px;
/*padding-bottom:2px;*/
padding-left:24px;
}

div#panel2 ul, div#panel3 ul, div#panel4 ul, div#panel5 ul, div#panel2 ol, div#panel3 ol{
padding-bottom: 20px;
}

div#panel2 li ul, div#panel3 li ul, div#panel4 li ul, div#panel5 li ul{
padding-bottom: 0px;
}


.highlight { /*three boxes*/
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.double_border {  /*Image Border*/
	border: 1px solid #ddd;  
	padding: 5px; 
	background-color:#eee;  
}  

.right {  
	float: right;  
	margin: 0 0 10px 10px;
} 


#panel4 a span.magnify {  /*magnify icon*/
	background-image:url(http://www.dtcc.edu/owens/theme/img/photo_magnify.gif); 
	background-repeat:no-repeat; 
	display:block; 
	width:20px; 
	height:18px; 
	position: relative;
	left:15px; 
	top:32px;
}

#panel4 a:hover span {
	background-position: left -22px;
}

.column3
{
float: left;
margin-right: 20px;
width: 177px;
margin-bottom: 20px;
padding: 15px 15px 0px 15px;
display:inline;	
}

.column1, .column2
{
float: left;
margin-right: 20px;
width: 428px;
margin-bottom: 20px;
padding: 15px 15px 0px 15px;
display:inline;	
}

.last
{
margin-right: 0pt;
}

.sub
{
/*color: #ffffff;
background-color: #949ca5;*/
background-color:#fafafa;
border:1px solid #e5e5e5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}




/* ---------------------------------------------------------------------------------------------------------------
LINKS and NAVIGATION
----------------------------------------------------------------------------------------------------------------*/	

a,a:link {
	color:#363;
}

a:visited	 { 
	color:#693;
	}
	
a:hover		{
	color:#690;
	text-decoration: underline; 
	border: none;
	}

a:active,a:focus {
outline:none;
}

h1 a, h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active, h2 a, h2 a:link, h3 a:visited, h2 a:focus, h2 a:hover, h2 a:active, h3 a,m h3 a:link, h3 a:visited, h3 a:focus, h3 a:hover, h3 a:active, h4 a, h4 a:link, h4 a:visited, h4 a:focus, h4 a:hover, h4 a:active
{
text-decoration : none;
}

#campus_navigation {
float:right;
font:bold 1.2em Arial, sans-serif;
list-style-type:none;
margin-top:92px;
margin-right:30px;
padding:0;
}

#campus_navigation ul {
list-style-type:none;
}

#campus_list li {
background-image:url(../img/campus_diamond.gif);
background-repeat:no-repeat;
display:block;
float:left;
padding-left:9px;
width:auto;
}

#campus_list a,#campus_list a:link {
color:#fff;
text-decoration:none;
padding:0 12px;
}

#campus_list li a:hover {
color:#f90;
cursor:pointer;
}

div#location i {
color:#fff;
font-size:1em;
font-style:normal;
line-height:26px;
margin-left:10px;
}

#top_nav ul {
padding-top:3px;
list-style:none;
}

#navMenu {
font-size:1.2em;
padding-left: 1px;
padding-top:35px;
/*width:236px;*/
width:250px;
}

#navMenu ul{
	list-style: none;
	width:229px;
	border-top-color:#eeeeee;
	border-top-width:1px;
	border-top-style:solid;
}

#navMenu li a {
background:url(../img/menu_item_left.gif);
border-bottom-color:#eeeeee;
border-bottom-width:1px;
border-bottom-style:solid;
color: #336600;
display:block;
line-height:normal;
text-decoration:none;
margin: 0px;
padding: 6px 20px 6px 20px;
list-style:none;
line-height:1.4em;
}

#navMenu li a:hover {
background-color:#eee;
border-bottom-color:#eeeeee;
border-bottom-width:1px;
border-bottom-style:solid;
background:url(../img/menu_item_left.gif);
background-position:0 -96px;
text-decoration:none;
color: #336600;
display:block;
list-style:none;
margin: 0px;
padding: 6px 20px 6px 20px;
}

body.section1 #navMenu li.one,
body.section2 #navMenu li.two,
body.section3 #navMenu li.three,
body.section4 #navMenu li.four,
body.section5 #navMenu li.five,
body.section6 #navMenu li.six,
body.section7 #navMenu li.seven,
body.section8 #navMenu li.eight,
body.section9 #navMenu li.nine,
body.section10 #navMenu li.ten,
body.section11 #navMenu li.eleven,
body.section12 #navMenu li.twelve,
body.section13 #navMenu li.thirteen {
background:url(../img/menu_item_left.gif);
background-position:0 -192px;
font-weight:bold;
}

/* ---------------------------------------------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------------------------------------------*/
div#search input {
margin-left:8px;
margin-top:16px;
}

.submit input {
margin-left:-4px;
}

.newsletter input {
	font-size:10px;
	margin:5px 0 3px;
	padding:2px 0px 2px 4px;
	color:#6c6859;
}

.global_links li,.top_links li {
border-left:1px solid;
display:inline;
list-style-type:none;
padding-right:1px;
padding-left:4px;
}

.global_links li.first,.top_links li.first {
border-left:none;
}

#bottom_links img {
	margin: 0px;
	padding: 0px;
}


/* ---------------------------------------------------------------------------------------------------------------
SCROLLABLE
----------------------------------------------------------------------------------------------------------------*/



/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 568px;	
	height:75px;	
	
	/* custom decorations */
	padding:0px;	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color: #d7d3bc;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #d7d3bc;
	padding: 5px 0px 5px 0px;
	margin-bottom: 20px;
	margin-top: 20px;			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:150px;
	padding:0px 0px;
	background-color: #fff;
	margin-right: 50px;	
}

/* active item */
div.scrollable div.items div.active {	
	background-color:#fff;
}


.movie500 {
	padding-bottom:25px;
	width: 500px;
}


/* ---------------------------------------------------------------------------------------------------------------
FAQ
----------------------------------------------------------------------------------------------------------------*/
.faq_head {
	cursor: pointer;
	padding-bottom:0px;
	margin-bottom: 10px;
	/*color: #006633;*/
}

.faq_hover {
	color:#7aad38;
}

.faq_body {
	display:none;
	padding-bottom:20px;
	margin-bottom:18px;
}

#panel2 .faq_buttons, #panel3 .faq_buttons {
	text-align:left;
	text-transform:uppercase;
	font-size:.8em;
}

#panel2 .faq_list li, #panel3 .faq_list li {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right:0px;
}

#panel2 li.active, #panel3 li.active{
	list-style:none;
	background:transparent url(http://www.dtcc.edu/owens/theme/img/bullet_down.gif) 0 0 no-repeat;
}

#panel2 .faq_list p, #panel3 .faq_list p{
	/*background-color: #f8f8f8;*/
	background-color: #fafafa;
	padding: 15px;
	border:1px solid #e5e5e5;
}

#panel2 li.active h4, #panel3 li.active h4{
	color:#7aad38;
}

#panel2 .faq_list ol, #panel3 .faq_list ol{
	margin: 0px;
	padding: 0px;
}


/* ---------------------------------------------------------------------------------------------------------------
PDF Icon
----------------------------------------------------------------------------------------------------------------*/
/*a[href$=".pdf"] {*/
.pdf {
		padding-left: 18px;
		background: url(../img/icon_pdf.gif) no-repeat;
		}

/* ---------------------------------------------------------------------------------------------------------------
Zebra Tables
----------------------------------------------------------------------------------------------------------------*/

#zebra {
		border-right: 1px solid #deded7; 	
		border-bottom: 1px solid #deded7;
		margin-bottom: 20px;
		width: 460px;
		}
	
#zebra tr.odd{
		background-color: #f7f7f0;
		padding: 3px 8px;
		}	

#zebra tbody tr td {
		border-bottom: 0px;
		border-left: 1px solid #deded7; 
		font-family: "lucida grande", verdana, sans-serif;
		font-size: .9em;
		padding: 4px 8px;
		}	

#zebra tbody tr.selected td {
		background-color: #669966;
		border-left: 0px solid #346DBE;
		border-bottom: 0px solid #7DAAEA;
		color: #ffffff;
		font-size: .9em;
		font-weight: bold;
		}	

#audioplayer {
		padding-top: 26px;
		}

/* contact lists
NEW VERSION - nursing
----------------------------------------------- */

/* ------- with photo ------ */

dl.contactphoto {
		background: #f3f3f3 url(../img/contact_background.gif) no-repeat;
		border-bottom: 1px solid #e7e7e7;
		margin: 0 0 15px 0px;
		padding: 15px 15px 20px 18px; 
		width: 427px;
		}

dl.contactphoto dt, dl.contactnophoto dt {
		color: #006633;
		font-size: 1.1em;
		font-weight:bold;
		float: right;
		margin: 0 0 10px 0px;
		width: 323px;
		}
		
dl.contactphoto dt.campus, dl.contactnophoto dt.campus  {
		color: #666;
		font-size: 1.1em;
		font-weight:bold;
		float: right;
		margin: 0 0 10px 0px;
		width: 428px;
		text-transform:uppercase;
		}

dl.contactphoto dd {
		margin: 0 0 0 106px;
		}

dl.contactphoto dd.image {
		background-color:#fff;  
		border: 1px solid #ddd;  
		float: left;
		margin: 0;
		padding: 3px;	
		margin-top: 4px;
		width:81px;
		height:102px;
		}

div#panel2 dl.contactphoto p {
		margin: 10px 0 0px 0px;
		}

/* ------- no photo ------ */

dl.contactnophoto {
		background: #f3f3f3 url(../img/contact_background.gif) no-repeat;
		border-bottom: 1px solid #e7e7e7;
		padding: 15px 15px 17px 15px; 
		margin: 0 0 15px 0px;
		width: 430px;
		}

dl.contactnophoto dt {
		color: #006633;
		float: right;
		font-weight:bold;
		font-size: 1.1em;
		margin: 0 0 10px 0px;
		width: 424px;
		}	

dl.contactnophoto dd {
		margin: 0 0 0 6px;
		}

dl.contactnophoto br {
		line-height: 0px;
		}

div#panel2 dl.contactnophoto p {
		margin: 10px 0 0px 0px;
		}


/* ------- one column box ------ */

.box_1col h3 {
		background: url(../img/bg_1col_box_top.png) no-repeat 0px 0px;
		color: #006633;
		font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
		margin: 0 -13px 18px -13px;
		padding: 7px 13px 7px 13px;
		text-shadow: #ffffff;
		/*width:184px;*/
		width:210px;
		}
		
h3.box_1col_events {
		background: url(../img/bg_1col_box_top.png) no-repeat 0px -90px;
		}

.box_1col .title	{
		font: bold 1.2em/1.3em Arial, Helvetica, sans-serif;
		}

.line_spacer, a.line_spacer {
		border-top: 1px solid #e4e4e4;
		}
   
.box_1col	{
		float: left;
		background: #fff url(../img/bg_1col_box_btm.png) no-repeat scroll left bottom;
		margin-bottom: 20px;
		padding: 0 13px 0px 13px;
		width: 184px;
		/*display:inline;	*/
		display:inline;
		}

.box_1col p	{
		font: normal 1em/1.5em Arial, Helvetica, sans-serif;
		margin: 0px 0px 18px 0px;
		padding: 0px;
		} 

.box_image	{
		display: inline;
		float: left;
		margin: 0 13px 3px 0;
		}
		
.box_1col_img	{
		margin: -18px 0px 8px -13px;
		}		
		
/* ------- Two column box ------ */

.box_2col h3 {
		background: url(../img/bg_2col_box_top.png) no-repeat 0px 0px;
		color: #006633;
		font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
		margin: 0 -13px 18px -13px;
		padding: 7px 13px 7px 13px;
		text-shadow: #ffffff;
		width:460px
		}
		
h3.box_2col_news {
		background: url(../img/bg_2col_box_top.png) no-repeat 0px -90px;
		}

h3.box_2col_events {
		background: url(../img/bg_2col_box_top.png) no-repeat 0px -180px;
		}

h3.box_2col_drk {
		background: url(../img/bg_2col_box_top.png) no-repeat 0px -270px;
		color: #fff;
		}

.box_2col .title	{
		font: bold 1.3em/1.5em Arial, Helvetica, sans-serif;
		}

.line_spacer, a.line_spacer {
		border-top: 1px solid #e4e4e4;
		}
   
.box_2col	{
		float: left;
		background: url(../img/bg_2col_box_btm.png) no-repeat scroll left bottom;
		margin-bottom: 20px;
		padding: 0 13px 0px 13px;
		width: 434px;
		/*display:block;*/
		display:inline;	
		}
		
.box_2col_seal	{
		float: left;
		background: url(../img/bg_2col_box_btm_seal.png) no-repeat scroll left bottom;
		margin-bottom: 20px;
		padding: 0 13px 0px 13px;
		width: 434px;
		/*display:block;*/
		display:inline;	
		}

.box_2col p	{
		/*font: normal 1em/1.5em Arial, Helvetica, sans-serif;*/
		margin: 0px 0px 18px 0px;
		padding: 0px;
		} 
		
		


.print {
text-indent: -10000px;
}


/* ------- Two and one column box news curved etc ------ */		

.panel-list p, .panel-list2 p {
	margin: 3px 0 6px 0;
	padding: 0;
	font-size:1em;
	line-height:1.3em;
}

a.more {
	font-size:11px;
	color:#006633;
	margin:0px;
	padding:10px 0;
	text-decoration: none;
	float:right;
}

a:hover.more {
	text-decoration: underline;
}	

#panel3 .panel-list h4, #panel3 .panel-list2 h4, #panel4 .box_1col h4{
	margin: 12px 12px 2px 0;
	padding: 0;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
	color: #336633;
}

#panel3 .panel-list p, #panel3 .panel-list2 p {
	margin: 0px 12px 12px 0;
	padding: 0;
	font-size:.9em;
	line-height:1.4em;
}

#panel3 .panel-list img, #panel3 .panel-list2 img, #panel4 .panel-list img  {
float:left; 
border: solid 1px #efefef; 
padding:2px;
margin: 12px 13px 12px 0px;
}

#panel4 .panel-list img {
float:right; 
margin: 12px 13px 12px 12px;
}

#panel3 .panel-list em, #panel3 .panel-list2 em, #panel4 .panel-list em  {
	font-size:.9em;
	color:#999;
	font-style:normal;
	line-height:1.2em;
}

#panel3 .panel-list, #panel3 .panel-list2, #panel4 .panel-list {
	margin: 0;
	padding-bottom: 20px;
	list-style: none;
}

#panel3 .panel-list li, #panel3 .panel-list2 li, #panel4 .panel-list li {
	background: #fff;
	background-image:none;
	padding: 0px 0px 0px 13px;
	margin-left: -13px;
	border-bottom: solid 1px #efefef;
	float:left;
	width:445px;
	line-height:16px;
	margin: 0;
}

#panel3 .panel-list li, #panel4 .panel-list li {
	cursor: pointer;
}

#panel4 .panel-list li {
	width:194px;
}

#panel3 ul.panel-list, #panel3 ul.panel-list2, #panel4 ul.panel-list   {
	margin: -17px 0 0px -12px;
}



#panel3 ul.panel-list li:hover, #panel4 ul.panel-list li:hover {
	background: #f8f8fa;
}
		
		
/* ------- Two column testimonial ------ */		
#panel3 p.testimonial_top{
background-color: transparent;
background-image: url(../img/testimonial_2col_top.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
padding-top: 20px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 40px;
margin-bottom: 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
}	

div.testimonial_btm {
height: 22px;
background-color: transparent;
background-image: url(../img/testimonial_2col_bot.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
margin-bottom: 6px;
}

/* ------- Two column pull quotes ------ */
span.pulled-right {
	display: block;
	float: right;
	padding: 15px 20px 15px 15px;
	margin: 0 0 10px 15px;
	width: 170px;
	text-align: right;
	color: #666;
	border-left: 7px solid #e4e4e4;
	/*border-top: 7px solid #e4e4e4;
	border-bottom: 7px solid #e4e4e4;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	background-color: #eeeeee;
}
span.pulled-left {
	display: block;
	float: left;
	padding: 15px 15px 15px 20px;
	margin: 0 15px 10px 0px;
	width: 170px;
	text-align: left;
	color: #666;
	border-right: 7px solid #e4e4e4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	background-color: #eeeeee;
}

/* ------- Two column pull quotes ------ */
p.news_icon {
	padding-left:30px;
	background:url(../img/newspaper.png) no-repeat left top;
	font-size:.9em;
	color:#999999;
}

/*
BUTTONS
----------------------------------------------- */

.btn_more {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_more a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_more.png) no-repeat top left;
	outline:none;
}
.btn_more a:hover {
	background-position:0 -40px;
}

.btn_video {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_video  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_video.png) no-repeat top left;
	outline:none;
}
.btn_video  a:hover {
	background-position:0 -40px;
}

.btn_idea {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_idea  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_idea.png) no-repeat top left;
	outline:none;
}
.btn_idea  a:hover {
	background-position:0 -40px;
}

.btn_view {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_view  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_view_more.png) no-repeat top left;
	outline:none;
}
.btn_view  a:hover {
	background-position:0 -40px;
}

.btn_rsvp {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_rsvp  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_rsvp.png) no-repeat top left;
	outline:none;
}
.btn_rsvp a:hover {
	background-position:0 -40px;
}

.btn_donate {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_donate  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_donate.png) no-repeat top left;
	outline:none;
}
.btn_donate a:hover {
	background-position:0 -40px;
}

.btn_apply {
	display:block;
	width:185px;
	height:40px;
	text-indent:-9999px;
}
.btn_apply  a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn_apply.png) no-repeat top left;
	outline:none;
}
.btn_apply a:hover {
	background-position:0 -40px;
}

/* ---------- gallery 3 column images no background vids start here ----------------------- */
div#panel2 .gallery li, div#panel3 .gallery li {
margin: 0px 20px 0px 0px;
padding: 8px 0px 0px 0px;
background-image: none;
float: left;
position: relative;
width: 216px;
display: block;
}

div#panel2 li.end, div#panel3 li.end {
margin: 0px;
}

/* ---------- gallery style polaroid start here ----------------------- */


div#panel2 .polaroid li, div#panel3 .polaroid li {
	background: url(http://www.dtcc.edu/owens/theme/img/polaroid.jpg) no-repeat;
	padding-bottom: 26px;
}
div#panel2 .polaroid img, div#panel3 .polaroid img {
	padding: 0px 0px 4px 8px;
}
.polaroid em {
	display: block;
	text-align: center;
	font-style:normal;
}


/* ---------- Email Update Forms start here ----------------------- */

.friendsupdate h3 {
	background:#25ab68 url(http://www.dtcc.edu/owens/theme/img/friends_email_update.gif);
	color:#fff;
	display:block;
	font-size:1.2em;
	height: 91px;
	line-height:2.4em;
	margin:23px 23px 0;
	padding-left:23px;
	text-indent:-999px;
	width:162px;
}

.energyupdate h3 {
	background:#25ab68 url(http://www.dtcc.edu/energyhouse/img/energy_email_update.gif);
	color:#fff;
	display:block;
	font-size:1.2em;
	height: 91px;
	line-height:2.4em;
	margin:23px 23px 0;
	padding-left:23px;
	text-indent:-999px;
	width:162px;
}

.newsletter {
	background-color:#f4f3e7;
	border:1px solid #abcbac;
	display:block;
	font-size:1.1em;
	line-height:160%;
	margin:0px 0 23px 23px;
	padding:8px 10px 13px 13px;
	width:160px;
}

.newsletter input {
font-size:10pt; 
border:1px solid #c4be9c;
padding: 0px;
margin: 0px;
}

.submit {
margin-top: 6px;
cursor:pointer;
}

/* FORM BUTTONS */

.newsletter a, .newsletter button{
    background-color:#eae7d2;
    border:1px solid #c4be9c;
    border-top:1px solid #d7d3bc;
    border-left:1px solid #d7d3bc;
    color:#24ab68;
    cursor:pointer;
    display:block;
	font-size:12px;
	font-weight:bold;
	line-height:110%;
    margin:6px 7px 0 0;
	padding:3px 6px 4px 3px; 
    text-decoration:none;
}

button:hover, .newsletter a:hover{
    background-color:#e6efc2;
    border:1px solid #abcbac;
    color:#1b8b53;
}

.newsletter a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.newsletter button{
    width:auto;
    overflow:visible;
    padding:4px 0px 1px 3px; /* IE6 */
	/*padding:4px 10px 3px 7px; */
}

.newsletter button[type]{
    padding:2px 6px 3px 3px; /* Firefox */
	/*padding:5px 10px 5px 7px; */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:5px 6px 1px 0px; /* IE7 */
	/*padding:4px 10px 3px 7px;*/
}
.newsletter button img, .newsletter a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* single slide */
.testimonial_cycle span{
	display:none;
	position:absolute;
	top:0;
	left:0;	
	width:100%;
}
 
/* ---------- 2 Column Mini Slideshow Energyhouse ----------------------- */
.box_2col .two_col_pics_cycle    {
	height: 188px; width: 434px; padding:0; margin:0 0 4px 0; overflow: hidden;
}

div#panel3 .box_2col ul.nav_two_col_pics_cycle li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent: -9999px;
	margin: 0 0 4px 0;
	padding: 0px;
	}
	
div#panel3 .box_2col .slideshow_two_col_pics_cycle ul.nav_two_col_pics_cycle li a {
	display: block;
	background-image: url("../img/slideshow_pager.gif");
	text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
	height: 30px;
	width: 22px;
	background-position: 0px -30px;
	}
	
div#panel3 .box_2col .slideshow_two_col_pics_cycle ul.nav_two_col_pics_cycle li.activeSlide a {
	display: block;
	background-image: url("../img/slideshow_pager.gif");
	text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
	height: 30px;
	width: 22px;
	background-position: 0px 0px;
	}
	
div#panel3 .box_2col .slideshow_two_col_pics_cycle ul.nav_two_col_pics_cycle li a:hover {
	background-position: 0px 0px;
	}
	
div#panel3 .box_2col .slideshow_two_col_pics_cycle ul.nav_two_col_pics_cycle {
	margin-left: 180px;
	width: 240px;
	}

/* ---------- Smugmug ----------------------- */	
div#caption_bottom, div#albumDescription, div#albumTitle, .title {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	}
	
div#caption_bottom, div#albumDescription	{
	padding: 20px 0 20px 0;
	}
	
/* ---------- ADDTHIS Social Icons ----------------------- */	
.addthis_toolbox  {
	margin: 20px 0 0 19px;
	}
	
.addthis_toolbox a  {
	margin: 0 3px 0 0;
	}