/*Design: Original Design Concept - Aron Shiewitz */
@charset "UTF-8";
@import url("reset-min.css"); /* ------- Reset all CSS Styles - YUI */

body{
	font: 75%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
	color: #4b4942;
	background: #FFF;
}
a{text-decoration: none;}
a:link {color: #0000FF}     /* unvisited link */
a:visited {color: #0000FF}  /* visited link */
a:hover {color: #008000}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */
strong{font-weight: bold;}
	
#container{
	width: 875px;
	margin: 18px auto 0 auto;
	background: transparent;
	padding-bottom:18px;
	border: 2px;
}

.style1 {
	font-size: xx-large;
	font-weight: bold;
	font-variant: small-caps;
}

.style2 {font-size: 14px}
.style3 {font-size: 14px}
.style4 {font-size: 12px}
.style5 {font-size: 13px}


hr.logoline {
	position: absolute;
	top: 55px;
	border: none 0; 
	color: #000;
	background-color: #000;
	width: 875px;
	height: 1px;
	margin: 10px auto 0 0;
	text-align: center;
	z-index: -5;
	}


hr.dashedline {
	border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 875px;
	height: 2px;
	margin: 4px 0 10px 0;
	text-align: center;
	}

.redline{
	width: 875px;
	height: 24px;
	color: black;
	background: #D92119;
	margin: 0px;
	padding-top:4px;
	padding-bottom:4px;
	border: 2px;
}

.getyourshare {
	font: 150% Tahoma, Verdana,Helvetica, sans-serif;
	font-variant: small-caps; 
	font-weight: bolder;
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
}

img.logo {
	position: absolute;
	top: 5px;
	width: 257px;
	height: 63px;
	z-index: 5;
	}


#header {
	width: 902px;
	margin: 0 auto;
	vertical-align: middle;
}

#headerleft {
	width: 500px;
	background: transparent;
	float: left;
	height: 63px;
}

.left-container {
	margin: 0px;
	margin-bottom: 0;	/* IE6 pushes footer down without this */
	padding-left:18px;
}

#headerright {
	width: 400px;
	background: transparent;
	float: left;
	height: 63px;
	vertical-align: middle;
}

.right-container {
	margin: 20px;
	margin-bottom: 0;	/* IE6 pushes footer down without this */
	text-align: right;
}

.clear { clear: left; }

#main {
    background:transparent;
    float:right;
    width:575px;
    }
#sidebar {
    background:transparent;
    float:left;
    width:275px;
	text-align:center;
    }


#newspaperborder{
	border-style: solid;
	border-width: 5px
}

#leftarticle{
	float: left;
	width: 43%;
	margin: 2px auto 2px auto;
	background: #EAE7E7;
	text-align: justify; 
	text-justify: newspaper;
	padding:4px;
	border: 2px;
	border-color: black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#rightarticle{
	float: right;
	width: 43%;
	margin: 2px auto 2px auto;
	background: #EAE7E7;
	text-align: justify; 
	text-justify: newspaper;
	padding:4px;
	border: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contact {
	font: 150% Tahoma, Verdana,Helvetica, sans-serif;
	font-variant: small-caps; 
	font-weight: bolder;
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
}


/* Round Button CSS for top menu */

a.ovalbutton{
background: transparent url('../images/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-red-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* END Round Button CSS */

/* Round Button CSS for bottom menu */

a.ovalbottom{
background: transparent url('../images/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbottom, a:visited.ovalbottom, a:active.ovalbottom{
color: #494949; /*button text color*/
}

a.ovalbottom span{
background: transparent url('../images/oval-red-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbottom:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbottom:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.bottomwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* END Round Button CSS */

#menu{
	width: 875px;
	color: black;
	text-align: center;
	background: transparent;
	padding-top:0px;
	padding-bottom:0px;
	border: 4px;
}

}
#menu ul{
	list-style:none;
}
#menu li{
	list-style:none;
	display:inline;
	margin:0 5px;
}
#menu li a{
	font: 75% Tahoma, Verdana,Helvetica, sans-serif;
	font-variant: small-caps; 
	font-weight: bolder;
	color:black;
	vertical-align: middle;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	padding:0 0 1px 0;
}
#menu li a:hover{
	color:gray;
	text-decoration:none;
}
#menu li a.current{
	font: 75% Tahoma, Verdana,Helvetica, sans-serif;
	font-variant: small-caps; 
	font-weight: bolder;
	color: #D92119;
	vertical-align: middle;
	text-transform:uppercase;
	text-decoration:none;
}