@charset "utf-8";
/***************************************************
	Default Style Sheet
****************************************************/ 


/********************************************
   HTML ELEMENTS
********************************************/ 

/* Standardization and Setup */
* { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; border: 0; outline: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; }
ul {margin:0; }
ul li {margin:0 0 10px 0; list-style:disc; list-style-position: inside;}
ol, ol li { list-style-position: inside; }
ul, dl { list-style-type: none; }
h1, h2, h3, h4, p, ol, ul, dl, hr, blockquote { margin: 10px 0; }
p img { margin: 1em; float: left; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

b {font-weight:bold;}
p {margin-top:10px;}
small {font-size:0.8em; line-height:12px;}
small a{font-size:0.8em; line-height:12px;}

body {text-align:center; color: #4c4c4c; font-size:13px; line-height:18px; background: #0f63ad url('media/images/bg.jpg') no-repeat; background-position: top center;}

/* links */

a, a:visited { color: #0a5dad; text-decoration: underline; font-weight:bold; line-height:25px; }
a:hover { color: #90a749; text-decoration: none; }

/* headers and text */
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {font-size: 20px; color: #0a5dad; font-weight:bold; margin-bottom:2px;}
h2 {font-size: 120%; color: #ffffff; font-weight:bold; margin-top:0px; margin-left:15px; text-indent:-9999px; display:block; width:247px; height:24px;}
h3 {font-size: 14px; color:#0a5dad; font-weight:bold; margin-bottom:5px; margin-top:20px;}
h4 {font-size: 14px; color:#90a749; font-style:italic; font-weight:bold; margin-top:0px; margin-bottom:0px;}

body#resources_page h2 { background:url('media/images/titles/side_resources.jpg') no-repeat;}
body#talking_to_kids_page h2 { background:url('media/images/titles/side_talking_to_kids.jpg') no-repeat;}
body#about_page h2 { background:url('media/images/titles/side_about_great_citizens.jpg') no-repeat;}

/********************************************
   LAYOUT
********************************************/ 


#container {width:953px; margin:auto; text-align: left; }
#header {margin-top: 0px; height: 89px; background:url('media/images/header.jpg') no-repeat;}
#menu { height: 89px; width:915px; background:url('media/images/menu.jpg') no-repeat; margin: 5px 0px 0px 18px; padding:0; }

#content {float:left; display:inline; width:953px; margin-top:0px; background:#fff;}
#left_content {width:284px; text-align:left; margin:0 auto 35px 22px; float:left; display:inline; margin-top:0px; }
#text_box1 {width:240px; height:96px; background:url('media/images/lets_work.jpg') no-repeat; padding:40px 25px;}
#text_box2 {width:253px; height:241px; background:url('media/images/quick_links.jpg') no-repeat; padding:45px 25px;}
#right_content {margin:0 0 35px 325px; width:590px; min-height: 590px;}
#right_content img#cta_footer {margin-left:40px;}

#internal_text_box {background:url('media/images/internal_text_bg.jpg') no-repeat; width:271px; text-align:left; height:472px; border-top:1px solid #fff;}
#internal_text_box h2 {margin-top:8px; margin-left:20px;}
#internal_text_box p {margin-top:20px; margin-left:20px; width:240px;}
/*#main_flash {padding:0; width:604px; height:242px; display:block; float:left; clear:left; display:inline;}*/
#cta {width:604px; height:216px; margin:0px; padding:0;}

body#index_page #left_content {margin:20px auto auto 17px;}
body#fun_zone_page #right_content {margin:0 0 35px 355px;}
body#index_page #right_content {margin:0 0 35px 325px;}

ul#cta_list { margin:0 0 0 40px;  list-style:none;}
ul#cta_list li {float:left; border: none; display:inline; list-style:none; margin:0;}
li#talk_voting {width:274px; height:112px; margin: 0 0 0 40px; background:url('media/images/cta/talk_voting.jpg') no-repeat; text-indent:-9999px;}
li#watch_movie {width:285px; height:112px; background:url('media/images/cta/watch_movie.jpg') no-repeat; text-indent:-9999px;}
li#fun_zone {width:274px; height:112px; margin: 0 0 0 40px; background:url('media/images/cta/fun_zone.jpg') no-repeat; text-indent:-9999px;}
li#run_vote_win {width:285px; height:112px; background:url('media/images/cta/run_vote_win.jpg') no-repeat; text-indent:-9999px;}
ul#cta_list a {display: block; width:270px; height:112px;}

#footer {background-color:#a1b564; height: 160px; min-height: 160px; margin: auto; text-align:center; color:#FFF; width:952px; clear:both; padding-top:10px; }
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

body#index_page #footer {margin-top:15px;}

#movie_placeholder {margin-left:55px;}
#watch_video_cta {margin-left:29px;}

.image_right {float:right; margin-left:15px; margin-top:0px;}
.image_left {float:left; margin-right:15px; margin-top:0px;}
/********************************************
   NAVIGATION
********************************************/ 

/*MAIN menu*/
ul#topnav {height:89px; margin-top:0px; float:left; display:inline; padding:0;}
ul#topnav li { float: left; border: none; list-style-type:none; display:inline;}
ul#topnav li a { display: block; padding: 0; height: 89px;  text-indent:-9999px;}

a#home_link { background:url('media/images/menu.jpg') -21px 0px no-repeat; width:114px; height:89px; overflow:hidden; margin-left:21px;}
a#about_link { background:url('media/images/menu.jpg') -135px 0px no-repeat; width:265px; height:89px; overflow:hidden;}
a#great_citizens_link { background:url('media/images/menu.jpg') -400px 0px no-repeat; width:208px; height:89px; overflow:hidden;}
a#resources_link { background:url('media/images/menu.jpg') -608px 0px no-repeat; width:144px; height:89px; overflow:hidden;}
a#fun_zone_link { background:url('media/images/menu.jpg') -752px 0px no-repeat; width:120px; height:89px; overflow:hidden;}

a#home_link:hover {background-position: -21px -91px;}
a#about_link:hover {background-position: -135px -91px;}
a#great_citizens_link:hover {background-position: -400px -91px;}
a#resources_link:hover {background-position: -608px -91px;}
a#fun_zone_link:hover {background-position: -752px -91px;}

body#index_page a#home_link {background-position: -21px -180px;}
body#about_page a#about_link {background-position: -135px -180px;}
body#talking_to_kids_page a#great_citizens_link {background-position: -400px -180px;}
body#resources_page a#resources_link {background-position: -608px -180px;}
body#fun_zone_page a#fun_zone_link {background-position: -752px -180px;}

/*END NAVIGATION*/

div#overlay { width: 100%; height: 100%; margin: 0; padding: 0px; background: transparent; position: absolute; top: 0px; right: 0px; z-index: 500; text-align: center; }
div#overlay_bg { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; position: absolute; top: 0px; right: 0px; z-index: 400; 
opacity: 0.85; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: alpha(opacity=85);

}

div#overlay_fg { position: relative; top: 100px; background: #000; width: 660px; padding-top:10px; margin:auto; opacity: 1; }
div#overlay_fg_small { position: relative; top: 100px; background: #000; width: 490px; padding-top:10px; margin:auto; opacity: 1; }
div#overlay_fg p { font-size: 1em; text-transform: uppercase; padding: 1em; }

.video_cta{margin-left:8px;}