html, body 	{ margin: 0; padding: 0;}
body {background: transparent url(background1.jpg) repeat; color: #bbb; font: 13px Helvetica, Arial, Verdana, sans-serif; line-height: 20px; word-spacing: 3px;}
h1 { display:block; background: transparent url(navbar1.jpg) left top repeat; color:#bbb; font-size: 16px; text-align: left; margin: 0 auto; padding: 4px 4px 4px; border-top: 1px solid #660000; border-right: none; }
h2 { color: #ff9900; font-size: 14px; height:20px; margin: 1px auto; padding: 3px 7px 0; }
a { color: #ffcc00; text-decoration: none;}
p { margin: 8px 5px 8px 5px; text-indent: 10px;}
img  {border:none;}
/* CONTAIN ALL the main container in which contains all elements of the page */
body #contain-all { background: transparent url(background7.jpg) left top repeat; width: 760px; height: 100%; margin: 20px auto; text-align:left;}
/* HEADER */
div#header { background: transparent url(my-header22.jpg) no-repeat center top; width:760px; height:150px;}
#header p { color: #555; font-weight: bold; padding: 0 18px; text-align:right; }
#header a { color: #555; }
#extra small { font-size: 11px; line-height: 18px; }
/* SINGLE COLUMN LAYOUT */
div#content-layout {display: block; background: transparent url(background7.jpg) left top repeat; width: 724px; margin: 10px auto;}
div.single-column { padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
/* DOUBLE COLUMN LAYOUT */
div.double-column-right {float: right; width: 150px; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
div.double-column-left {float: left; width: 550px; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
.box-styles1 { position:relative; display:inline-block; margin: 8px auto; border: 1px solid; border-color:#660000; background: transparent url(navbar1.jpg) left top repeat; width:100%; height:100%; }
.box-styles2 { position:relative; display:inline-block; margin: 8px auto; background-color: black; }
.box-styles3 { position:relative; display:inline-block; margin: 8px auto; border: 1px solid; border-color:#660000; background: transparent url(box3-styles.jpg) left top repeat; width:100%; height:100%; }
div#extra	{ float: right; clear: right; width: 175px; z-index:4000; }
/* FOOTER */
div#footer	{ background: transparent url(navbar1.jpg) left top repeat; width:760px; height:45px; margin-top: 0px; margin-bottom:0px; border-color:#444; display: inline-block; width: 100%; text-align:center;}
#footer	p { color: #ccc; margin: 0px; padding: 18px 18px 0px; }
#footer ul { list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
/* FORM STYLES */
form {border-color:#660000; background: transparent url(background7.jpg) left top repeat; clear: right; float: right; width:100%; margin: 4px auto; border: none; color:#ffcc33;} 
fieldset {border: none;} 
legend {border: none; font-family:Helvetica, Arial, Verdana, sans-serif; font-variant:small-caps; color: #ff9900; font-size:14px; font-weight:bold;} 
input, textarea {padding:0px; font-size:.85em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic;}
input {background: white url(textarea-bg.jpg) repeat-y; width:97%; color:#555;}
textarea {width:97%; height:98px; background: white url(textarea-bg.jpg) repeat-y;color:#555;}
#submit { display: block; float: left; background: white url(h1-bg.jpg) left top repeat; width:48%; font-weight:bold; color:#ffcc33; font-style:normal; border:none; margin-top:5px; margin-bottom:5px;}
#reset { display: inline-block; float: right; float: right; clear: right; background: white url(h1-bg.jpg) left top repeat; width:48%; font-weight:bold; color:#ffcc33; font-style:normal; border:none; margin-top:5px;}
	
/*CLASSES */
img.float-right { float: right; clear: right; padding-top:10px; padding-right:10px; padding-bottom:5px; padding-left:10px;}
/* LIST STYLES */
ul.ul-styles {background: transparent; width: 90%; list-style-type:none ;}
li.li-styles1  {background: transparent url(bg6.png) left top repeat;}
li.li-styles2  {background: transparent url(bg7.png) left top repeat;}
#left-list-2009 {
float: left;
background: transparent;
}
#right-list-2009 {
background: transparent;
} 
#left-list-2010 {
float: left;
background: transparent;
}
#right-list-2010 {
background: transparent;
} 
.list {
border: none;
margin: 1%;
padding: 1%;
width: 45%;
height:100%;
overflow: hidden;
} 

