html {margin: 0; padding: 0; text-align: center;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif}
div.clear {clear: both;}
.hide {display: none;}

/* header */
div#header {width: 100%; height: 90px; background-color: #f8f8f8;}
div#head_container {width: 960px; height: 90px; margin: 0 auto 0 auto; padding: 0; position: relative; font-size: 11px;}
div#head_container a {color: #555; text-decoration: underline;}
div#head_container a:hover {text-decoration: none;}
div#head_container a#logo {float: left; margin: 10px 0 0 0; padding: 0;}
div#head_container a#logo img {border: 0; margin: 0; padding: 0;}
div#head_right {position: absolute; top: 15px; right: 0; text-align: right;}
div#head_links {position: relative; margin: 4px 0 0 0; padding: 0;}
div#search {position: relative; margin: 10px 0 0 0; padding: 0;}
div#search span {margin: 0 0 0 20px;}
div#search span a img {border: 0; margin: 0 2px 0 0; padding: 0; width: 20px; height: 20px; vertical-align: text-bottom;}

/* container for everything below the header section */
div#container {margin: 50px auto 100px auto; width: 960px; background-color: #fff; text-align: left;}

/* band of color background for main menu */
div.menu_band {width: 100%; margin: 0; padding: 0;}
div#menuband_green {background-color: #D1DC88; border-bottom: 1px solid #A8B938; border-top: 1px solid #A8B938;}
div#menuband_blue {background-color: #9EA6C7; border-bottom: 1px solid #59638E; border-top: 1px solid #59638E;}
div#menuband_gold {background-color: #EED18A; border-bottom: 1px solid #8F6B11; border-top: 1px solid #8F6B11;}
div#menuband_red {background-color: #EA8192; border-bottom: 1px solid #A03E4E; border-top: 1px solid #A03E4E;}
div#menuband_aqua {background-color: #B9DFD8; border-bottom: 1px solid #84BEB4; border-top: 1px solid #84BEB4;}
div#menuband_dkblue {background-color: #6AB2CE; border-bottom: 1px solid #45A8CE; border-top: 1px solid #45A8CE;}
div#menuband_brick {background-color: #E08C83; border-bottom: 1px solid #E06E62; border-top: 1px solid #E06E62;}

/* main menu */
div.main_menu {font-family: Georgia,"Times New Roman",Times,serif; width: 960px; text-align: center; margin: 0 auto 0 auto; padding: 0;}
div.main_menu a {font-size: 18px; font-weight: normal; margin: 0; padding: 5px 0 5px 0; text-decoration: none; display: block; float: left; width: 191px;}

/* main menu for each color */
div#mainmenu_green {border-left: 1px solid #6B7812;}
div#mainmenu_green a {background-color: #A8B938; color: #eee; border-right: 1px solid #6B7812;}
div#mainmenu_green a:hover {background-color: #D1DC88; color: #000;}
div#mainmenu_green a#current {background-color: #6B7812; color: #fff;}
div#mainmenu_blue {border-left: 1px solid #1D295C;}
div#mainmenu_blue a {background-color: #59638E; color: #eee; border-right: 1px solid #1D295C;}
div#mainmenu_blue a:hover {background-color: #9EA6C7; color: #000;}
div#mainmenu_blue a#current {background-color: #1D295C; color: #fff;}
div#mainmenu_gold {border-left: 1px solid #8F6B11;}
div#mainmenu_gold a {background-color: #dcad35; color: #fff; border-right: 1px solid #8F6B11;}
div#mainmenu_gold a:hover {background-color: #EEC766; color: #000;}
div#mainmenu_gold a#current {background-color: #8F6B11; color: #fff;}
div#mainmenu_red {border-left: 1px solid #8A0D21;}
div#mainmenu_red a {background-color: #D52843; color: #fff; border-right: 1px solid #8A0D21;}
div#mainmenu_red a:hover {background-color: #EA8192; color: #000;}
div#mainmenu_red a#current {background-color: #8A0D21; color: #fff;}
div#mainmenu_aqua {border-left: 1px solid #2B7C6E;}
div#mainmenu_aqua a {background-color: #84BEB4; color: #fff; border-right: 1px solid #2B7C6E;}
div#mainmenu_aqua a:hover {background-color: #B9DFD8; color: #000;}
div#mainmenu_aqua a#current {background-color: #2B7C6E; color: #fff;}

