/* Selectors */

body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; background: url(../images/bg.jpg) left top repeat-x #fff; }

h1, h2, h3, h4, h5, h6, p, ul, ol, form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { padding: 0 0 15px 0; font-family: arial; color: #630018; text-transform: uppercase; }
h3 { font-size: 15px; }

p, ul, ol { margin: 0 0 15px 0; line-height: 18px; color: #666666; text-align: justify; }

a { color: #630018; text-decoration: none; }

img { margin: 0 0 15px 0; border: none; }

input, textarea { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }

/* Header */

#masthead { float: left; width: 100%; height: 70px; }
#masthead h1 { float: left; width: 240px; height: 70px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#masthead h1 a { display: block; width: 100%; height: 100%; background:url(../images/logo_kelburn.gif) no-repeat left 7px; }

/* Navigation */

#nav { float: right; width: 710px; height: 40px; margin: 34px 0 0 0; border-top: solid 4px #982335; }
#nav ul { margin: 0; padding: 0; list-style: none; float:right;}
#nav ul li { display: inline; }
#nav ul li a { float: left; display: block; height: 30px; margin: 0; padding: 0 12px; font-size: 13px; color: #545454; text-transform: uppercase; line-height: 26px; letter-spacing: -1px; }
#nav ul li a:hover { color: #fff; background: #982335; }

/* Layout structure */

#home {background: url(../images/bg_home.jpg) left top repeat-x #fff; }

#container { width: 960px; margin: 0 auto; }

#feature { clear: both; float: left; width: 100%; height: 290px;}
#feature img {float:left}
#feature_copy {float:right; width: 430px; margin-top: 45px; }
#feature_copy h2 {font-size: 20px; letter-spacing: -0.04em; text-transform: uppercase; line-height: 30px;  color:#FFFFFF}
#feature_copy p {font-size: 14px; line-height: 24px;  color:#FFFFFF}

#header { clear: both; float: left; width: 100%; height: 245px;}
#header img {float:left}
#header_copy {float:right; width: 275px; margin-top: 30px; }
#header_copy h2 {font-size: 20px; letter-spacing: -1px; text-transform: uppercase; line-height: 30px;  color:#FFFFFF}
#header_copy p {font-size: 14px; line-height: 24px;  color:#FFFFFF}
#header_copy p.porti_choice {color:#982335; font-size: 13px; text-transform: uppercase; margin-bottom: 2px; padding-bottom: 15px}


#header_porti { clear: both; float: left; width: 100%; height:}
#porti_display {float: left; width: 661px; height: 530px; background:url(../images/bg_porti.jpg) no-repeat; padding: 19px 0 0 12px}

.column { float: left; width: 240px; }
.column_content {float: left; width: 640px; margin-right: 30px;}
.column_right {float: left; width: 290px;}
.column .wrapper, .column_content .wrapper, .column_right .wrapper { padding: 15px; }

/* Footer */

#footer { clear: both; width: 100%; height: 40px; background: #982335; }
#footer .wrapper { margin: 0 auto; font-size: 10px; }
#footer .wrapper p { margin: 10px 15px; color: #fff; display: inline; }
#footer .wrapper p.left { float: left; }
#footer .wrapper p.right { float: right; }
#footer .wrapper a { font-weight: normal; color: #fff; text-decoration: none; }
#footer .wrapper a:hover { background: none; }

/* Miscellaneous */

.link { font-weight: bold; text-decoration: none; }
a:hover .link { text-decoration: underline; }

.clear { clear: both; }

.author { color: #a7a7a7; }

a.button { padding: 5px 20px 5px 10px; font-weight: bold; font-size: 10px; text-transform: uppercase; background: url("../images/arrow.gif") 85px center no-repeat #cbcbcb; }
a.button:hover { color: #fff; background: url("../images/arrow_over.gif") 85px center no-repeat #630018; }

.intro {font-size:15px; color:#630018; line-height: 24px; margin-bottom: 25px; letter-spacing:-0.04em; }
.organisation {color:#982335; text-transform: uppercase; margin-bottom: 2px;}
.member {color:#999999; margin-bottom: 0;}

/* messages */
.message_box {float:left; clear:both; width:100%; margin:10px 0 20px 0; border:1px solid #81BAD5; background:#E9E9E9; filter:alpha(opacity=90); opacity:0.9;}
.message_box p {margin:10px;}
.error, .warning, .highlight {color:#F00; font-weight:bold;}
.warning {color:#FF8B05;}
.highlight {color:#0099D4; font-weight:bold;}

/*Forms*/

.textarea {width:220px;}
.refresh {margin:0 0 28px 20px;}