/*
styleindex.css

 This is the stylesheet for the index page of the eniacprogrammers.org website. 
It was designed for use with the Google Event invitation.

Priscilla Holberton 10/4/07

*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #333333;
/*	font-size: 100%;*/
	text-align: center;
	margin: 0px;
	padding: 0px;
}

ul, li, p, h1, h2, h3 {
	margin: 0px;
	}
.floatright {
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.floatleft {
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.clearfloat {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
}

#container {
	
	background-color: #ffffff;
	background-color: #c4c5d2;  
 	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(images/navbg17.gif);
	background-repeat: repeat-y;
	/* added as attempt to get rid of space 10/2 */
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
 

#nav {
	width: 140px;
	font-size: 100%;
	float: left;
	padding: 5px;
	margin: 0px;
	background-color: #6266ad;
	background-image: url(images/navbg17.gif);
}


.paypal_button {
	margin-top: 6px;
}


#donate form {
	background-color: white;
	border: 1px solid #00015E;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 20px 0px;
	padding: 8px;
	text-align: center;
}

#donate select {
	font-size: 134%;
}




#nav p {
	font-size: 90%;
	margin: .25em .4em;
}

#nav a {
	color: #000093;
	text-decoration: none;
	font-weight: bold;
}

#nav a:link, #nav a:visited {
	color: #000093;
	display: block;
	padding: 3px;
}
#nav a:hover, #nav a:focus, #nav a:active {
	color: #ffffff;
	background-color: #000093;
}

#header {
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(images/blue_subheader2.jpg);  
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 145px;
}

/* this positions text in subheader bar */
#header h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 110%;
	color: #FFFFFF;
	background-position: left top;
	margin: 0px;
	padding-top: 2px;
}

#content {
	/*font-size: 90%; */
	margin-right: 0px;
  	margin-left: 155px;  
  	margin-top: 18px;  
  	margin-bottom: 18px;  
  	margin-right: 12px;  
	padding: 2px;
} 

#content-bottom {
  	margin-top: 16px;
	  padding-bottom: 16px;
/*  	margin-bottom: 16px;*/
/*	border: 1px solid green;*/
} 

#content-bottom {
	margin-left: 16px;
	margin-bottom: .5em;
}

#content-bottom ul {
	padding-left: 1em;
}





#content h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 170%;
	color:#000093;   
	padding-bottom: 0px;
	font-weight: bold;
}
  
#content h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 96%;
	color:#000093;   
	padding-bottom: 0px;
	font-weight: bold;
}

#content h3 {
	font-size: 90%;
	color:#000093;   
	padding-bottom: 0px;
	font-weight: normal;
	font-style: italic;
}


.quoteContainer {
	margin-top: 1em;
	margin-bottom: 1em;
}

.quoteContainer .quoteText {
	font-size: 110%;
	font-style: italic;
}

.quoteContainer .quoteCitation {
	margin-top: .3em;
	font-size: 84%;
	font-style: normal;
	margin-left: 1.8em;
}



/* this positions the large background image correctly */
#invitebackground {
	background-color: #c4c5d2;
	/*	background-image: url(images/big-collage-merge-opa.jpg); */
	/*background-image: url(images/big-background-eniacfw.jpg); */
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images_smk/homepage-collage.jpg);
}  

/* this positions the text in the invite box correctly - cannot be combined with invitebackground */
#invitetextbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 3em;
/*	font-size: 85%;*/
	color: #000000;
/*	margin-right: 3em;*/
	line-height: normal;
	font-style: normal;
	font-weight: normal;
/*text-align: center; */
	text-align: left;
	 width: 444px;
 }

#smkInsideInvitetextbox {
	padding-left: 8px;
	padding-right: 16px;
}

#invitetextbox p {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
}
 #invitetextbox h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-size: 150%;
	/*color: #000093; */
	/* color:#B02922; */
	  color:#000093;
	padding-bottom: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: center;
}
 
#invitetextbox h2 {
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
	text-align: center;
	font-size: 120%;
	/*color: #000093; */
	/* color:#B02922; */
	  color:#630486;
	padding-bottom: 0px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#invitetextbox h3 {
	 
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
	
	font-size: 100%;
	/*color: #000093; */
	/* color:#B02922; */
	  color:#00015E;
	padding-bottom: 2px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}

 
.women {
	 color:#630486; 

}

