@charset "UTF-8";
/*
Theme Name: Maryland Lottery
Theme URI: http://www.mdlottery.com
Description: Interim MdLottery.com Home Page
Version: 1.0
Author: Al Yukna [HTML/CSS] / Brent Williams [Design]
Author URI: http://www.gkv.com/

-- NOTE: Wordpress's default CSS structure is horrible. This seeks to reset, then establish some base rules...then, in Structure, 
define those elements relevent to a given Structure "area" specific CSS declaration needed in only that area...CASCADE down through the elements
needing styling as they apppear both symentically and visually. Simple, right?


-- BRAND FONTS + COLORS:
		FONT: Define Brand Fonts Here
		COLORS: 
			- NAV-TOP: #FFF
			- NAV-LEFT: #2f5679 (Blue BG) w/ #FFF / HOVER: #ffcc33 (Yellow BG) w/ #cc00000 (Red)
			- LINKS: #333, #2f5679 (Dark Blue)
			- HEADERS: #2f5679 (Dark Blue)
			- TEXT: #333
			
-- STRUCTURE OVERVIEW:
		This Template seeks to be 980px wide, centered with auto height / 2 column with Sidebar on right side
			


LEGEND:
1. REST ALL HTML ELEMENTS (meyerweb.com version)
2. BASE TYPOGRAPHY
3. STRUCTURE: Header, Breadcrumbs, Content, Sidebar (Right), Footer


*/



/* ---------- RESET ALL HTML ELEMENTS ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- /RESET ALL HTML ELEMENTS ---------- */





/* ---------- BASE TYPOGRAPHY ---------- */
body {
	font-size: 12px; /* Resets 1em to 12px */
	font-family:  Arial, Helvetica, Sans-Serif;
	color: #333;
	line-height: 1.1em;
}
h1, h2, h3 {
	font-weight: bold;
	color: red;
}

	h2 {
		font-size: 1.6em;
		margin: 0px 0 0 0;;
		padding-bottom: 6px;
		margin: 12px 0 20px 0;
		border-bottom: 1px solid blue;
	}
	h3 {
		font-size: 1.3em;
		margin: 12px 0 20px 0;
	}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

a {
	color: #2f5679;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a:visited {
		/*color: #999;*/
	}
	a img {
		border: none;
	}
	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
