@charset "UTF-8";
/*SITE*/
*{
margin:0;
padding:0;
}
	a:link              {
	color:#FFFFCC;
	text-decoration:underline;
}
    a:visited           {
	color:#FFFFCC;
	text-decoration:underline;
}
    a:hover             {
	color:#85C701;
	text-decoration:underline;
}
    a:active            { color:red; text-decoration:underline; }
body  {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	background: #361B18 url(../images/bgstripe.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.site #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #F7E4A4 url(../images/bgsmall.png) fixed center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-right: thick double #FEF9E5;
	border-left: thick double #FEF9E5;
} 
.site #header {
	margin:0;
	padding: 1px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
h1, h2, h3, h4 {
	color: #3B5498;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:14px;margin-bottom:-14px;}
h4{font-size:12px;margin-bottom:-14px;}
p{
	margin: 1em 0;
	color:#3B5498;
	font:11pt "Lucida Grande", "Trebuchet MS", Verdana;
}
p.quote{
	margin-left:40px;
	font-style:italic;
}
.light{
	color:#FFFFCC;
}
.sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 275px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:20px;
	padding:0 8px 5px;
	min-height:280px; 
}
.whiteround{
	background:url('../images/50w.png');
	border:medium double #ffffff;
	    /* Do rounding (native in Firefox and Safari, CC in IE)*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
.round{
	    /* Do rounding (native in Firefox and Safari, CC in IE)*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
.lilround{
	    /* Do rounding (native in Firefox and Safari, CC in IE)*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    CCborderRadius: 5px;
}
.topround{
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}
fieldset {
	font-size: 12px;
	color: #FFFFCC;
	border-width: 0px;
	margin-top:10px;
	margin-left:15px;
	text-align:left;
}
.site #mainContent { 
	margin: 0 300px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
p.footer{

	color: #FFFFCC;
	font:11pt "Lucida Grande", "Trebuchet MS", Verdana;
	margin: 0 0 10px 0;
}
.site #footer {
	text-align: center;
	color:#FFFFCC;
	background: url(../images/60b.png);
	height: 90px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0;
	border-top: medium double #FFFFCC;
	border-right: medium double #FFFFCC;
	border-left: medium double #FFFFCC;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.small{
	font-size:small;
}



/*NAV MENU*/
.link {
	margin-top:6px;
	margin-left:7px;
	float: left;
	border: none;
}
.vline {

	margin-top:6px;
	margin-left: 7px;
	float: left;
}



/*SLIDER BOX*/
.columns{
	padding:3px;
	background:url(../images/60b.png);
	border:1px solid #e0a213;
	float:left;
	margin:5px;
	height: 133px;
	width: 133px;
	position:relative;
	z-index:1;
}
.columns img{
	border:1px solid #ffffcc;
}




/*TWITTER STATUS*/
div#twitter_div{
	width:415px;float:right;clear:both;margin:-125px 5px 0 0;
}
#twitter_update_list {
color:#FFFFCC;
background:transparent url(../images/twiiterbg.png) no-repeat scroll left top;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
font-size:13px;
font-style:italic;
padding:4px 4px 4px 24px;
}
.link-twitter {
background:transparent url(../images/twiiterbg.png) repeat scroll right top;
float:right;
padding:2px;
font-size:9px;
}

/*SUBMIT BUTTON
input.submit                              { border:0; color: black; font: 11px/18px; Georgia, Serif; display: inline-block; text-decoration:none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../../scripts/slider/images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
input.submit:hover                       { background-image: none; }
.submit input.cur                         { background: #e0a213; }*/