.box {
	border: thin solid #000093;
	background-color: #FFFFFF;
	margin: 5px;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
 
#content a:link {
	color: #000093;
	text-decoration: none;
	font-weight: bold;
}
#content a:visited {
	/*color: #660099; */
	color:#630486;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	/* color: #660099; */
	color:#630486; 
	font-weight: bold;
	text-decoration: underline;
}



p {
	margin-top: .4em;
	font-size: 90%;
	margin-bottom: .4em;
}



#footer {
	background-color: #000093;
	font-size: 70%;
	color: #FFFFFF;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
/*	margin-left: 155px;*/
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}


 /*
 #postpone {
 	text-align: left;
 	width: 450px;
 	padding: 6px;
 }
 #postpone p {
 	margin: 5px;
 	font-family: Arial, Helvetica, sans-serif;
 	color: #00015E;
 	font-size: 85%;
 	font-weight: bold;
 }
 #postpone h2 {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 120%;
 	color: #630486;
 }
 */ .intro {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3em;
} 







#skEventsContainerOuter {
	border: thin solid red;
	background-color: #FFFFFF;
	margin: 5px 10px;
	padding: 8px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
/*	filter: alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
*/}

#skEventsContainerInner {
/*	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
*/}


#skEventsContainerInner h2 {
	color: red;
	font-size: 110%;
	text-align: left;
	margin-top: .5em;
	padding-top: 0px;
}

#skEventsContainerInner h2.first {
	margin-top: 0em;
	padding-top: 0em;
}


#skEventsContainerInner h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: .6em;
	font-size: 94%;
}

#skEventsContainerInner h3.first {
	margin-top: 0em;
	padding-top: 0em;
}

/*#skEventsContainerInner h3 img {
	margin-bottom: 4px;
}
*/
#skEventsContainerInner .imgDiv {
/*	border: 1px solid red;*/
/*	float: right;*/
	text-align: center;
	margin: 4px 3px 3px 8px;
}

#skEventsContainerInner p {
	margin-top: 0px;
	margin-left: 1em;
	margin-right: .5em;
	padding-top: 0px;
	text-align: justify;
	font-size: 88%;
}

#skEventsContainerInner #testimonialsTable p {
	margin-left: .5em;
	text-align: left;
}

#skEventsContainerInner #testimonialsTable p.quote {
	font-style: italic;
}

#skEventsContainerInner #testimonialsTable p.cite {
	margin-left: 6em;
	font-size: 86%;
}

#skEventsContainerInner #testimonialsTable .keyImg {
	text-align: center;
	margin-top: 2em;
}






.skTextClean {
	font-style: none !important;
	font-weight: normal !important;
}

#skEventsContainerInner a {
	text-decoration: underline !important;
	font-style: none !important;
	font-weight: normal !important;
}


#skEventsContainerInner img {
	border: 0px;
}


.skItemIsDead {
	filter:alpha(opacity=58);
	-moz-opacity: .58;
	opacity: .58;
}




.intro {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3em;
}

 
div.figure {
	float: right; 
	width: 400px;
	margin: 5px 10px 5px 10px;
}

div.figure2 {
	float: right; 
	width: 345px;
	margin: 5px 10px 5px 10px;
}

div.figure3 {
	float: right; 
	width: 250px;
	margin: 5px 10px 5px 10px;
}

div.figure4 {
	float: left; 
	width: 150px;
	/*margin: 15px 10px 5px 10px; */
	margin: 5px 10px 5px 10px;
}

.figure img {
/*	border: 1px solid #666; */
	/*padding: 10px; */
}



.figure p, .figure2 p, .figure3 p, .figure4 p  {
	color: #000093;
	text-align: center;
	background-color: #e6f3ff;
	background-color: #e3e3f0;
	border: 1px dashed #666;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	padding: 5px;
	margin: 10px 0 0 0;  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	line-height: normal;
	font-weight: normal;
}

 

.contact {
	font-size: 110%;
	font-weight: bold;
}

.support {
	font-weight: bold;
	color: #000093;
}

.designer {
	border: 1px solid #000093;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px;
	padding: 8px;
	font-size: 90%;
	background-color: #e3e3f0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#EMAIL_divOuter {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

#EMAIL_divInner {
	text-align: center;
	width: 500px;
	/*padding-top: 12px;
	padding-bottom: 12px; */
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

#EMAIL_form {
	margin-bottom: 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-size: 10px; */
}

#EMAIL_textLabel {
	font-size: 20px;
	font-weight: bold;
	color: #000093;
}

#EMAIL_inputText {
	border: 1px solid #999999;
}