@charset "utf-8";
/* CSS Document */
body{
background: #FFFED7 url(../images/background.jpg) repeat-x top;
text-align:center;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#010101;
}
/*
IE FIX PNG http://www.twinhelix.com/css/iepngfix/
Follow these simple steps to add this to your page:
1. Copy and paste iepngfix.htc and blank.gif into your website folder.
2. Copy and paste this into your website's CSS or HTML:
That CSS selector must include the tags/elements on which you want PNG support -- basically, give it a comma-separated list of tags you use. It must also include the correct path to the .HTC relative to the HTML document location (not relative to the CSS document!). For instance, yours may look like this:
3. If your site uses subfolders, open the .HTC file in a text editor like Windows Notepad and change the blankImg variable to include a correct path to blank.gif like so:
IEPNGFix.blankImg = '/images/blank.gif';
Again the path is relative to the HTML file. Otherwise, you will see a "broken image" graphic!
4. If you want support for CSS1 background-repeat and background-position, make sure you include the add-on .JS file in your :
Otherwise, background images will work but won't repeat or position.
5. Sit back and enjoy!
WORKING!!!!!!!!!!!!
*/
img, div { behavior: url(iepngfix.htc) }
/* END IE6 PNG FIX */
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
font-family:Arial, Helvetica, sans-serif;
color:#6c4905;
font-weight:bold;
}
h1{
font-size:36px;
line-height:36px;
}
h2 {
font-size:31px;
line-height:31px;
}
h3{
font-size:24px;
line-height:26px;
}
h4{
font-size:21px;
line-height:21px;
}
h5{
color:#242424;
font-size:16px;
text-align:left;
}
a{
color:#242424;
}
#container{
margin: 0 auto;
text-align:center;
top: 0;
left:0;
}
.alignLeft{
text-align:left;
}
/******************************************************************
HEADER
******************************************************************/
#header{
width: 856px;
margin: 0 auto;
text-align:center;
clear:both;
margin-bottom:30px;
position: relative;
top: 0;
left: 0;
height: 72px;
}
#sharethis {
position: absolute;
top: 100%;
right: 0;
font-size: 11px;
padding: 8px 5px 0 5px;
font-weight: bold;
}
#titleUGM{
background: url(../images/logotg.png) no-repeat top center;
width:542px;
height:72px;
overflow:hidden;
float:left;
text-align:left;
}
.blocked{
display:block;
width:542px;
height:72px;
text-decoration:none;
}
#navigation {
float:right;
text-align:right;
width: 310px;
margin-top:5px;
}
#navigation p {
clear:both;
font-size:12px;
font-weight:bold;
color:#3c2a0a;
line-height: 0px;
text-align:right;
float:right;
}
#navigation ul {
font-size:16px;
font-weight:bold;
letter-spacing:-0.1em;
line-height: 5px;
list-style:none;
margin: 0;
padding: 0;
float:right;
margin-top:5px;
}
#navigation li {
margin: 3px;
padding: 0;
display:inline;
}
#navigation li a {
text-decoration:none;
color:#3c2a0a;
}
#navigation li a span{
color:#7c0705;
}
/******************************************************************
MAIN
******************************************************************/
#main{
clear:both;
margin: 0 auto;
text-align:center;
width:856px;
}
#featured{
background:url(../images/featured-20100519.png) no-repeat center top;
width:867px;
height:247px;
overflow:hidden;
clear:both;
margin:0;
padding:0;
margin-left: -5px;
}
#donateNow{
text-align:right;
position:relative;
top: 118px;
right:16px;
z-index:1;
}
#donateNow a img{
border:0;
}
#featText{
position:relative;
left:350px;
top:40px;
z-index:2;
width:260px;
font-weight:bold;
font-size:14px;
line-height:1.25em;
color:#f8f5ca;
text-align:left;
}
#content{
margin: 0 auto;
width:856px;
clear:both;
}
#leftTxt{
font-size:13px;
text-align:left;
width:290px;
}
#leftTxt a{
color:#6c4905;
}
#videoSingUp{
text-align:right;
width:555px;
float:right;
}
#singUp{
width:555px;
height:74px;
background:url(../images/fondosingup.jpg) no-repeat;
}
#singUp div{
font-weight:bold;
font-size:14px;
color:#FFFFFF;
text-align:left;
width:200px;
margin-left:14px;
padding-top:10px;
letter-spacing:-1px;
float:left;
}
#singUp a img{
float:right;
margin-right:10px;
margin-top:-5px;
border:0;
}
#ppText{
font-size:11px;
text-align:left;
}
#auCol1, #auCol2{
text-align:left;
width:275px;
margin-left:15px;
float:left;
}
#auCol1 p, #auCol2 p{
font-size:14px;
}
#auCol3{
width:275px;
text-align:center;
float:right;
}
#auCol3 img{
margin:0 auto;
margin-top:30px;
}
/******************************************************************
FOOTER
******************************************************************/
#footer{
width:856px;
clear:both;
margin: 0 auto;
text-align:center;
font-size: 12px;
}
#footer p{
text-align:left;
}
#footer a {
font-weight:bold;
text-decoration:none;
}
#footer a:hover {
text-decoration: underline;
}
#footer h5 {
margin-bottom: 0;
}
#ugm, #contact, #privacyPolicy{
width:275px;
}
#ugm{
margin-right: 15px;
float:left;
}
#ugm p span{
font-weight:bold;
font-size:11px;
}
#contact{
margin-right: 15px;
float:left;
}
#privacyPolicy{
float:right;
/* margin-top:-85px;*/
}