div#mainmenu_dkblue {border-left: 1px solid #064B65;}
div#mainmenu_dkblue a {background-color: #12769C; color: #fff; border-right: 1px solid #064B65;}
div#mainmenu_dkblue a:hover {background-color: #6AB2CE; color: #000;}
div#mainmenu_dkblue a#current {background-color: #064B65; color: #fff;}

/*
div#mainmenu_brick {border-left: 1px solid #7D1A10;}
div#mainmenu_brick a {background-color: #C13E30; color: #fff; border-right: 1px solid #7D1A10;}
div#mainmenu_brick a:hover {background-color: #E08C83; color: #000;}
div#mainmenu_brick a#current {background-color: #7D1A10; color: #fff;}
*/


/* different color and size lockups */
div#lockup_green {width: 960px; height: 480px; background: #fff url("../images/lockup_green.gif") top left no-repeat; position: relative;}
div#lockup_blue {float: left; width: 575px; height: 288px; background: #fff url("../images/lockup_blue.gif") top left no-repeat; position: relative;}
div#lockup_gold {float: left; width: 575px; height: 288px; background: #fff url("../images/lockup_gold.gif") top left no-repeat; position: relative;}
div#lockup_red {float: left; width: 575px; height: 288px; background: #fff url("../images/lockup_red.gif") top left no-repeat; position: relative;}
div#lockup_blue_small {float: left; width: 384px; height: 192px; background: #fff url("../images/lockup_blue_small.gif") top left no-repeat; position: relative;}
div#lockup_aqua_medium {float: left; width: 480px; height: auto; background: #fff url("../images/lockup_aqua_medium.gif") top left no-repeat; position: relative;}
div#lockup_brick {float: left; width: 575px; height: 288px; background: #fff url("../images/lockup_brick.gif") top left no-repeat; position: relative;}
div#lockup_dkblue {float: left; width: 575px; height: 288px; background: #fff url("../images/lockup_dkblue.gif") top left no-repeat; position: relative;}


/* front page slider */
#slider {margin-left: 12px;} 
#slider li {width:472px; height:472px; overflow:hidden; margin: 12px 0 0 0; padding: 0;}
#slider ul {margin: 0; padding: 0;}
#slider ul, #slider li {list-style:none;}
#slider img {border: 2px solid #a9b938; margin: 0; padding: 0; width: 110px; height: 110px;}
#slider a {margin: 0; padding: 0; display: block; float: left;}
#slider a:hover img {border: 2px solid #fff;}

/* controls for the slider */
p#controls {padding: 5px 0 5px 0;}
p#controls a {font-size: 11px; color: #222; text-decoration: none; background-color: #D1DC88; border: 1px solid #818B42; padding: 2px 5px 2px 5px; margin-right: 5px;}
p#controls a:hover {color: #fff; background-color: #6B7812;}
p#controls span#message {color: #444; font-size: 11px;}
p#controls span#message a {color: #6B7812; border: 0; background-color: #fff; padding: 0; margin: 0; text-decoration: underline;}
p#controls span#message a:hover {text-decoration: none;}

/* copy inside the home page lockup */
div#home_copy {width: 380px; position: absolute; top: 90px; left: 500px; color: #fff; text-align: right;}
div#home_copy h2 {font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; font-size: 18px; margin: 0 0 15px 0; padding: 0;}
div#home_copy p {font-size: 15px; margin: 0; padding: 0;}


div#i_overlay {width: 475px; height: 100px; background: transparent url("../images/i.png") top left no-repeat; position: absolute; top: 315px; left: 405px; z-index: 1000;}

/* interior pages slider */
#slider_small {margin: 8px 0 0 8px; border: 0;}
#slider_small li {width:272px; height:272px; overflow:hidden; margin: 0; padding: 0;}
#slider_small ul {margin: 0; padding: 0;}
#slider_small ul, #slider_small li {list-style:none;}
/* #slider_small img {border: 0; margin: 0; padding: 0; width: 284px; height: 279px;} */
#slider_small img {border: 0; margin: 0; padding: 0; width: 272px; height: 272px;}


