/* Main configs */
html, body {
border:0;
margin:0;
padding:0;
}

body{
font : 73% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #ccc url(images/bg.jpg) top center repeat-y;
color : #555;
}

b{font-size: 110%;}
em{color: red;}

/* Icon stuff for file links */
 a.icon[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

/* Position and layout */

#maincontainer{
width: 770px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
	margin: 0;
	background : transparent url(images/headerbg.jpg) repeat-x;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 270px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 270px; /*Width of right column*/
margin-left: -270px; /*Set left margin to -(RightColumnWidth) */
background: black url(images/ballbg.jpg) no-repeat;
background-position: top right;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
height : 50px;
padding : 0;
margin-bottom : 0;
border-top : 5px solid #E80202;
color : #fff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.contentheader {
float: right;
margin: 0;
padding: 0;
}
/* for flash video player */
.video {
background: url(images/vidbg.gif);
height: 240px;
}
.video embed {
float:right;
margin: 0;
padding: 0;
}


/* Navigation */
#navcontainer ul
{
padding: 9px 11px;
margin: 0;
list-style-type: none;
background: black url(images/menudefault.gif) center center repeat-x;
color: #FFF;
font: bold 14px Arial;
text-align: center;
border: 1px solid #625e00;
border-width: 1px 0;
}

#navcontainer li { 
display: inline; 
}

#navcontainer li a {
color: white;
padding: 9px 11px;
margin: 0px;
text-decoration: none;
border-right: 1px solid yellow;
}

div#navcontainer ul li
{
margin-left: -4px;
}

li a:hover {
background: transparent url(images/menuactive.gif) center center repeat-x;
color: #fff;
}


/* Styling elements */

/* General elements */
h1 { 
	padding: 5px 0px 2px 5px;
	color: #CC0000;
	font-size: 16px;
} 
h2 { 
	padding: 5px 0px 2px 5px;
	font-size: 14px;
	color: #2D2D2D;
	border-bottom: 1px dashed;
} 
h3 { 
font-size: 12px;
color: #6C6C6C;
}
blockquote {
font-weight : bold;
font-style : italic;
border-bottom : 1px solid #aaa;
border-top : 1px solid #aaa;
color : #181D23;
} 
			/*LINKS*/
a:link, a:visited { 
color : #E80202;
background : inherit;
} 



a:hover { 
color :  #636363;
background : inherit;
text-decoration : none;
} 
a img {
border: 0;
} 
			/*IMAGES*/
.left { 
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
clear: left;
}

.right {
float: right;
padding: 2px;
}

#rightcolumn .center {
display: block;
margin-left: auto;
margin-right: auto 
}

.center {
text-align: center;
}

			/*SEARCH BOX*/
#search legend { 
color : #E80202;
} 
#search input { 
background : #eee;
} 

#topsection h1{
margin: 0;
padding-top: 15px;
}

/* right column specific */
#rightcolumn h3 {
margin : 0;
padding : 10px 0 10px 0;
border-bottom : 1px solid #aaa;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
text-align: center;
letter-spacing : 3px;
color : #FFF;
}

/* Form Fields */
select {
margin: 0 0 7px 0;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #ccc;
}

legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #333;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}

label {
	float: left;
	width: 100px;
	padding: 0 1em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea, fieldset div input.file {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div textarea {
	width: 300px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}


fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 200px;
	padding-left: 5em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}
	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

.errors {
color: red;
}

/* Ditto Stuff */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #E80202;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}