/* Basics
__________ */

* {margin: 0; padding: 0;}

body { 
margin:0;
padding:0;
font-family: lucida sans, arial, helvetica, sans-serif; 
color: #000; 
background-color: #fff;
}

/* IE6
_________________ */


#ie6 {display: none; _display: block; _height: 30px; background-color: #ffff99;}

#ie6-content {_width: 850px; _margin-left: auto; _margin-right: auto;}

#ie6 p, #ie6 h3, #ie6 a {color: #000;}

#ie6 a {text-decoration: underline;}


 
/* Fonts etc
_________________ */

p, h1, h2, h3, p.sky {line-height: 150%; color: #000; margin-top: 8px; font-size: 0.7em; margin-bottom: 8px;}

p.sky {padding-top: 18px;}

h2 {display: block; font-size: 0.8em; font-weight: bold; padding: 3px 3px 3px 8px; }

h3 {display: block; font-size: 0.7em; font-weight: normal; padding: 1px 1px 1px 8px; color: #7ab0c9; }

h3.blue {background-color: #84cff2; border-top: 1px solid #7ab0c9; height: 18px; color: #fff; }

ul {list-style-type: disc; }

li {list-style-position: outside; margin-left:20px; font-size: 0.7em; margin-bottom: 10px;}

li.none {list-style-type: none; margin-left:20px; font-size: 0.7em; margin-bottom: 10px;}


img.logo {float: left; margin-right: 5px;}

a {text-decoration: none; color: #0e6086;}

a:hover {border-bottom: 1px solid #0e6086; text-decoration: none; color: #0e6086;}



/* Useful Stuff
_________________ */

.clearer {clear: both; height: 1px;}



/* Page Set-up
_________________ */

#wrapper {width: 100%;}


/* header */

#header {width: 100%; height: 208px; background-color: #000; margin: 0; padding: 0; }

#header-content {width: 850px; height: 208px; margin-left: auto; margin-right: auto; background-image: url(../images/paul.jpg); background-position: bottom right; background-repeat: no-repeat;}

#header-text {width: 600px; padding-top: 30px;}

#header-text a {color: #999;}

#header-text a:hover {border-bottom: 1px solid #999;}

#header-text p.intro, #header-text p {margin-top: 10px; color: #fff;}

#header-text p.intro {font-size: 1.4em; font-weight: bold; margin-bottom: 0;}

#header-text .paragraph {margin: 18px 0 3px 0;}

#header-text .smaller {font-size: 0.4em; font-weight: normal;}



/* Main Body
_________________ */

#body-wrapper {width: 850px; margin-left: auto; margin-right: auto;}

.buttons {width: 850px; height: 40px; background-color: #eaeced; margin-top: 10px; padding-left: 20px; }

.buttons p {margin-top: 12px; float: left;}

.buttons img {float: right; margin: 6px 15px 0 5px;}

.lastimage {margin-right: 0;}


.column {width: 260px; float: left; margin-right: 30px;}

.last {margin-right: 0;}

object {margin-left: 20px;}



/* Twitter */

#twitter, #twitter2 {margin-top: 10px; background-color: #eaeced; padding-bottom: 10px; width: 270px; padding: 0 10px 10px 10px;}

#twitter h3, #twitter2 h3 {text-align: left; height: 30px; border-bottom: none;}

#twitter h3 img, #twitter2 h3 img {float: left;}

#twitter p, #twitter2 p {margin-left: 8px; font-size: 0.6em;}

#twitter ul, #twitter2 ul {list-style-type: none; margin-left: 0px;}

#twitter li, #twitter2 li {font-size: 0.8em; line-height: 140%; text-align: left; margin-left: 8px;}



/* Forms
_________________ */

input, textarea {background-color: #c8e1ee; border: 1px solid #666; border-collapse: collapse; color: #000; padding: 5px; margin-top: 2px; width: 350px;}

textarea {height: 50px;}

input.button, input.button-wide {width: 80px; border: 1px solid #666; padding: 3px 3px 3px 10px; text-align: left; font-weight: bold; _font-size: 0.7em; _font-weight: normal; }

input.radio {padding: 0; background-color: none;}

input.button-wide {width: 150px;}

form {margin-top: 5px;}

select.drop-down {background-color: #333; color: #ffffff; height: 24px; border: 1px solid #333}


/* Rounded corners
_________________ */

.myBox {
    border-top: 3px solid #eaeced;
    border-bottom: 3px solid #eaeced;
    border-left: 3px solid #eaeced;
    border-right: 3px solid #eaeced;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	}
	

/* Footer
_________________ */

#footer {clear: both; width: 850px; margin-left: auto; margin-right: auto; padding-top: 30px; margin-bottom: 30px;}

#footer p, #footer a {color: #999;}

#footer a {font-weight: bold; border-bottom: 1px solid #999;}

#footer a:hover {font-weight: bold; border-bottom: 1px solid #999;}

.copyright {float: left; width: 400px;}

.rb {float: right; width: 300px; margin-right: 35px;}

p.rb  {text-align: right;}

/* PNG fix for IE 6 */
	img { 
		behavior: url(../pngfix/iepngfix.htc);
	}