div.links
{
	display:block;
	width:760px;
	height:70px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

h1{
	font: inherit;
	border: thin #C0C0C0 ridge;
	background-color:#29235C;
	height: 35px;
	color: #FFFFF0;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height:35px;
	vertical-align: middle;
}

h2{
	font: inherit;
	background-color: #29235C;
	height: 77px;
	color: #FFFFF0;
	font-size:x-large;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height:73px;
	vertical-align: middle;
	float:left;
	width:360px;
	margin-top:auto;
	margin-bottom:auto;

}

h3{
	font: inherit;
	height: 80px;
	color: green;
	font-size:x-large;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height:73px;
	vertical-align: middle;
	float:left;
	width:100%;
	margin-top:auto;
	margin-bottom:auto;

}


h1.td{
	width=360px;
}

div.header{
	margin:auto auto auto auto;
	padding:auto auto auto auto;
	width:760px;
	border:medium #f9235C ridge;

}
#container { width: 80%; padding: 10px; margin: 10px auto 10px auto; background-color: #FFFFFF; }

div.center{
	margin-left:auto;
	margin-right:auto;
	}
div.centertext{
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}
div.logo{
	float:left;
	height:100px;
	width:200px;
}

article.solar{
	position:static;
	width: 750px;
	padding:10 10 20 10;
	border:thin ridge;
	border-color:#29235C;
	bottom: 0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

div.main{
	display:block;
	position:static;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:760px;
	height:auto;

}

div.main a:visited{
	color:green;
}

div.pagenav{
	position:relative;
	width:100px;
	hight:auto;
}

article.article1{
	float:left;
	width:353px;
	height:auto;
	border: thin ridge;
	border-color:#29235C;
	
}

article.article2{
	margin-left:404px;
	width:353px;
	height:auto;
	border: thin ridge;
	border-color:#29235C;
}


div.articlepic{
	padding: 0;
	border: thin #C0C0C0 ridge;
	max-width: 350px;
	margin-bottom: 20;
	margin-left:auto;
	margin-right:auto;
	font-weight: normal;
	color: #000000;
	text-align:center
}
div.articlepic img{
	max-width:349px;
	
}

div.articletext{
	text-align: left;
	margin:0 5px 0 5px;
}

div.contentwithvertmenu{
	position:relative;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin-left:160px;
	width:600px;
	border:thin ridge;
	height:auto;
	text-align:left;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	color:#29235C;
	font-size:large;
}
div.contentwithvertmenupic{
	padding: 0;
	border: thin #C0C0C0 ridge;
	margin-bottom: 20;
	margin-left:auto;
	margin-right:auto;
	font-weight: normal;
	color: #000000;
	text-align:center

}
div.contentwithvertmenupic img{

	max-width: 590px;
	
}
table.updates
{
	width:760px;
	border:thin ridge;
	
	
}
content.table
{
	float:left;
}

table.main
{
width:360px;
border-style:solid;
border-top-color:#004080;
border-left-color:#004080;
border-right-color:#004080;
border-bottom-color:#004080;
border-width:2
}
th
{
	border: thin ridge;
	background-color: #29235C;
	color: green;
	font-size: 20;
	font-style: bold;
	text-align: center;
}
td.updates
{
	border: thin ridge;
	font-style: normal;
	font-size: small;
	text-align: justifiy;
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
	vertical-align: top;
	width: 132px;
	text-align: center;
}

/* Newsletter Archive List Spacing */
ul.newslist li
{
	margin-top:10px;
}

ul.newslist li a:visited
{
	color:green;
}

/* MENU */

div.menu {
	margin-left=auto;
	margin-right=auto;
	width=100%;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

/* MENU */

/*http://www.adam-bray.com/blog/91/Easy+HTML+5+%26+CSS+3+Navigation+Menu/ */

nav { /*the background box */
	background-color:#29235C;
  border: 1px solid #dedede;
  border-radius: 1px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  display: block;
  overflow: hidden;
  width: 100%; 
}

  nav ul {
    margin: 0;
    padding: 0;
  }

    nav ul li {
    	font-family:Cambria;
      display: inline-block;
      list-style-type: none;
      z-index:9999;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; 
    }
      
      nav > ul > li > a > .caret,
	  nav > ul > li > div ul > li > a > .caret {
        border-top: 4px solid #29235C;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
     	  -moz-transition: color 0.1s linear;
       	-o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
      }
	  
	  	nav > ul > li > div ul > li > a > .caret { /*horizontal caret colour changes from selected to the text colour */
			border-bottom: 4px solid transparent;
			border-top: 4px solid transparent;
			border-right: 4px solid transparent;
			border-left: 4px solid #29235C;
			margin: 0 0 0 8px;
		}

      nav > ul > li > a { /*The colour of the top menu boxes - there is also a background box behind */
        background-color:#29235C;
        color: #FFFFF0;
        display: block;
        line-height: 20px;
        padding: 0 20px;
        text-decoration: none;
        z-index:9999;
      }

        nav > ul > li:hover {
          background-color:#4242FF;
          z-index:9999;
        }

        nav > ul > li:hover > a {
          color:#FFFFF0;
          z-index:9999;
        }

        nav > ul > li:hover > a > .caret {
          border-top-color:#FFFFF0;
        }
		
		nav > ul > li > div ul > li:hover > a > .caret {
			border-left-color:#FFFFF0;
		}
      
      nav > ul > li > div,
	  nav > ul > li > div ul > li > div {
        background-color: #29235C;
        border-top: 0;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        padding:0 0 0 0;
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 200px;
        visibility: hidden;
        z-index:9999;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
      }
	  
	  	nav > ul > li > div ul > li > div { /*level 3 formats */
			background-color: #29235C;
			border-color:green;
			border-radius: 0 4px 4px 4px;
			box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
			margin-top: -20px;
			right: -200px;
			z-index:9999;
		}

        nav > ul > li:hover > div,
		nav > ul > li > div ul > li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
        }

          nav > ul > li > div ul > li,
		  nav > ul > li > div ul > li > div ul > li {
            display: block;
			position: relative;
          }

            nav > ul > li > div ul > li > a,
			nav > ul > li > div ul > li > div ul > li > a {
              color: #FFFFF0; /*level 2 and 3 text*/
              display: block;
              padding:2px 25px;
              line-height:20px;
              text-decoration: none;
              border:thin #FFFFF0 solid;
            }

              nav > ul > li > div ul > li:hover > a {
                background-color: #4242FF; /*level 2and 3 hover background*/
              }	
/*Vertical Menu if required*/

div.vertmenu {
	position:relative;
	top:0;
	left:0;
	bottom:0;
	float:left;
	width:149px;
	background:#29235C;
}
nav.vertical {
	
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  overflow: hidden;
  text-align: center;
  width:149px;
  

}

    
nav.vertical ul {
	    list-style-type:none;
	    margin: 0;
	    padding: 0; 
	    
	   
	      	
	}

nav.vertical > ul > li {
      display:block;
      border: thin #C0C0C0 ridge;
      height:60px; 
      
      
      }

nav.vertical ul li a:visited {
		    
		    font-weight: bold;
		    color: green;
		    background-color: #29235C;
		    text-align: center;
		    border:thin white;
		  
		}
		
nav.vertical ul li a:hover, a:active {
		    background-color: blue;
		}