#slider_profiles {width: 480px; height: 80px; margin: 0; padding: 0;}
#slider_profiles li {width: 480px; height: 80px; overlay: hidden; margin: 0; padding: 0;}
#slider_profiles ul {margin: 0; padding: 0;}
#slider_profiles ul, #slider_profiles li {list-style:none;}
#slider_profiles a img {display: block;float: left; border: 2px solid #fff; margin: 0; padding: 0; width: 76px; height: 76px;}
#slider_profiles a:hover img {border: 2px solid #84BEB4;}
#lockup_aqua_medium h2 {font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; font-size: 16px; margin: 40px 0 5px 0; padding: 0; color: #2B7C6E;}


div#lockup_aqua_medium p#controls a {color: #000; background-color: #B9DFD8; border: 1px solid #84BEB4;}
div#lockup_aqua_medium p#controls a:hover {color: #fff; background-color: #2B7C6E; border: 1px solid #84BEB4;}
div#lockup_aqua_medium p#controls span#message a {background-color: #fff; border: 0;}
div#lockup_aqua_medium p#controls span#message a:hover {color: #000; background-color: #fff; border: 0;}


div#share {margin: 20px 0 10px 0; padding: 0; font-size: 11px;}
p#submitted_at {margin: 0; padding: 0; font-size: 11px;}

div#all_thumbs, div#all_thumbs2 {margin: 20px 0 100px 0; padding: 0;}
div#all_thumbs a img {display: block; float: left; border: 4px solid #fff;}
div#all_thumbs a:hover img {border: 4px solid #84BEB4;}

div#all_thumbs2 a {margin: 0 5px 10px 0;}




#slider_videos {margin: 4px 0 0 4px; padding: 0;}
#slider_videos li {width: 280px; height: 280px; overflow: hidden; margin: 0; padding: 0;}
#slider_videos ul {margin: 0; padding: 0;}
#slider_videos ul, #slider_videos li {list-style: none;}
#slider_videos a {display: block; float: left; margin: 0; padding: 0;}
#slider_videos a img {border: 4px solid #dcad35; margin: 0; padding: 0; width: 272px; height: 272px;}
#slider_videos a:hover img {border: 4px solid #fff;}

div#i_overlay_small {width: 280px; height: 61px; background: transparent url("../images/i2.png") top left no-repeat; position: absolute; top: 190px; left: 248px; z-index: 50;}
div#i_overlay_smallest {width: 237px; height: 52px; background: transparent url("../images/i4.png") top left no-repeat; position: absolute; top: 170px; left: 205px; z-index: 50;}
div#i_overlay_video {width: 280px; height: 61px; background: transparent url("../images/i2.png") top left no-repeat; position: absolute; top: 190px; left: 248px; z-index: 50;}

div#slider_static {margin: 8px 0 0 8px; border: 0;}
div#slider_static img {}
div#profile {margin: 4px 0 0 4px;}
div#profile_right {width: 384px; float: right; margin: 0; padding: 0;}
div#profile_right h2 {font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; font-size: 20px; margin: 0 0 15px 0; padding: 0; color: #2B7C6E;}
div#profile_right p {margin: 0; padding: 0;}

div#profile_right p em {font-size: 13px; font-style: italic; color: #333;}


div#profile_browse {float: right; font-size: 12px; margin-top: 5px;}
div#profile_browse a {color: #2b7c6e; font-weight: bold; text-decoration: none; padding: 2px;}
div#profile_browse a:hover {background-color: #B9DFD8; color: #000;}


