body{
background-color: #2E5380;
}

/*TEXT*/

h1, h2, h4{
padding: 0px;
margin-left: 30px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #ffff00;
}

h3{
padding: 0px;
margin-left: 30px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #191970;
}

p{
font-family: arial;
font-size: 75%;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
color: #191970;
text-align: justify;
}

p.right{
font-family: arial;
font-size: 75%;
font-weight: bold;
margin-left: 335px;
margin-right: 10px;
color: #191970;
text-align: justify;
}

p.foot{
font-family: arial;
font-size: 60%;
margin-left: 10px;
margin-right: 10px;
color: #ffffff;
}



/*WEATHERBOX*/

p.left{
font-family: arial;
font-size: 75%;
margin-left: 2px;
margin-right: 10px;
color: #ffffff;
}


/*LINKS*/

a:link {color: blue}      /* unvisited link */
a:visited {color: blue}  /* visited link */
a:hover {color:  blue}  /* mouse over link */
a:active {color: blue} /*active link*/ 

a.yellow:link {color: #ff5000;}      /* unvisited footer link */
a.yellow:visited {color: #ff5000;}  /* visited footer link */
a.yellow:hover {color:  #ff5000;}  /* mouse over footer link */
a.yellow:active {color: #ff5000;} /*active footer link*/ 

ul{
list-style-type:none;
padding:0px;
margin:0px;
}

/*MAIN PICTURES*/

img.left{
padding: 10px;
float: left;
}

img.right{ 
padding: 10px;
float: right;
}

/*IMAGE GALLERY*/

div.img{
margin: 10px;
border: 1px solid #0000ff;
height: auto;
width: auto;
 float: left;
text-align: center;
}	

div.img img{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}

div.img a:hover img {border: 1px solid #0000ff;}

div.desc{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}

/*CALENDAR*/

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: List Calendar                                               |
  | Cascading Style Sheet                                            |
  | Copyright March 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  NOTE: To get this to work properly, margin and padding must be set
  to 0 (zero). This can be done site-wide or simply for the container
  used to hold this calandar and its elements where needed.
 
  Site wide:
  * {
    margin : 0;
    padding : 0;
  }
*/


/* div for the calendar markup - text must be centered */
div#calendar {
  margin : 0 auto;
  padding : 5px;
  text-align : center;

  width : 300px;
  border : 1px solid #000000;
float: left;
}

/* calendar heading color */
h2.calendar {
  color : #191970;
  font-weight : bold;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #2E5380;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff500;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #fff500;
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 0.9em;
  letter-spacing : 0.001em;
}


/*TEXT POPUP*
Pure CSS Popups 
credit Eric Meyer http://www.meyerweb.com/
*/

div#calendar a span {display: none;}

div#calendar a:hover span {display: block;
position: absolute;
top: 85px;
margin-left: 325px;
height: auto;  
width: 335px;
padding: 5px; 
z-index: 100;
color: #191970; 
background: #ffffff;
text-decoration: none;
font: 12px arial, sans-serif; 
text-align: justify;
border: solid 1px #191970;
}


/*LAYOUT*/


#box{
margin-left: auto;
margin-right: auto;
padding: 4px;
height: auto;
width: 960px;
background-color: #191970;
}

#inbox{
position: relative;
margin: 0px; 
padding: 1px;

height: auto;
width: 950px;
}

#nav{
position: relative;
margin: 0px 5px 0px 0px;
padding: 0px;
height: auto;
width: 240px;
float: left;
}

.menu10 {
	width: 200px;
	margin-left: auto;
margin-right: auto;
	}
	
.menu10 li a {
	height: 32px;
  	
  	height: 24px;
	text-decoration: none;
	}	
	
.menu10 li a:link, .menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(images/menu10.gif);
	padding: 8px 0 0 10px;
	}
	
.menu10 li a:hover {
	color: #FF9834;
	background:  url(images/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}


#weatherbox{
position: relative;
width: 241px;
height: 90px;
overflow: hidden;
background-color: #ffffff;
border: solid 2px #191970;
}

#top{
position: relative;
margin: 5px 0px 0px 0px;
height: auto;
width: 700px;
float: right;
}

#info{
position: relative;
margin: 5px 0px 0px 0px;
padding: 5px;
height: auto;
width: 690px;
background-color: #ffffff;
float: right;
}

#partners{
position: relative;
margin:  5px 0px 0px 0px;
padding: 5px;
height: auto;
width: 690px;
float: right;

}

#foot{
position: relative;
margin: 5px 0px 0px 0px;
padding: 0px;
height: auto;
width: 700px;
float: right;
}

.clear{
clear: both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}