/* Coded By : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd */

/* --- GLOBAL STYLES --- */
body { font-size:12px; line-height:16px; font-family:Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; background:#f7f7f7 url(../images/bg.gif) 0 0 repeat-x; color:#4f5051; text-align:left;}
img { display:block; border:0; }
p { padding:0 0 20px 0; margin:0; line-height:20px;}
address { font-style:normal;}

/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#container { width:960px; margin:0 auto;}
#container #header { width:960px; height:90px; position:relative;} 
#container #header #logo { position:absolute; top:18px; left:20px;}  
#container #header #tagline { position:absolute; top:27px; right:20px;}
#container #columnsContainer { width:960px; margin-bottom:20px;} 
#container #columnsContainer #leftCol { float:left; width:702px;}
#container #columnsContainer #leftCol #banner { margin-bottom:20px;}
#container #columnsContainer #leftCol #banner #slideshow { position:relative; height:240px;}
#container #columnsContainer #leftCol #banner #slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#container #columnsContainer #leftCol #banner #slideshow img.active { z-index:10; opacity:1.0;}
#container #columnsContainer #leftCol #banner #slideshow img.last-active { z-index:9;}
#container #columnsContainer #leftCol #content { height:auto !important; height:512px; min-height:512px;}
#container #columnsContainer #leftCol #content .pad20 { padding:20px 20px 0 20px;}
#container #columnsContainer #rightCol { float:right; width:242px;}
#container #columnsContainer #rightCol #tweets { height:250px; margin-bottom:20px; position:relative;}
#container #columnsContainer #rightCol #tweets .boxLinks { position:absolute; bottom:20px; left:20px; padding:20px 0 0 0; width:200px;}
#container #columnsContainer #rightCol #tweets .boxLinks .icon { position:absolute; bottom:0; right:0;}
#container #columnsContainer #rightCol #tweets ul { list-style:none; padding:0; margin:0;}
#container #columnsContainer #rightCol #tweets ul li { line-height:20px;}
#container #columnsContainer #rightCol #tweets .userIcon { float:left; padding:0 10px 0 0;}
#container #columnsContainer #rightCol .boxLinks { position:relative; padding:20px 0 0 0;}
#container #columnsContainer #rightCol .boxLinks .icon { position:absolute; bottom:0; right:0;}

/* --- NEWS STYLES --- */
#container #columnsContainer #latestNews { margin-bottom:20px;}
#container #columnsContainer .newsItem { margin-bottom:20px;}
#container #columnsContainer .newsDate { color:#00abd8; margin-bottom:5px;}
#container #columnsContainer .newsTitle { margin-bottom:5px;}
#container #columnsContainer .newsTitle a { color:#2c2b2b;}
#container #columnsContainer .newsSummary { line-height:20px;}

/* --- PAGINATION --- */
.newsPagination { padding:10px 0 0 0; border-top:1px solid #cccccc;}
.newsPagination .paginationInfo { float:left;}
.newsPagination .paginationInfo span { padding:0; margin:0;}
.newsPagination .paginationLinks { float:right;}
.newsPagination span { padding:0px 3px; margin-right:5px;}
.newsPagination a { color:#00abd8; font-weight:normal; text-decoration:none; padding:0px 3px; margin-right:5px;}
.newsPagination a:hover { background:#00abd8; color:#FFFFFF; text-decoration:none;}
.newsPagination .ditto_view_pages { padding-right:5px;}
.newsPagination .ditto_currentpage { background:#00abd8; color:#FFFFFF; padding:0px 3px;}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}
.whiteBox { background:#FFFFFF; border:1px solid #dcdedf;}
.pad5 { padding:5px;}
.pad20 { padding:20px;}
.contentLink { background:url(../images/linkIcon.gif) 0 1px no-repeat; padding:0 0 0 20px;}
.floatLeft { float:left;}
.floatRight { float:right;}
.blue { color:#00abd8;}
.bold { font-weight:bold;}
.imageLeft { float:left; margin:0 20px 10px 0; border:1px solid #cccccc; padding:5px;}
.imageRight { float:right; margin:0 0 10px 20px; border:1px solid #cccccc; padding:5px;}
.error { color:#FF0000; margin-bottom:20px;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 20px 0; font-size:12px; line-height:16px; font-weight:bold; text-transform:uppercase; color:#00abd8; letter-spacing:-1px;}
h1 { font-size:16px; line-height:16px;}
h2 { font-size:16px; line-height:16px;}
h3 { font-size:14px; line-height:14px;}
h4 { font-size:12px; line-height:12px;}

/* --- LISTS --- */
#content ul { list-style:none; padding:0; margin:0 0 10px 0;}
#content ul li { padding:0 0 10px 20px; margin:0; background:url(../images/listBullet.gif) 0 3px no-repeat;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:960px; height:40px; margin-bottom:20px;}
#topNav ul { margin:0; padding:5px 0 0 20px; list-style:none;}
#topNav ul li { display:inline; float:left; margin-right:1px;}
#topNav ul li a { display:inline; float:left; text-transform:uppercase; color:#4d4d4d; font-size:12px; font-weight:normal;}
#topNav ul li a span { display:inline; float:left; height:33px; padding:7px 14px 0 15px; cursor:pointer;}
#topNav ul li a:hover { background:url(../images/topNavRight.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#topNav ul li a:hover span { background:url(../images/topNavLeft.gif) top left no-repeat;}
#topNav ul li.active a { background:url(../images/topNavRight.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#topNav ul li.active a span { background:url(../images/topNavLeft.gif) top left no-repeat;}

/* --- FOOTER --- */
#footer { padding:0 20px 20px 20px; font-size:11px;}
#footer a { color:#4d4d4d; font-weight:normal;}

/* ----- LINKS ----- */
a { color:#00abd8; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
a:focus, a:hover, a:active { outline:none;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
form div { clear:both;}
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
textarea, input, select { font:12px; font-family:Arial, Helvetica, Verdana, sans-serif;}
.btnSubmit { width:58px; height:22px; display:block; margin-bottom:20px;}
label { float:left; display:block; width:150px;}
.input { float:left; width:234px; border:1px solid #cccccc; padding:3px; margin:0 0 5px 0;}
.textarea { float:left; width:234px; border:1px solid #cccccc; padding:3px; margin:0 0 5px 0; height:100px; font-size:12px;}
.selectBox { width:240px; margin:0 0 5px 0;}
.upload { float:left; margin:0 0 5px 0;}