/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Rose Bruford College Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html { overflow: scroll; }


/* ----- IDS ----- */
#container { width:950px; margin:0 auto; text-align:left; font-size:120%; padding:15px 15px 15px 15px; background: #ffffff; }
#container #header { width:950px; height:80px; position:relative; margin-bottom:70px;}
#container #header #logo { position:absolute; top:0; left:0; margin-top:50px;}
/*#container #header #searchForm { padding:0; margin:0; position:absolute; top:0; right:0;}
#container #header #searchForm #searchInput { background:#939598; border:none; width:120px; height:14px; padding:1px 5px; float:left;}
#container #header #searchForm #btnSearch { width:15px; height:16px; float:left; margin-left:2px;}*/
#container #header #newsTicker { position:absolute; top:46px; right:0; color:#ee3a3c; width:500px; text-align:right; font-size:11px;}
#container #headersmall { width:950px; height:80px; position:relative; margin-bottom:52px;}
#container #headersmall #logo { position:absolute; top:0; left:0; margin-top:50px;}
/*#container #headersmall #searchForm { padding:0; margin:0; position:absolute; top:0; right:0;}
#container #headersmall #searchForm #searchInput { background:#939598; border:none; width:120px; height:14px; padding:1px 5px; float:left;}
#container #headersmall #searchForm #btnSearch { width:15px; height:16px; float:left; margin-left:2px;}*/
#container #headersmall #newsTicker { position:absolute; top:46px; right:0; color:#ee3a3c; width:500px; text-align:right; font-size:11px;}
#headerDetails { float:right; text-align:right; }
#details { margin-bottom: 8px; }
#details ul { list-style:none; padding:0; margin:0;}
#details li { list-style:none; display:inline; border-right:1px solid #8c8e90; padding:0 5px 0 0; font-size:10px; color:#888888;}
#details li.last { list-style:none; display:inline; border-right:none; padding:0; font-size:10px; color:#888888;}
#details li a { font-size:10px; color:#888888; text-decoration:none;}
#details a { font-weight:normal; text-decoration:none; outline:none;}
#details a:hover { text-decoration:underline;}
.searchText { border:1px solid #000000; height:14px; padding:1px 5px; margin: 0;vertical-align:middle; }
.searchButton { width:15px; height:16px; margin-left:2px; vertical-align:middle; }

#container #columnsContainer { width:950px; margin-bottom:10px;}
#container #columnsContainer #leftCol { display:none; }
#container #columnsContainer #middleCol { display:none; }
#container #columnsContainer #rightCol { float:left; width:564px;}
#container #columnsContainer #rightColLeft { float:left; width:371px; margin-right:15px;}
#container #columnsContainer #rightColRight { float:left; width:178px;}
#container #columnsContainer #searchCol { float:left; width:714px; padding: 18px; background-color:#000000;}

#container #columnsContainer #middleCol img { margin:45px 0 0 0; }

#container #columnsContainer #rightColLeft #programmesLeft { float:left; width:178px; border-top:1px solid #000000; padding:2px 0 0 0;}
#container #columnsContainer #rightColLeft #programmesRight { float:right; width:178px; border-top:1px solid #000000; padding:2px 0 0 0;}
#container #columnsContainer #rightColLeft .programme { border-bottom:1px solid #000000; padding:2px 0 7px 0; font-size:11px;}
#container #columnsContainer #rightColLeft .programme a { color:#000000; text-decoration:none; font-weight:normal;}
#container #columnsContainer #rightColLeft .programme a:hover { text-decoration:underline;}
#container #columnsContainer #rightColLeft #authorBox {}
#container #columnsContainer #rightColLeft #authorBox .authorPic { float:left; margin-right:10px;}
#container #columnsContainer #rightColLeft #authorBox .authorInfo { float:left; padding:65px 0 0 0; font-size:11px;}
#container #columnsContainer #rightColLeft #authorBox .authorInfoRed { float:left; padding:85px 0 0 0; font-size:11px; color:#ee3a3c; font-style:italic; font-weight:bold;}
#container #columnsContainer #rightColLeft .profile { float:left; width:81px; margin:0 15px 15px 0; font-size:10px;}
#container #columnsContainer #rightColLeft .profileEOR { float:left; width:81px; margin:0 0 15px 0; font-size:10px;}
#container #columnsContainer #rightColLeft .profilePic { margin-bottom:5px;}
#container #columnsContainer #rightColLeft .profileName { font-weight:bold; padding:0; line-height:14px;}
#container #columnsContainer #rightColLeft .profileInfo { padding:0; line-height:14px;}
#container #columnsContainer #rightColLeft .articleBox { width:371px; padding:10px 0; border-top:1px solid #000000;}
#container #columnsContainer #rightColLeft .articleBox a { color:#555555; font-weight:normal; text-decoration:none;}
#container #columnsContainer #rightColLeft .articleBox a:hover { text-decoration:underline;}
#container #columnsContainer #rightColLeft .articlePic { float:left; width:85px; margin-right:10px;}
#container #columnsContainer #rightColLeft .articleTitle { font-size:12px; font-weight:bold; padding:0 0 10px 0;}
#container #columnsContainer #rightColLeft .articlePicLarge { margin-bottom:15px;}
#container #columnsContainer #rightColLeft .graduateInfo { padding:0 0 0 100px; line-height:14px;}
#container #columnsContainer #rightColLeft .admin { float:left; width:178px; margin:0 15px 15px 0; font-size:10px;}
#container #columnsContainer #rightColLeft .adminEOR { float:left; width:178px; margin:0 0 15px 0; font-size:10px;}

#container #columnsContainer #rightColRight .link { border-bottom:1px solid #000000; padding:0 0 5px 0;}
#container #columnsContainer #rightColRight .link a { color:#ee3a3c; text-decoration:none; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .link a:hover { text-decoration:underline;}
#container #columnsContainer #rightColRight .linkPurple { border-bottom:1px solid #000000; padding:0 0 5px 0;}
#container #columnsContainer #rightColRight .linkPurple a { color:#a3268f; text-decoration:none; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .linkPurple a:hover { text-decoration:underline;}
#container #columnsContainer #rightColRight .linkOrange { border-bottom:1px solid #000000; padding:0 0 5px 0;}
#container #columnsContainer #rightColRight .linkOrange a { color:#f8971d; text-decoration:none; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .linkOrange a:hover { text-decoration:underline;}
#container #columnsContainer #rightColRight .linkBlue { border-bottom:1px solid #000000; padding:0 0 5px 0;}
#container #columnsContainer #rightColRight .linkBlue a { color:#0089d0; text-decoration:none; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .linkBlue a:hover { text-decoration:underline;}
#container #columnsContainer #rightColRight .linkWhite { border-bottom:1px solid #000000; padding:0 0 5px 0;}
#container #columnsContainer #rightColRight .linkWhite a { color:#000000; text-decoration:none; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .linkWhite a:hover { text-decoration:underline;}
#container #columnsContainer #rightColRight #videoBox { width:178px; height:108px; margin-bottom:20px;}
#container #columnsContainer #rightColRight #picBox { width:178px; height:229px; margin-bottom:7px;}
#container #columnsContainer #rightColRight .pdfLink { padding:0 0 7px 20px; line-height:16px; background:url(../images/pdfIconRev.gif) 0 3px no-repeat;}
#container #columnsContainer #rightColRight .pdfLink a { color:#939598; text-decoration:underline; font-weight:normal; font-size:11px;}
#container #columnsContainer #rightColRight .pdfLink a:hover { text-decoration:none;}


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.red { color:#ee3a3c;}
.dividerLineTop { height:1px; background:#000000; line-height:0px; font-size:0; margin-bottom:5px;}
.dividerLine { height:1px; background:#000000; line-height:0px; font-size:0; margin-bottom:5px; margin-top:10px;}
.dividerLinePara { line-height:0px; font-size:0; margin:5px 0 0 0; border-top:1px dotted #000;}
.noPadding { padding:0;}
.redSubTitle { color:#d2232a; padding:0;}
.whiteSubTitle { color:#000000; padding:0;}
.whiteSubTitleBold { color:#000000; padding:0; font-weight:bold;}
.greyLink { color:#8c8e90; font-weight:normal;}
.credit { line-height:12px; font-size:9px; margin-top: 15px; }

.list { list-style:none; padding:0; margin:0 0 10px 0;}
.list li { color:#000000; background:url(../images/listLineRev.gif) 0 9px no-repeat; padding:0 0 0 10px; font-size:11px;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;}
h3 { margin:5px 0 0 0; padding:5px 0 0 0; font-size:100%; font-weight:bold; border-top:1px dotted #000; }
.titleRed { height:30px; background:#ee3a3c; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; font-style:italic;}
.titleRedBig { height:26px; background:#ee3a3c; padding:27px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleRedCourse { height:26px; background:#ee3a3c; padding:27px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleOrange { height:30px; background:#f8971d; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; font-style:italic;}
.titleOrangeBig { height:48px; background:#f8971d; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleOrangeCourse { height:26px; background:#f8971d; padding:27px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titlePurple { height:30px; background:#a3268f; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; font-style:italic;}
.titlePurpleBig { height:48px; background:#a3268f; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titlePurpleCourse { height:26px; background:#a3268f; padding:27px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleBlue { height:30px; background:#0089d0; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; font-style:italic;}
.titleBlueBig { height:48px; background:#0089d0; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleBlueCourse { height:26px; background:#0089d0; padding:27px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleWhite { height:30px; background:#000000; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; font-style:italic;}
.titleWhiteBig { height:48px; background:#000000; padding:5px 0 0 5px; margin-bottom:10px; position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:22px; font-style:italic;}
.titleLink { position:absolute; top:5px; right:10px; font-size:10px; padding-top: 11px;}
.titleLink a { text-decoration:none; color: #ffffff;}
.titleLink a:hover { text-decoration:underline;}
.subtitleWhite { color:#000000; font-weight:bold; font-size:12px; font-style:italic; margin: 10px 0 3px 0; padding:0;}
.subtitleRed { color:#ee3a3c; font-weight:bold; font-size:12px; font-style:italic; margin: 10px 0 3px 0; padding:0;}
.subtitleOrange { color:#f8971d; font-weight:bold; font-size:12px; font-style:italic; margin: 10px 0 3px 0; padding:0;}
.subtitlePurple { color:#a3268f; font-weight:bold; font-size:12px; font-style:italic; margin: 10px 0 3px 0; padding:0;}
.subtitleBlue { color:#0089d0; font-weight:bold; font-size:12px; font-style:italic; margin: 10px 0 3px 0; padding:0;}
.titleDegree { font-size:12px; font-weight:bold; font-style:italic;}


/* ----- LEFT NAVIGATION ----- */
#leftNavContainer { width:178px; border-top:1px solid #000000; padding:5px 0 0 0; margin:45px 0 0 0;}
#leftNavContainer2 { width:178px; border-top:1px solid #000000; padding:5px 0 0 0; margin:63px 0 0 0;}
.leftNavList { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.leftNavList ul { list-style:none; padding:0; margin:0;}
.leftNavList li { float:left; display:block;}
.leftNavList li a { float:left; display:block; color:#000000; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.leftNavList li a.active { background:#000000; color:#ffffff;}
.leftNavList li a.activeRed { background:#ee3a3c; color:#ffffff;}
.leftNavList li a:hover { display:block; background:#000000; color:#ffffff; text-decoration:none;}

.leftNavListRed { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.leftNavListRed ul { list-style:none; padding:0; margin:0;}
.leftNavListRed li { float:left; display:block;}
.leftNavListRed li a { float:left; display:block; color:#ee3a3c; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.leftNavListRed li a.active { background:#ee3a3c; color:#ffffff;}
.leftNavListRed li a:hover { display:block; background:#ee3a3c; color:#ffffff; text-decoration:none;}

.leftNavListOrange { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.leftNavListOrange ul { list-style:none; padding:0; margin:0;}
.leftNavListOrange li { float:left; display:block;}
.leftNavListOrange li a { float:left; display:block; color:#f8971d; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.leftNavListOrange li a.active { background:#f8971d; color:#ffffff;}
.leftNavListOrange li a:hover { display:block; background:#f8971d; color:#ffffff; text-decoration:none;}

.leftNavListPurple { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.leftNavListPurple ul { list-style:none; padding:0; margin:0;}
.leftNavListPurple li { float:left; display:block;}
.leftNavListPurple li a { float:left; display:block; color:#a3268f; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.leftNavListPurple li a.active { background:#a3268f; color:#ffffff;}
.leftNavListPurple li a:hover { display:block; background:#a3268f; color:#ffffff; text-decoration:none;}

.leftNavListBlue { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.leftNavListBlue ul { list-style:none; padding:0; margin:0;}
.leftNavListBlue li { float:left; display:block;}
.leftNavListBlue li a { float:left; display:block; color:#0089d0; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.leftNavListBlue li a.active { background:#0089d0; color:#ffffff;}
.leftNavListBlue li a:hover { display:block; background:#0089d0; color:#ffffff; text-decoration:none;}


/* ----- SUB NAVIGATION ----- */
#subNavContainer { width:178px; border-top:1px solid #000000; padding:5px 0 0 0; margin:45px 0 0 0;}
#subNavContainer2 { width:178px; border-top:1px solid #000000; padding:5px 0 0 0; margin:63px 0 0 0;}
.subNavList { width:178px; margin-bottom:5px; border-bottom:1px solid #000000; padding:0 0 5px 0;}
.subNavList ul { list-style:none; padding:0; margin:0;}
.subNavList li { float:left; display:block;}
.subNavList li a { float:left; display:block; color:#000000; text-decoration:none; font-weight:normal; width:178px; line-height:16px;}
.subNavList li a.active { background:#000000; color:#ffffff;}
.subNavList li a.activeRed { background:#ee3a3c; color:#ffffff;}
.subNavList li a:hover { display:block; background:#000000; color:#ffffff; text-decoration:none;}
.subNavList ul li ul li { float:left; display:block;}
.subNavList ul li ul li a { float:left; display:block; color:#000000; text-decoration:none; font-weight:normal; width:165px; line-height:16px; background:url(../images/listLine.gif) 0 9px no-repeat; padding:0 0 0 10px;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}


/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { width:200px; margin-bottom:10px; height:auto !important; height:35px; min-height:35px;}
#breadcrumbs ul { list-style:none; padding:0; margin:0;}
#breadcrumbs li { float:left; display:block; background:url(../images/breadcrumbsArrowRev.gif) 0 7px no-repeat; padding:0 4px 0 8px;}
#breadcrumbs li.first { float:left; display:block; background:none; padding:0 4px 0 0;}
#breadcrumbs li a { float:left; display:block; color:#888888; text-decoration:none; font-size:11px; font-weight:normal;}
#breadcrumbs li a:hover { text-decoration:underline;}

#breadcrumbs2 { margin-bottom:10px; height:auto !important; height:25px; min-height:25px;}
#breadcrumbs2 ul { list-style:none; padding:0; margin:0;}
#breadcrumbs2 li { float:left; display:block; background:url(../images/breadcrumbsArrow.gif) 0 7px no-repeat; padding:0 4px 0 8px;}
#breadcrumbs2 li.first { float:left; display:block; background:none; padding:0 4px 0 0;}
#breadcrumbs2 li a { float:left; display:block; color:#888888; text-decoration:none; font-size:10px; font-weight:normal;}
#breadcrumbs2 li a:hover { text-decoration:underline;}

/* ----- FOOTER ----- */
#footer { width:950px;}
#footer ul { list-style:none; padding:5px 0 0 0; margin:20px 0; float:right;}
#footer li { float:left; display:block; border-right:1px solid #888888; padding:0 5px;}
#footer li.last { float:left; display:block; border-right:none; padding:0 0 0 5px;}
#footer li a { float:left; display:block; font-size:10px; color:#888888; line-height:12px;}
#footer a { font-weight:normal; text-decoration:none; outline:none;}
#footer a:hover { text-decoration:underline;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; color:#000000; font-size:11px; line-height:16px;}
address { font-style:normal;}
li { font-size:11px; line-height:16px; margin-bottom:5px;}
.admin p, .adminEOR p { padding:0 0 5px 0; margin:0; color:#333333; font-size:11px; line-height:16px;}


/* ----- LINKS ----- */
a { color:#555555; font-weight:normal; text-decoration:none; }
a:hover { text-decoration:underline; }


/* ----- FORMS ----- */
/*form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}*/


/* ----- FORM VALIDATION ----- */
/*input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }*/


/* ----- TABLES ----- */
/*table { border-collapse:collapse; }
table p { padding:0px; }*/