div.right {width: 330px; float: right; margin: 0; padding: 0;}
div.right h2 {font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; font-size: 20px; margin: 0 0 15px 0; padding: 0; font-weight: bold;}
h2.blue {color: #1D295C;}
h2.gold {color: #8F6B11;}
h2.dkblue {color: #064B65;}
h2.brick {color: #7D1A10;}
h2.red {color: #8A0D21;}
div.right p {margin: 0 0 10px 0; padding: 0;}
div.right a {text-decoration: underline;}
div.right a:hover {text-decoration: none;}

/* links at the bottom of the get to know page */
div#audiences {width: 100%; margin: 0; padding: 50px 0 0 0;}
div#audiences ul {float: left; width: 191px; margin: 0; padding: 0; list-style: none;}
div#audiences ul li {margin: 0; padding: 0;}
div#audiences ul li a {display: block; background-color: #59638E; color: #fff; margin: 0; padding: 5px; text-decoration: none; border-right: 1px solid #fff;}
div#audiences ul li a:hover {background-color: #9EA6C7; color: #000;}
div#audiences ul li ul li{margin: 0; padding: 0; list-style: none;}
div#audiences ul li ul li a {display: block; font-size: 12px; margin: 0; padding: 5px 0 2px 5px; background-color: #fff; color: #444; text-decoration: none;}
div#audiences ul li ul li a:hover {text-decoration: underline; background-color: #fff; color: #000;}

/* help with submission */
div#submission_help {width: 330px; float: right; margin: 110px 0 0 0; padding: 0;}
div#submission_help p {margin: 0 0 10px 0; padding: 0;}
div#submission_help p img {float: left; margin: -5px 5px 5px 0; padding: 0; border: 0;}
div#submission_help ul {margin: 20px 0 0 60px; padding: 0;}
div#submission_help ul li {margin: 0; padding: 0; list-style: disc; font-size: 12px;}

/* submission form */
p#required_note {font-style: italic; text-align: left; margin: 0 0 30px 0; padding: 0;}
div.form-container {margin: 40px 0 0 0; padding: 0; background-color: #FFF; width: 575px; float: left;}
p.legend { margin-bottom: 1em;}
p.legend em { color: #C00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.form-container form p { margin: 0; }
div.form-container form p.note {margin-left: 210px; font-size: 11px; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; background-color: #fff;}
div.form-container form legend { font-weight: bold; color: #8A0D21; }
div.form-container form fieldset div { padding: 5px 0 5px 0; }
div.form-container label, div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 190px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, div.form-container span.error {color: #C00; float: none; font-style: italic;}

div.form-container p.disclaim, div.form-container span.note {font-size: 11px;}
div.form-container p.disclaim {margin: 5px 0 0 2px;}
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 11px; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }


div.form-container div.controlset label {display: inline; float: none; } 



input.checkbox {display: inline; float: none;} 




div.form-container div.controlset div { margin-left: 210px; }
div.form-container div.buttonrow { margin: 20px 0 0 220px; }

/* experiment - youtube videos in the slider */
#video_slider {margin-left: 12px;} 
#video_slider li {width:445px; height:270px; overflow:hidden; margin: 8px 0 0 0; padding: 0;}
#video_slider ul {margin: 0; padding: 0;}
#video_slider ul, #slider li {list-style:none;}

div#about_print {width: 575px; float: left; margin: 40px 0 100px 0; padding: 0;}
div#about_print h2 {color: #8F6B11; border-bottom: 1px solid #dcad35; font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; font-size: 18px; margin: 0 0 2px 0; padding: 0 0 2px 0; font-weight: bold;}
div#about_print p {font-size: 12px; margin: 0 0 10px 0; padding: 0;}

div#about_print div a img {margin: 0 0 20px 0; padding: 0; width: 248px; height: auto; border: 2px solid #dcad35;}
div#about_print div a:hover img {border: 2px solid #8F6B11;}

div#more_print {width: 252px; float: right;}
div#more_vids {width: 252px; float: left;}
div#more_profiles {width: 252px; float: left;}

div#apply_right ul {font-size: 12px; margin: 20px 0 0 20px; padding: 0;}
div#apply_right ul li {margin: 0 0 5px 0; padding: 0;}
a#apply {color: #fff; text-decoration: none; font-weight: normal; font-size: 18px; text-align: center; display: block; width: 200px; height: 60px; margin: 30px 0 0 0; padding: 0; line-height: 60px; background: #12769C url("../images/apply_button_back.gif") top left no-repeat;}
a#apply:hover {background: #fff url("../images/apply_button_back.gif") 0 -60px no-repeat;}


p#slickbox {display: block; margin: 20px 0 0 0; padding: 10px; border: 1px solid #ddd; background-color: #8A0D21; color: #fff;}

/* pop ups on the two all thumbnail pages */
#screenshot{position:absolute; border:1px solid #ccc; background:#fff; padding:5px; display:none; color:#222; font-size: 16px; font-weight: bold; text-align: center;}
#screenshot img {margin-bottom: 5px; width: 232px; height: 232px;}
#tooltip{position: absolute; border: 1px solid #333; background: #fff; padding: 5px 10px; color:#222; font-size: 16px; font-weight: bold; display: none; font-size: 16px;}