/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 213 2009-09-17 04:10:02Z emartin24 $
 *
 */


h3 {color:#ff6600; font-size:14px; padding:0; margin:0;}
#basic-modal-content {display:none;}
#basic-modal-projects-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:720px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#simplemodal-container #basic-modal-projects {padding:8px;}


/*GALLERY*/

ul {float:left;}

*{margin:0;padding:0}

.caption{
font-size:14px;
color:#636363;
background:#fff;
width:640px;
}



.gallery_demo li

{width:68px;
height:53px;
border:4px solid #fff;
margin: 0 2px;
background:#000000;
list-style-type:none;
list-style-position:inside;
float:left;
}


.gallery_demo li div .caption{
font:italic 0.7em/1.4 georgia,serif;
background-color:#fff;
text-align:left;
margin-top:650px;
margin-bottom:5px;
}


#main_image{
margin-bottom:30px;
background:black;
float:left;
width:640px;
height:480px;

}

#gallery_demo{

height:480px;background-color:red;
 
 }
/*
#main_image img{
margin-bottom:10px;
float:left;
}
*/






body {

background: #ffffff;

margin: 0px; 
padding: 0px;
margin-left: auto; 
margin-right: auto;
font-family: arial, sans-serif;
font-size: 14px;
padding:20px;
color: black;}

#container {
margin: 0px auto 0px auto;
text-align: left;
width: 60%;
height:100%;
} 


/* Formatting */

.dd_teaching_initial {

color:#ffffff;font-weight:bold;

}

h1 {

font-family: arial, sans-serif;font-size: 16px;
	color: #ff6600;
}

.initial {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #000;
	
}

.dd_info_initial {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	
}

.dd_selected {

	font-weight: bold;
}

.dd_selected_subnav {

	color: #ff6600;
}


.dd_copy {

	font-size: 12px;
}


    hr.hr3 {
      border: 1px solid #000;
      color: #ffffff;
      background-color: #ffffff;
      height: 1px;
	  margin-top:3px;
	  margin-bottom:3px;
    }

.dd_italics {font-style: italic; } 





a:link {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #a8a8a8;
	
}

a:visited {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	
}
a:link:hover, a:visited:hover {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color:#ff6600;

	
}



/*
.dd_copy a:link {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #000;
	
}

.dd_copy a:visited {
	text-decoration: none;
	font-family: Arial;

	font-size: 10px;
	color: #000;
	
}
.dd_copy a:link:hover, .dd_copy a:visited:hover {
	text-decoration: none;
	font-family: Arial;

	font-size: 10px;
	color:#000;

	
}


*/


.dd_more a:link {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #660066;
	
}

.dd_more a:visited {
	text-decoration: none;
	font-family: Arial;

	font-size: 10px;
	color: #cc6600;
	
}
.dd_more a:link:hover, .dd_copy a:visited:hover {
	text-decoration: none;
	font-family: Arial;

	font-size: 10px;
	color:#ff6600;

	
}


.dd_teaching a:link {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	
}

.dd_teaching a:visited {
	text-decoration: none;
	font-family: Arial;

	font-size: 14px;
	color: #ccff99;
	
}
.dd_teaching a:link:hover, .dd_copy a:visited:hover {
	text-decoration: none;
	font-family: Arial;

	font-size: 14px;
	color:yellow;



#simplemodal-container p a:link {
	text-decoration: none;
	font-family: Arial;

	font-size: 14px;
	color: #ffff00;
	
}

#simplemodal-container p a:visited {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #cc6600;
	
}
#simplemodal-container p a:link:hover {
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color:#660066;


	
}