blockquote, strike {
	color: #777;
}
blockquote {
	margin: 1.1em 0 1.1em 40px;
	border-left: 1px solid #333;
	padding-left: 12px;
}
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
strong { color: #2f5679; }

	
	/* ---------- BASE CLASSES ---------- */

	
	.hidy {
		display: none;
	}
	.clear {
		clear: both;
	}
	
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	a.arrow_link {
		background: url('images/page_elements/mdl_red_arrow.gif') top left no-repeat;
		padding: 0 0 0 12px;
	}
		a.arrow_link:visited {
			/*color: #CCC !important;*/
		}
	
	/* ---------- /BASE CLASSES ---------- */
	


/* ---------- /BASE TYPOGRAPHY ---------- */




/* ---------- STRUCTURE ---------- */

	/* ---------- BODY ---------- */
	body {
		text-align: center;
		background: url('images/tiles/mdl_body_tile.jpg') #FFF repeat-x;
	}
	/* ---------- /BODY ---------- */

	/* ---------- CONTAINER ---------- */
	div#container {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	#container {
		width: 960px;
		height: auto;
		overflow: hidden;
		background: url('images/tiles/mdl_container_bg.jpg') #FFF 0 0 no-repeat;
	}
	/* ---------- /CONTAINER ---------- */

	/* ---------- HEADER ---------- */
	#header {
		position: relative;
		display: block;
		
		height: 144px;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/*background: url('images/titles/tile_image.jpg') #bg_color repeat-x;*/
		/*background-color: #CCC;*/
	}
	
		#header h1 {
	
		}
		#header h1 a  {
			z-index: 99;
			position: relative;
			display: block;
			text-align: center;
			padding: 15px 0 0 10px;
		}
		#header img.align_left  {
			z-index: 99;
			position: absolute;
			display: block;
			width: 103px;
			height: 83px;
			left: 0;
			top: 17px;
			padding: 0px 0 0 0px;
		}
		#header img.align_right  {
	z-index: 99;
	position: absolute;
	display: block;
	width: 230px;
	height: 74px;
	right: 0;
	top: 20px;
	padding: 0px 0 0 0px;
		}
	
			/* STATE NAV */
			#header ul#nav_state {
	z-index: 99;
	position: absolute;
	display: block;
	right: 0px;
	top: 5px;
	width: 500px;
	height: 20px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
			}
				#header ul#nav_state li {
	float: right;
	padding: 0 0px 0 12px;					/*background: url('images/nav/nav_pipe.jpg') right no-repeat;*/
				}
					#header ul#nav_state li a {
						font-size: .8em;
						color: #a3282b;
					}
						/* NAV HOVER PROPERTIES + DEFAULT WORDPRESS ACTIVE CLASS NAMES */
						#header ul#nav_state li a:hover, #header ul#nav_state li.current_page_item a, #header ul#nav_state li.current_page_parent a {
							text-decoration: none;	
							color: #CCC;
						}
		
		
		
		/* HEADER NAV + SEARCH */
		#header ul#nav {
			z-index: 99;
			position: absolute;
			display: block;
			left: 0;
			top: 80px;
			width: 100%;
			height: 50px;
			list-style: none;
			margin: 0 0 0 0;
			padding: 40px 0 0 24px;
		}
			#header ul#nav li {
				float: left;
				padding: 0 20px 0 0px;
				/*background: url('images/nav/nav_pipe.jpg') right no-repeat;*/
			}
				#header ul#nav li a {
					font-size: .9em;
					color: #FFF;
				}
					/* NAV HOVER PROPERTIES + DEFAULT WORDPRESS ACTIVE CLASS NAMES */
					#header ul#nav li a:hover, #header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a {
						text-decoration: none;	
						color: #CCC;
					}
					
		/* SEARCH */
		#header #searchform {
			z-index: 50;
			position: absolute;
			display: block;
			left: 654px;
			top: 30px;
			width: 300px;
			height: 30px;
			margin: 0 0 0 0;
			padding: 5px 20px 3px 5px;
			text-align: right;
		}
	
			#header #sidebar #searchform #s {
				width: 108px;
				padding: 2px;
			}
			
			#header #sidebar #searchsubmit {
				padding: 1px;
			}
			
		
	/* ---------- /HEADER ---------- */
	
	/* ---------- BREADCRUMBS ---------- */	
	#breadcrumbs {
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		text-align: right;
		padding: 16px 20px 0 0;
		font-size: 1em;
	}
		#breadcrumbs a { padding: 0 10px 0 10px; }
	/* ---------- /BREADCRUMBS ---------- */	
	
	
	
	/* ---------- CONTENT ---------- */
	#content {
		position: relative;
		float: left;
		display: inline;
		/*width: 60%;  760 total with L/R padding */
		width: 488px;/* 528 - 40px in padding */
		min-height: 400px;
		padding: 0px 0px 10px 20px;
		margin: 116px 0 0 0;
		text-align: center;
	}
		#content_flash { /* WHEN FLASH IS USED AS STRUCTURE- DEFAULT CONTENT DIV REMAINS WITH FLASH GETTING WRITTNE INTO FLASH DIV */
			position: relative;
			display: block;
			float: left;
			width: 60%;
			min-height: 400px;
			padding: 0;
			margin: 0;
		}
		#content_home { /* HOME FLASH PIECE TAKES UP WHOLE MID SECTION? */
			position: relative;
			display: block;
			float: left;
			width: 60%;
			min-height: 400px;
			padding: 0;
			margin: 0;
		}
		
			/* ---------- CONTENT CLASSES ---------- */	
			
				/* -- WP DEFAULT: CONTENT > POST ENTRY */
			
			
				/* THESE AREN'T NEEDED- IF WE DON'T NEED THE LEFT SIDEBAR, WE DON'T CALL FOR IT- CONTENT FLOATS LEFT
				.narrowcolumn {
					float: left;
					padding: 0 0 20px 45px;
					margin: 0px 0 0;
					width: 450px;
				}
				.widecolumn {
					padding: 10px 0 20px 0;
					margin: 5px 0 0 150px;
					width: 450px;
				}
				.widecolumn .post {
					margin: 0;
					}
				
				.narrowcolumn .postmetadata {
					padding-top: 5px;
					}
				
				.widecolumn .postmetadata {
					margin: 30px 0;
					}
				
				.widecolumn .smallattachment {
					text-align: center;
					float: left;
					width: 128px;
					margin: 5px 5px 5px 0px;
				}
				
				.widecolumn .attachment {
					text-align: center;
					margin: 5px 0px;
				}
				
				.postmetadata {
					clear: both;
				}
				*/
			/* ---------- POST ---------- */	
			
			.post {
				position: relative;
				display: block;
				float: left;
				margin: 1.1em 0 1.1em 0;
				padding: 20px;
				text-align: center;
			}
			
				.post ol, .post ul {
					list-style: disc;
					margin-left: 40px;
				}
				.post hr {
					display: block;
				}
				
				/* IMAGES IN POSTS - THESE ARE STANDARD WP OUTOUT CLASSES - MUST REMAIN! */
				.post p img, .post h3 img {
					text-align: center;
					padding: 0;
					max-width: 100%;
					border: 1px solid #002d69;
					}
				
				
				
				.post img.alignright {
					padding: 0px;
					margin: 0 0 2px 7px;
					display: inline;
				}
				
				.post img.alignleft {
					padding: 0px;
					margin: 0 10px 2px 0;
					display: inline;
				}
				
				.post .alignright {
					float: right;
				}
				
				.post.alignleft {
					float: left
				}
				/* /IMAGES */
				
					.entry h3 {
						
					}
					.entry p {
						line-height: 1.1em;
						margin-bottom: 1.1em;
					}
					.entry p a:visited {
						color: #b85b5a;
					}
			
			
			
			
	/* ---------- /CONTENT ---------- */
	
	/* ---------- SIDEBAR ---------- */
	#sidebar_left {
		position: relative;
		display: block;
		float: left;
		/*width: 20%;  220 total with L/R padding */
		width: 216px;
		min-height: 400px;
		padding: 0px;
		margin: 0;
		/*background: url('images/titles/tile.jpg') top repeat-x;*/
		/*background-color: #CCC;*/
		font-size: .9em;
		text-align: left;
	}
	#sidebar_right {
		position: relative;
		display: block;
		float: right;
		/*width: 20%;  220 total with L/R padding */
		width: 216px;
		min-height: 400px;
		padding: 12px 0 0 0;
		margin: 20px 0 0 0;
		/*background: url('images/titles/tile.jpg') top repeat-x;*/
		/*background-color: #CCC;*/
		font-size: 1em;
		text-align: left;
		background: url('images/page_elements/mdl_sidebar_rule2.gif') top no-repeat;
	}
		#sidebar_right p { padding-left: 4px;}
		#sidebar_right a {
			color: #2f5679;
			font-weight: bold;
			text-decoration: underline;
		}
			#sidebar_right a:hover { text-decoration: none; color: #999;}
	
	
	.sidebar {
		/*border-bottom: 1px solid red;*/
		
	}
	.sidebar .red { color: #cc0000; }
	
	.sidebar table {
		font-size: 0.9em;
		background: url('images/page_elements/mdl_sidebar_rule2.gif') top no-repeat;
		display: block;
		margin: 0 0 12px 0;
	}

	.sidebar table td { padding: 4px 0 6px 0; font-weight: bold; }
	.sidebar table th { color: #2f5679; font-weight: normal; padding-top: 10px;}
	.sidebar table tr.bot { width: 216px; background: url('images/page_elements/mdl_sidebar_rule3.gif') bottom no-repeat; }
		.sidebar table.table_216_bg {
			background: url('images/tiles/mdl_table_216_bg.gif') top no-repeat;
			font-weight: normal;
		}
			.sidebar table.table_216_bg td { font-weight: normal; font-size: .9em; padding-bottom: 10px; }
			.sidebar table.table_216_bg tr.bot { width: 216px; background: url('images/page_elements/mdl_sidebar_rule.gif') bottom no-repeat; }
				.sidebar table.table_216_bg td strong { font-weight: bold; font-size: 1.3em; }
			
	
	.sidebar hr {
		display: block;
		height: 2px;
		width: 216px;
		border: 0px none;
		margin: 10px 0 10px 0;
		background: url('images/page_elements/mdl_sidebar_rule.gif') 0 0 no-repeat;
	}
	.sidebar img.align_left { float: left; margin: 0 8px 0 8px; }
	.sidebar form {
		margin: 0;
	}
		.sidebar h3 {
			display: block;
			color: #333;
			padding: 0;
			margin: 0 0 0 10px;
		}
		
		
		/* DEFAULT UL BEHAVIORS */
		.sidebar ul, .sidebar ul ol {
			margin: 0;
			padding: 0;
		}
			.sidebar ul {
				margin: 12px 0 12px 6px;
			}
				.sidebar ul li {
			
				}
					.sidebar ul li a {
						display: block;
						margin-bottom: 6px;
						color: #333;
						font-size: 1.2em;
					}
						.sidebar ul li a:hover, .sidebar ul li.current_page_item a, .sidebar ul li.current_page_parent a {
							/*background: url('images/misc/sidebar_arrow.jpg') 0 0 no-repeat;*/
							text-decoration: underline;
						}
						
						
						/* SIDEBAR NAV */
						.sidebar ul#left_nav {
							margin: 60px 0 12px 0;
						}
						.sidebar ul#left_nav li a {
							display: block;
							background-color: #2f5679;
							color: #FFF;
							width: 210px;
							padding: 4px 0 2px 6px;
							margin-bottom: 4px;
							font-size: 1.2em;
							font-weight: normal;
						}
							.sidebar ul#left_nav li a:hover, .sidebar ul#left_nav li.current_page_item a, .sidebar ul#left_nav li.current_page_parent a {
								background-color: #ffcc33;
								color: #cc0000;
								text-decoration: none;
							}
				
						
						
						/* SIDEBAR NAV */
						.sidebar ul#left_nav_2 {
							margin: 10px 0 12px 0;
						}
						.sidebar ul#left_nav_2 li a {
							display: block;
							background-color: #2f5679;
							color: #FFF;
							width: 210px;
							padding: 4px 0 2px 6px;
							margin-bottom: 4px;
							font-size: 1.2em;
							font-weight: normal;
						}
							.sidebar ul#left_nav_2 li a:hover, .sidebar ul#left_nav li.current_page_item a, .sidebar ul#left_nav li.current_page_parent a {
								background-color: #ffcc33;
								color: #cc0000;
								text-decoration: none;
							}
				
				
				
				/* SIDEBAR - SUB NAV BITS */
				
				.sidebar ul li ul, .sidebar ul li ul li, .sidebar ul li ul li.page_item {
					/*list-style: none inside !important;*/
				}
				.sidebar ul li ul {
					padding: 0;
				}
					.sidebar ul li ul li a {
					
					}
						.sidebar ul li ul li a:hover, .sidebar ul li ul li.current_page_item a, .sidebar ul li ul li.current_page_parent a {
							/*background: url('images/misc/sidebar_arrow.jpg') 0 0 no-repeat;*/
							text-decoration: underline !important;
						}
	
	/* ---------- /SIDEBAR ---------- */
	
	

	/* ---------- FOOTER ---------- */
	#footer {
		position: relative;
		display: block;
		width: 100%;
		height: 100px;
		clear: both;
		text-align: center;
		margin: 0 0 20px 0;
		/*background-color: #CCC;
		background: url('images/titles/footer_tile.jpg') repeat-x #bg_color;*/
	}
		
			#footer ul#footer_nav {
				position: relative;
				display: block;
				float: left;
				width: 100%;
				padding: 12px;
			}
				#footer ul#footer_nav, #footer ul#footer_nav li {
					list-style: none;
					display: inline;
				}
				#footer ul#footer_nav li {
					padding: 0;
				}
				
				#footer ul#footer_nav li a {
					padding: 0 4px 0 4px;
					COLOR: #333;
				}
				#footer ul#footer_nav li a:hover, #footer ul#footer_nav li a.active {
					text-decoration: none;
					color: #2f5679;
				}
				
				/* NAV 2 */
				#footer ul#footer_nav2 {
					position: relative;
					display: block;
					float: left;
					width: 100%;
					padding: 0px 0 12px 0;
					color: #2f5679;
				}
					#footer ul#footer_nav2, #footer ul#footer_nav2 li {
						list-style: none;
						display: inline;
					}
					#footer ul#footer_nav2 li {
						padding: 0;
					}

					#footer ul#footer_nav2 li a {
						padding: 0 4px 0 4px;
						color: #2f5679;
					}
					#footer ul#footer_nav2 li a:hover, #footer ul#footer_nav2 li a.active {
						text-decoration: none;
						color: #333;
					}
				
				#footer p {
					margin: 0;
					padding: 0;
					text-align: center;
					font-size: .9em;
				}
					#footer p.blue { color: #2f5679; padding: 0 0 10px 0;}
			
	/* ---------- /FOOTER ---------- */
	
	
/* ---------- /STRUCTURE ---------- */




/* ---------- CONTENT SLIDER ---------- */
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 488px;
	height: 365px; /* Set height to be able to contain height of largest content shown*/
	background-color: #FFF;
	overflow: hidden;
}

.glidecontent{ 
	position: absolute;  /*Do not change this value */	
	background: #000;
	padding: 0px;
	text-align: center;
	visibility: hidden;
	width: 488px;
	height: 340px;


}

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 488px;
	height: 24px;
	/*border-top: 1px solid #FFF;*/
	text-align: center;
	background: #333; 
	color: #FFF;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 4px 0px 4px 0px;
	overflow: hidden;

}

.glidecontentslash{
position:relative;
top: 4px;
padding: 4px 0px 0px 0px;
}

.glidecontenttoggler a { /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
/*border: 1px solid black;*/
color: #ffcc33;
height: 15px;
padding: 4px 4px 0px 4px;
margin-right: 4px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	background-color: #333;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
/*background: #1A48A4;
color: white;*/
}