/* geomusicnow.com Box Model CSS */

/*

------------------------------------------------------
Copyright John Drury, http://www.jackanapesink.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.5/
------------------------------------------------------

*/
html { 
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
font-size: 76%;
color: #ffcc33;
background-color: #000000;
}

body {
position: relative;
width:770px;
height: 100%;
padding:0px;
margin:0px auto;
text-align: center;
}

#wrapper {
position: relative;	
float: left;
width: 770px;
height: auto;
background: transparent;
text-align: left;
border: 1px #a22323 outset;
} 

p {
text-align: justify;}

a:link {color: #ff3300;
text-decoration: none;}

a:visited {color: #FFA49A;
text-decoration: none;}

a:hover {
text-decoration: underline;}

h1 {font-size: 3em;
font-weight: bold;
text-align: center;}

h2 {font-size: 2.5em;
font-weight: bold;
text-align: center;}

h3 {font-size: 2em;
font-weight: bold;
font-style: italic;
text-align: center;}

h4 {font-size: 1.5em;
font-weight: bold;
text-decoration: underline;
text-align: center;
margin: .75em;}

h5 {font-size: 1em;
font-weight: bold;
font-style: italic;
text-align: center;}	

h6 {font-size: .7em;
font-weight: bold;
font-style: italic;
text-align: center;}	

ul {	 
display: inline;}

#head {
position: relative;
float:left;
height: 130px;
text-align: right;
padding: 10px;
padding-left: 275px;
background: #000 url(images/newlogo1.jpg) no-repeat;}	   

#menu {
position: relative;	 
float: left;   
clear: left;
width: 150px;	
color: #ffcc33;
font-size: 1em;
font-weight: bolder;
text-decoration: none;}

#menu ul {
display: block;
padding: 0px;
margin: 0px;
}	

#menu li {
list-style: none;
line-height: 30px;
border-bottom: 1px solid #a22323; 
border-top: 1px solid #a22323;
} 

#menu li a {
display: block;
text-decoration: none;
font-weight: bold; 
padding-left: 5px;
color: #ffcc33;	
} 
	
#menu li a:hover { 
color: #ffcc33; 
background-color: #a22323;
}

#events {
border-top:	10px solid #a22323;
border-right:  5px solid #a22323;
border-bottom:  10px solid #a22323;
border-left:  5px solid #a22323;
position: relative;	 
float: left;   
clear: left;  
margin-top: 20px;
width: 140px;	
color: #ffcc33;
font-size: 1em;
font-weight: bolder;
text-decoration: none;}

#events ul {
display: block;
padding: 0px;
margin: 0px;
}	

#events li {
list-style: none;
line-height: 20px;	
} 

#events li a {
display: block;
text-decoration: none;
font-weight: bold; 
padding-left: 5px;
color: #ffcc33;
background-color: #CF2D2D; 
border-top: 2px solid #CF6969;
border-right: 1px solid #a22323; 
border-bottom: 1px solid #a22323;
border-left: 2px solid #CF6969;	
} 
	
#events li a:hover { 
color: #ffcc33;  
background-color: #a22323;
border-top: 1px solid #CF2D2D;
border-right: 2px solid #CF6969; 
border-bottom: 2px solid #CF6969;
border-left: 1px solid #CF2D2D;	
}	
		  	 
#main {
position: relative;
float: right;
width: 570px !important;
width: 610px;	
text-align: left;
border-top: 2px #a22323 solid;
padding: 5px 20px;}		

.picsleft { 
display: inline; 
float: left; 
width: auto; 
border: 1px solid #a22323;
background-color: #000; 
color: #FFCC33; 
text-align: left;
font-size: .75em; 
margin: 5px 10px 5px 5px; 
padding: 10px 10px 0px 10px; } 

.picsright { 
display: inline; 
float: right; 
width: auto; 
border: 1px solid #a22323;
background-color: #000; 
color: #FFCC33; 
text-align: right;
font-size: .75em; 
margin: 5px 10px 5px 5px; 
padding: 10px 10px 0px 10px; } 

div.tbl {
  border-width: 1px;
  border-color: #0000ff;
  border-style: inset;
  padding: 10px;
  margin: 10px;
} 

#footer{
position: relative;
background: transparent; 
height: 30px !important; 
height: 50px;
z-index: 3;
width: 770px;
border-top: 5px #a22323 solid;
border-bottom: 5px #a22323 solid;	
clear: both;
}	  

#siteinfo {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.8em;
}

#copyrights {
position:absolute;
right:0;
}

#standards {
position:absolute;
right:0;
top:-1.2em;
}  

#smcal {
position: relative;	 
float: left;   
clear: left;  
}	

table.smallcal {
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 10px;
color: #fff;
width: 150px;
background-color: #354463;
border: 2px solid #354463;
border-collapse: collapse;
border-spacing: 0px;
}

table.smallcal td {
line-height: 15px;
padding-left: 1px;
padding-right: 1px;	
background-color: #5F7797;
color: #000000;
}

table.smallcal td.header	{
color: #e9f2fc;		  
background-color: #354463;
padding-left: 2px;
text-align: left;
line-height: 25px;
} 

table.smallcal td.back	{
padding-left: 2px;
text-align: left; 
border: none;
} 

table.smallcal td.forw	{
padding-right: 2px;
text-align: right; 
border: none;
} 		  

table.smallcal td.days	{
text-align: center; 
border: 2px solid #354463; 
font-weight: bold; 	 
width: 14%;
padding: 2px 1px;
} 	 

table.smallcal td.today	{ 
background-color: #354463; 
color: #000;	
} 

.smallcal a:link { color: #C0C0C0; text-decoration: none; }
.smallcal a:visited { color: #C0C0C0; text-decoration: none; }
.smallcal a:active { color: #C0C0C0; text-decoration: none; }
.smallcal a:hover { color: #e9f2fc; text-decoration: none; }


.smallcal td.days a:link { color: #C0C0C0; text-decoration: none; }
.smallcal td.days a:visited { color: #C0C0C0; text-decoration: none; }
.smallcal td.days a:active { color: #C0C0C0; text-decoration: none; }
.smallcal td.days a:hover { color: #e9f2fc; text-decoration: overline underline; }