#logoTitle {
	padding: 0% 0% 2% 0%
}
#Calendar{
	text-align: center;

}
#calendarEvents{
	text-align: left;
}
#NationalSitesLogos
{
	padding: 5% 0% 0% 0%;
	text-align: center;
}

#OfficerBoard {
	align: center;
	padding: 0% 0% 2% 0%;
}

tr.Blue td {
	background-color: #7E86F1; color: black;
}
tr.Green td {
	background-color: #86D081; color: black;
}

#CUPicture
{
	padding: 5% 0% 0% 0%;
	text-align: center;
}

#ContentTop
{
	padding: 2% 0% 0% 0%;
}

#PictureLinks{
	text-align:center;
	align:center;
}

#ContentTopPictures
{
	padding: 0% 0% 0% 0%;
	text-align: center;
	align: center;
}

#ContentTopPictures2
{
	padding: 0% 0% 0% 2%;
	text-align: center;
	align: center;
	width: 60%;
	margin: 0 auto;
	overflow: auto;
}
#ContentTopPictures3
{
	padding: 0% 0% 0% 0%;
	text-align: center;
	align: center;
	width: 60%;
	margin: 0 auto;
	overflow: auto;
}
#albums2
{
	margin: 0 auto;
	padding: 0% 0% 0% 0%;
	text-align:center;
	align:center;
	display: block;
	width: 175px;	
}

#PictureTitle
{
	padding: 2% 0% 2% 0%;
	text-align:center;
}

#ContentTopC
{
	padding: 0% 0% 0% 0%;
}

#album
{
	padding: 0% 0% 2% 0%;
	text-align:center;
}

#albums
{
	padding: 0% 1% 4% 1%;
	text-align:center;
	display: block;
	width: 175px;
	float: left;
}


#album2
{
	position: absolute;
	text-align: center;
}

#contentbottom
{
	padding: 0% 0% 2% 0%;
}

#logosMiddle
{
	text-align : center;
	padding: 0% 9% 0% 5%;
}
#logosLeft
{
	padding: 0% 3% 0% 0%;
	text-align : left;
}
#logosRight
{
	padding: 0% 0% 0% 5%;
	text-align : right;
}

/* ######### Style for colorful buttons ######### */

#Topbuttons
{
/*urdl*/
	padding: 2% 0% 0% 0% ;
	text-align: center;
}

#TopbuttonMiddle
{
	display: inline;
	padding: 0% 10% 0% 10% ;
}
#NationalSitesButtons
{
/*urdl*/
	text-align: center;
	padding: 0% 0% 3% 0%;
}

#NationalSitesButtonsMiddle
{
	text-align: center;
}
#NationalSitesButtonsLeft
{
	text-align: left;
}
#NationalSitesButtonsRight
{
	text-align: right;
}

input.groovybutton3
{
   font-size:18px;
   color: #434357;
   width:249px;
   height:25px;
   background: transparent; 
   background-image: url(siteImages/gradientnat.jpg);
   border: none;
}
input.groovybutton4
{
   font-size:18px;
   color: #434357;
   width:100px;
   height:50px;
   background: transparent; 
   background-image: url(siteImages/gradient4.jpg);
   border: none;
}

/* ######### Style for page sections ######### */

/* 
 
Dimensioning and/or psitoning of each Zone is specified in relative units (%) only. Consequently, no backward compatibility is required for non CSS2 complaint browsers.
 
Detailed discussion of the ZoneZ technique: 
www.web-zonez.com/revolution/zonez
*/ /* Formatting the ZoneZ*/
html,body /* Normalize and disable default scrollbars */ {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#logo {
	position: absolute;
	left: 0%;
	width: 25%;
	top: 0px;
	height: 18%;
	overflow: hidden;
	background: none #fffacd;
}

#leftpanel {
	position: absolute;
	left: 0%;
	width: 16%;
	top: 0%;
	height: 100%;
	overflow: hidden;
	background: url(siteImages/bordeIzquierda_211x750.jpg) #FFFFFF no-repeat;
}

#header {
	position: absolute;
	left: 16%;
	width: 68%;
	top: 0%;
	height: 20%;
	overflow: hidden;
	background: none #FFFFFF;
}

#main {
	position: absolute;
	left: 16%;
	width: 68%;
	top: 22%;
	height: 73%;
	overflow: auto;
	background: none #0099CC;
}

#footer {
	position: absolute;
	left: 16%;
	width: 68%;
	bottom: 0px;
	height: 5%;
	overflow: auto;
	background: none #6ca6cd;
	text-align: center;
}

#rightpanel {
	position: absolute;
	width: 16%;
	left: 84%;
	top: 0%;
	height: 100%;
	overflow: hidden;
	background: url(siteImages/bordeDerecha_211x750.jpg) #FFFFFF no-repeat;
}

/* Styling */
#leftpanel h1,#header h1,#footer h1,#rightpanel h1 {
	text-align: center;
	color: #fffacd;
	font-family: arial, verdana, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	margin: 10px 5px 10px 0px;
	font-variant: small-caps;
	border: 0px double #00ccff;
}

#leftpanel p,#header p,#footer p,#rightpanel p {
	border: 0 solid #a52a2a;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	font-family: arial, verdana, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #fffacd;
	margin: 0 8px 8px 6px;
}

#logo h1,#main h1 {
	text-align: center;
	color: #000000;
	font-family: Times New Roman;
	font-size: 18pt;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	margin: 10px 5px 10px 0px;
	border: 0px double #00ccff;
	text-decoration: underline;
}

#link {
	text-align: center;	
}

#logo p,#main p {
	border: 0 solid #a52a2a;
	padding: 0% 10% 0% 10%;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: normal;
	color: #000000;
	margin: 0 8px 8px 6px;
}

.mainlogo {
	padding-top: 3%;
	padding-left: 6%;
}

.maintitle {
	padding-left: 6%;
}

/* ######### Style for the whole menu ######### */

.chromestyle{
width: 99.5%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(siteImages/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyleH a {
	border-left: 1px solid #DADADA;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(siteImages/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:fixed;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}



/* ######FOOTER Styling###### */
#copyright {
	/*background-image: url(siteImages/bg_down.gif);*/
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e6e6fa;
	padding-top: 3%;
	display: inline;
}
#copyright a  {
	color: #e6e6fa;
	text-decoration: underline;
}

#copyright a:hover  {
	color: #ffffff;
	text-decoration: underline;
}

