@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
	background-color: #FFF;
	background-image: url(stgbg123.jpg)  ;
	background-repeat: no-repeat;
	background-position: center top;
}
a:link {color: #164475; text-decoration:none;
}
	
a:visited {
	color: #164475; text-decoration:none;
		
}
a:hover {color:  #bdf50e;text-decoration:none;



 }
a:active {
	color: #bdf50e; text-decoration:none;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #ea292a;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
.Body-P
        {
        margin:0.0px 0.0px 12.0px 0.0px; text-align:left; font-weight:400; 
        }
.Body-P0
        {
        margin:0.0px 0.0px 12.0px 0.0px; text-align:center; font-weight:400; 
        }
.Body-C
        {
        font-family:"Verdana", sans-serif; font-size:40.0px; 
        line-height:1.20em; 
        }
.Body-C0
        {
        font-family:"Verdana", sans-serif; font-size:16.0px; 
        line-height:1.13em; 
        }
.Body-C1
        {
        font-family:"Verdana", sans-serif; font-weight:700; font-size:16.0px; 
        line-height:1.13em; 
        }
		


	
				



	
#container {
	background-image:url(2013stgeo.jpg);
	background-repeat:no-repeat;
	width: 750px; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container_2 {
	position:relative;
	background-image:url(events-sched1a.jpg);
	background-repeat:no-repeat;
	width: 750px; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#top {
	background-image:url(events-sched1a.jpg);
	
	
}
#div-1 {
	background:#fff;
	background-repeat:no-repeat;
	position:absolute;
	padding-left:20px;
	padding-top:10px;
	top:0px;
	left:15px;
	width:300;
	height:60;
	font-size:18px;
	color:#164475;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
}
#div-1 link {
	text-decoration:none;
}
#div-2 {
	background:url(but2.png);
	background-repeat:no-repeat;
	position:absolute;
	padding-left:45px;
	padding-top:10px;
	top:30px;
	left:170px;
	width:144;
	height:38;
	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
}
#div-2 link {
	

	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
	
	
}

#div-3 {
	background:url(but2.png);
	background-repeat:no-repeat;
	position:absolute;
	padding-left:50px;
	padding-top:10px;
	top:100px;
	left:25px;
	width:144;
	height:38;
	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
}
#div-3 link {
	

	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
	
	
}

#div-4 {
	background:url(but2.png);
	background-repeat:no-repeat;
	position:absolute;
	padding-left:45px;
	padding-top:10px;
	top:100px;
	left:175px;
	width:144;
	height:38;
	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
}
#div-4 link {
	

	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
	
	
}

#div-5 {
	background:url(but2.png);
	background-repeat:no-repeat;
	position:absolute;
	padding-left:45px;
	padding-top:10px;
	top:100px;
	left:325px;
	width:144;
	height:38;
	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
}
#div-5 link {
	

	font-size:15px;
	color:#CF0;
	line-height:1.2em;
	font-weight: bolder;
	font-family: "Myriad Web Pro";
	
	
}


#lottery {
	
	position: absolute;
	background-image:url(lotterypic.jpg);
	width:155px;
	height:105px;
	top:530px;
	left:500px;
}
#free {
	position: absolute;
	background-image:url(free3.png);
	background-repeat:no-repeat;
	width:750px;
	height:53px;
	top:700px;
	left:7px;
}
	
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#sched-title {
	font-size:18px;
	color:#FFF;
	text-align:center;
	font-family:"Myriad Web Pro";
	font-weight:bold;
	text-shadow: 1px 1px #666;
}
#links {
	font-size:19px;
	color:#194373;
	text-align:center;
	font-family:"Myriad Web Pro";
	font-weight:bold;
	
}
	

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}
	
	#schedule {
		
	
	
	position:absolute;
	padding-left:45px;
	padding-top:10px;
	top:180px;
	left:25px;
	width:144;
	height:38;
	font-size:15px;
	color:#174475;
	line-height:1.2em;
	font-weight: bold;
	font-family: "Myriad Web Pro";
}

.row_even {
	color : #174475;
	font-family: "Myriad Web Pro";
	font-weight : bold;
	font-size : 18px;
	text-align : left;
	overflow : visible;
	border-style : none;
	padding : 10px 5px 3px 5px;
	border-width : 2px 2px 2px 2px;
	margin : 10px 0px 0px 0px;
}
.row_even a{
	color : #000000;
	text-decoration : none;
}
.row_even a:hover{
	color : #990033;
}
.row_even a:visited{
	color : #000000;
}
.row_even h1{
	font-weight : normal;
	font-family:"Myriad Web Pro" ;
}
.row_odd {
	color : #174475;
	font-family: "Myriad Web Pro";
	font-weight : bold;
	font-size : 18px;
	text-align : left;
	
	overflow : visible;
	border-style : none;
	padding : 10px 7px 5px 7px;
	border-width : 0px 0px 0px 0px;
	margin : 10px 0px 0px 0px;
}

#custom {
		background-image:url(poster%202.png);
		width:512px;
		height:531px;
		padding:5px;
	}
	
	#custom div.close {
		right:-15px;
		top:-10px;
	}
	
	#evsched {
		background-image:url(evsched.png);
		color:#fff;
		
	}
	
	#apple {
		background-image:url(http://static.flowplayer.org/img/overlay/apple.png);
		color:#fff;
		padding:50px 70px;
	}

body {
	padding: 50px;
	margin: 0;
}

.button {
    padding: 4px 10px;
    display: inline;
    background: #fd0c0c url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }