*{
padding: 0px;
margin: 0px;
}
html {
background: url(backgrounds/bg1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
margin:0px 0px;
padding:0px;
border: 0px;
text-align:center;
}
#content{
width: 980px;
margin:0px auto;
text-align:left;
}
#header{
position: relative;
top: 0px;
left: 0px;
width: 980px;
}
#menu{
position: relative;
top: 0px;
left: 0px;
background-image: url(main_back.jpg);
background-color: #556b2f;
}
#wrapper{
position: absolute;
top: 40px;
left: 40px;
font-family: verdana, sans-serif;
font-size: 16px;
color: #303030;
padding-right: 40px;
}
#main{
position: relative;
top: 0px;
left: 0px;
width: 980px;
background-color: #E4E2E2;
background-image: url(main_back2.jpg);
}
#footer{
position: relative;
top: 0px;
left: 0px;
width: 980px;
color: white;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.1em;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
#footer a:link{color: blue;}
#footer a:active{color: yellow;}
#footer a:visited{color: red;}
h1{
padding-top: 5px;
padding-bottom: 20px;
padding-left: 40px;
font-family: ariel;
font-variant: small-caps;
font-size: 26px;
color: white;
font-weight: normal;
letter-spacing: .4em;
}
.intro{
position: relative;
top: -480px;
left: 0px;
background-color: #E4E2E2;
background-image: url(main_back2.jpg);
}
.home_panel{
width: 220px;
height: 300px;
}
.visitor_panel{
width: 220px;
height: 300px;
align: top;
}
.planner_panel{
width: 220px;
height: 300px;
}
.contact_panel{
width: 220px;
height: 300px;
}
p{
font-family: verdana, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.6em;
color: #202020;
text-align: justify;
}
#footer{
position: relative;
top: 0px;
left: 0px;
width: 980px;
color: white;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.1em;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
#footer a:link{color: aqua;}
#footer a:active{color: yellow;}
#footer a:visited{color: aqua;}
#slider {
top: -450px;
margin-left: auto;
margin-right: auto;
width: 980px;
height: 649px;
}
.rounded_shadowed{
height: 300px;
width: 200px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 10px 10px 5px #888888;
}
/* ribbon style */

 .ribbon-wrapper {
	position: relative;
	border-bottom: 0px solid #ccc;
	border-top: 10px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
  .ribbon-front {
	background-color: #59CCBB;	height: 40px;
	width: 1000px;
	position: relative;
	left:-10px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 40px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -10px;
	border-color: transparent #0D0D0D transparent transparent;
}

  .ribbon-edge-topleft {
	top: -10px;
	border-width: 10px 10px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 10px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 990px;
	border-color: transparent transparent transparent #0D0D0D;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: -10px;
	left: -30px;
	width: 30px;
	height: 40px;
	background-color: #227E71;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 40px;
		z-index: 0;
}
#social{
	position: relative;
	height: 0px;
	top: -160px;
	left: 850px;
}
#rc{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: white;
}
#rc .vote{
	font-family: verdana;
	color: #202020;
	text-align: justify;
	z-index: 10;
}
#rc .vote_head{
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: red;
	text-align: center;
	z-index: 10;
}
.shadowed_left{
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 5px 5px 5px #888888;
margin-right: 20px;
}
.shadowed_right{
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 5px 5px 5px #888888;
margin-left: 20px;
}
#main{
position: relative;
top: 0px;
left: 0px;
width: 980px;
background-color: #E4E2E2;
background-image: url(main_back2.jpg);
}
#main p{
	padding-left:50px;
	padding-right: 50px;
}