/* CSS Document */

/* container for standard web content */
div.contentblock {margin-bottom: 20px;}


/* styling for standard web content */
div.webcontent h1 {color: #a41212; font-weight: normal; margin: 0px; font-size: 18px; line-height: 24px;}
div.webcontent h2 {color: #a41212; border-bottom: 1px solid #cccccc; font-size: 14px; line-height: 16px; font-weight: bold; text-transform: uppercase; margin: 24px 0px 9px 0px; padding: 0px 0px 8px 0px;}
div.webcontent h3 {color: #000000; font-size: 12px; line-height: 16px; font-weight: bold; margin: 24px 0px 0px 0px; padding: 0px;}
div.webcontent h3.first {margin-top: 3px;}
div.webcontent p, div.widget p {color: #3b3b3b; font-size: 12px; line-height: 18px; margin: 0px 0px 9px 0px; padding: 0px;}
div.webcontent li {color: #3b3b3b; font-size: 12px; line-height: 12px;}
div.webcontent a.button {font-size: 12px; padding: 7px 18px;}
div.webcontent a.button.alternate {background: none; color: #378fc3 !important; padding: 7px 0px; text-transform: uppercase;}
div.webcontent a.clickablecontentblock:hover {text-decoration: none;}
div.tile p.caption {color: #777777 !important; margin-top: -10px !important;}

/* styling for link buttons */
a.button {font-size: 14px; background: #ad1818; color: #ffffff !important; border-radius: 5px; padding: 3px 20px; margin-top: 10px; display: inline-block;}
a.button.alternate {color: #ffffff; background: #378fc3; border: none;}

/* styling for input submit buttons */
input.submit:hover {cursor: pointer;}
input.submit {
display: block; 
padding: 5px 25px; margin-top: 8px;
font-size: 12px; color: #666666; text-transform: uppercase; 
border-radius: 5px; border: none;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

/* special cases */
div.supportingcontent h3.first {margin-top: 20px;}

/* headers inside click targets */
div.webcontent a h3 {color: #378fc3 !important;}

/* special split layout pages */
div.maintopic.splitrow {float: left; width: 540px; margin-right: 15px;}
div.supportingtopic.splitrow {float: right; width: 220px; margin-left: 5px; margin-top: 38px;}

div.maintopic h1 {font-family: Georgia, serif; font-weight: normal; font-size: 30px; margin-bottom: 11px; margin-top: 3px;}
div.maintopic img {margin-bottom: 10px; margin-top: 5px;}

div.supportingtopic {margin-top: 43px;}
div.supportingtopic h2 {color: #000000; font-size: 12px; border: none; padding-bottom: 2px; margin-bottom: 7px; border-bottom: 1px dotted #999999; font-weight: bold; text-transform: none;}
div.supportingtopic h2.first {margin-top: 0px;}
div.divided div.supportingtopic h2.first {margin-top: -2px;}

/* supporting link styles */
div.supportingtopic a {padding: 5px 0px; display: inline-block;}

div.supportingtopic a.onpage {
padding-left: 12px;
background: url('../images/links/onpage.png') 0% 50% no-repeat;
}

div.supportingtopic a.crosspage {
padding-left: 12px;
background: url('../images/links/crosspage.png') 0% 50% no-repeat;
}

div.supportingtopic a.document {
padding-left: 12px;
background: url('../images/links/document.png') 0% 50% no-repeat;
}

div.supportingtopic a.secure {
padding-left: 12px;
background: url('../images/links/secure.png') 0% 50% no-repeat;
}

div.supportingtopic a.person {
padding-left: 12px;
background: url('../images/links/person.png') 0% 50% no-repeat;
}

div.supportingtopic a.form {
padding: 5px 25px;;
color: #555;
border-radius: 10px;
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #999999);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999));
background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%);
}

div.supportingtopic a.othersite {
padding-left: 12px;
background: url('../images/links/othersite.png') 0% 50% no-repeat;}

div.supportingtopic a.ad img {width: 220px; height: 150px;}

div.supportingtopic a.button {margin: 0px; display: inline-block; width: 80%; padding: 10px 18px; background: #ad1818 url('../images/decoration/openarrowright.png') 95% 50% no-repeat;}
div.supportingtopic a.button.alternate {margin: 0px; display: inline-block; width: 80%; padding: 10px 18px; background: #4c93cd url('../images/decoration/openarrowright.png') 95% 50% no-repeat; color: #ffffff !important; text-transform: none;}

/* date list */
ul.datelist li {margin: 10px 0px;}
ul.datelist li span {display: inline-block; width: 75px; background: #cccccc; color: #000000; padding: 5px; margin-right: 5px; border-radius: 8px;}
div.supportingtopic ul.datelist li {margin: 3px 0px;}
div.supportingtopic ul.datelist li span {width: 35px;}

/* video list */
div.supportingtopic ul.videolist img {width: 80px; height: 58px; float: left; margin-right: 5px;}
div.supportingtopic ul.videolist li {line-height: 14px;}
div.supportingtopic ul.videolist span {display: block; margin-top: 5px;}

/* on home page */
div#presidentscorner ul.videolist img {width: 80px; height: 58px; float: left; margin-right: 5px;}
div#presidentscorner ul.videolist li {line-height: 30px; clear: both;}
div#presidentscorner ul.videolist span {display: block; margin-top: 5px;}



/* LANDING PAGES */
div.headline {width: 100%; float: left; height: 120px; padding: 60px 0px 60px 0px; background: #eeeeee;}
div.headline h1, div.headline h2 {padding-left: 60px; color: #ffffff; text-shadow: 2px 2px #000000;}
div.headline h1 {font-family: Georgia, serif; font-size: 48px; margin-bottom: 10px;}
div.landingpage div.headline {background: #666666 url('../images/landingpages/placeholder.png') 50% 50% no-repeat;}
div.landingpage.about div.headline {background: #666666 url('../images/landingpages/about.png') 50% 85% no-repeat;}
div.landingpage.forthepublic div.headline {background: #666666 url('../images/landingpages/forthepublic.png') 50% 85% no-repeat;}