/* 
Project: UoB Money Management
Filename: screen.css
Date: July 09
*/



/* ---------------- global styles ---------------- */

/* ---------------- global styles ---------------- 
Colours:
#A0A0A0 grey
#F7941C orange
#84a13f green
#7c4488 purple
*/

body {
    padding: 0;
  	font-size: 65%;
	text-align: center;
	color: #333333;
	background: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
    }


body a img {
    border: none;
}


img{
	display: block;
}
.thank-you{
	color:#990033;
	font-weight:bolder;
	font-size:large;
}



/* ---------------- clear standard browser styles ---------------- */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

hr {
	height:1px;
	color:#999999;
}



/* ---------------- global classes ---------------- */


.bold{
   font-weight: bold;
}


.hide,
#skipnav{
	position: absolute;
	left: -9999px;
}


.hide-link{
	position: absolute;
	left: -9999px;
}

.image_left{
	float: left;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px 10px ;
}

.image_right{
	float: right;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 5px 10px;
}

.image_left_no_border{
	float: left;
	margin-right:10px;
	margin-bottom:5px;
}



.image_right_no_border{
	float: right;
	margin-left:10px;
	margin-bottom:5px;
}

.image_right_low_no_border{
	float: right;
	margin-right:10px;
	margin-bottom:5px;
	padding-top:350px;
	
}


/* ---------------- wrap ---------------- */


#wrap {
	text-align: left;
	margin: 0px auto;
	width: 780px;
}



/* ---------------- standard header ---------------- */

#siteToolsContainer{
	float: left;
	padding: 0 0;
	font-size: 1.1em;
	background: #737D84;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 778px;
}



/* Top area */


/* Topmost bar of navigation */
/* i.e. Home, Accessibility links, search box */


#siteSearch {
	float: right;
	width: 250px;
	margin: 3px 6px 3px 0;
}

#siteToolsContainer .searchinput {
	border: 1px solid #7F9DB9;
	width: 163px;
	margin: 0 10px 0 0;
	float: left;
}

#siteToolsContainer .searchsubmit {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
}

#siteTools {
	padding: 5px 0 5px 6px;
	font-weight: bold;
	color: #fff;
}

#siteTools a {
	padding: 0 3px;
	color: #fff;
	text-decoration: none;
}


#siteTools a:hover{
	text-decoration: underline;
}


#search {
	float: right;
	padding: 0;
	margin: 0;
}

#search form {
	margin: 0;
	padding: 0;
}
/* End of Topmost bar of navigation */




/* ---------------- header ---------------- */


#header{
	float: left;
	width: 778px;
	height: 118px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: url(../img/header_bkg.jpg) no-repeat top right;
}




#header p a{
	display: block;
	margin: 15px 15px 10px 15px;
	width: 168px;
	height: 41px;
	text-indent: -99999px;
	background: url(../img/brighton_logo.gif) no-repeat left top;
}


#header h2{
	margin: 0 0 15px 15px;
	padding-top: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	font-size: 2.7em;
}


* html #header h2{
	margin: 0 0 10px 15px;
}


#header h2 a{
	text-decoration: none;
	color: #666666;
	}


/* ---------------- main_nav ---------------- */


#main_nav{
	float: left;
	width: 778px;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	border-top: none;
	border-bottom: none;
	background: #1C658A url(../img/nav_bkg.gif) no-repeat top right;
}


#main_nav li{
	float: left;
	letter-spacing: 1px;
	border-right: 1px solid #fff;
}


#main_nav li a{
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 8px;
	background: #1C658A;
	border-bottom: 3px solid #2588B8;
}




#main_nav li a:hover,
#main_nav li a.here{
	color: #ffffff;
	background: #135373;
	border-bottom: 3px solid #FF6600;
}




/* ---------------- main_content ---------------- */


#main_content{
	float: right;
	width: 778px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px 0 20px 0;
}


#main_content .gutter{
	padding: 0 10px;
}



/* ---------------- content ---------------- */


#content{
	float: right;
	width: 496px;
	padding-top:10px;
}


#content.home{
	float: left;
}


#content h1{
	color: #1C658A;
	font-size: 2.4em;
	letter-spacing: 1px;
	padding-bottom: 15px;
}

#content h2{
	color: #660000;
	font-size: 1.6em;
	letter-spacing: 1px;
	padding-top: 17px;
	padding-bottom: 5px;
	text-transform: none;
	font-weight:bold;
}


#content a{
	color: #D25400;
}


#content a:hover{
	text-decoration: none;
}


#content p{
	font-size: 1.2em;
	line-height: 1.3em;
	padding-bottom: 10px;
}


#content ul{
	font-size: 1.2em;
	padding-bottom: 5px;
}


#content ul li{
	background: url(../img/bullet.gif) no-repeat 0 5px;
	padding: 0 0 5px 15px;
}

#content ul li ul li{
	margin-top:5px;
	padding: 0px 0 0px 20px;
	font-size: 80%;
	color: #666666;
}

#content ul ul li{
	background:url(../img/bullet-small2.gif) no-repeat 0 5px;
	margin-top:5px;
	padding: 0px 0 0px 5px;
	font-size: 80%;
	color: #666666;
	margin-left:2px;
	list-style:none;
}

#content ol{
	font-size: 1.2em;
	padding-bottom: 5px;
}


#content ol li{
	padding: 0 0 5px 0px;
	margin-left: 25px;
}

#content blockquote.line {
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
}

#content blockquote.box {
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
	background-image:url(../img/div/b-qoute/bloc-q_bg.png);
}


#content .back_link{
	float: right;
	padding-top: 20px;
	font-weight: bold;
	}


#content .back_link a{
	color: #000;
	text-decoration: none;
}


#content .back_link a:hover{
	text-decoration: underline;
}

#content .link_bar, #content .link_bar a{
	color: #D25400;
}
#content .home div p{
background-color:#00FF66;
}

/* ---------------- blog ---------------- */


.home #blog{
	clear: both;
	float: left;
	width: 496px;
}


.home #blog .heading{

	float: left;
	width: 496px;
	margin-top: 20px;
	background: #1C658A url(../img/heading_bkg.gif) no-repeat 0 0;
	border-bottom: 1px solid #FF6600;
}


.home #blog .heading h3{
	float: left;
	color: #fff;
	font-size: 1.3em;
	padding: 5px 10px;
}


.home #blog .heading p{
	float: right;
	padding: 5px 10px;
}



.home #blog .heading p a{
	color: #CCE8F4;
	text-decoration: none;
}


.home #blog .heading p a:hover{
	text-decoration: underline;
}


.home #blog .posts{
	float: left;
	width: 476px;
	padding: 0 10px;
}


#blog .posts_full{
	float: left;
	width: 496px;
	padding: 0 0px;
}
	

.home #blog .posts h2{
	float: left;
	font-size: 1.6em;
	color: #135373;
	width: 476px;
	margin: -1px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px dotted #ccc;
}


#blog .posts_full h2{
	float: left;
	width: 496px;
	margin: 13px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px dotted #ccc;
	font-size: 1.6em;
	color: #135373;
}


.home #blog .posts h2 a{
	color: #135373;
	text-decoration: none;
}


#blog .posts_full h2 a{
	color: #135373;
	text-decoration: none;
}



.home #blog .posts h2 a:hover,
#blog .posts_full h2 a:hover{
	text-decoration: underline;
}


.home #blog .posts div{
	float: left;
	width: 476px; 
	font-size: 1.2em;
	padding: 0 0 13px 0;
}


#blog .posts_full div{
	float: left;
	width: 496px; 
	font-size: 1.2em;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
.postbody {
font:Arial, Helvetica, sans-serif;
font-size: 80%;
}

/* ---------------- feature news ---------------- */

#money_saver{
	margin-left: 10px;
	margin-right: 10px;
	font-size:1.2em;
	color: #1C658A;
	line-height:1.3;
}
#feature_horoscope{
height:182px;
background-image:url(../img/div/horoscope/starsigns_bg2.png);
}
#feature_horoscope p{
vertical-align:bottom;
position:relative;
bottom:-154px;
}
#feature_quiz{
height:157px;
background-image:url(../img/div/part-time-job.gif);
}
#feature_quiz p{
vertical-align:bottom;
position:relative;
bottom:-132px;
}
.feature_line {
}


/* ---------------- side_bar ---------------- */


#side_bar{
	float: left;
	width: 246px;
}


#side_bar.home{
	float: right;
}


#side_bar .tip{
	float: left;
	width: 246px;
	margin-bottom: 15px;
}


#side_bar .tip h3{
	font-size: 1.8em;
	padding: 10px 10px 5px 10px;
}


#side_bar .tip p{
	font-size: 1.2em;
	padding: 0 10px 10px 10px;
}


#side_bar .tip p a{
	display: block;
	text-align: right;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}


#side_bar .tip p a:hover{
	text-decoration: underline;
}


#side_bar .tip div{
	float: left;
	position: relative;
	color: #000;
	width: 246px;
	margin-top: 120px;
	background: url('../img/whiteTransparent75.png') repeat-y 0 0;
}


* html #side_bar .tip div{
	background: #fff;
	filter:alpha(opacity=75);
	height:1%;
	}


#side_bar .sub_nav{
	float: left;
	width: 246px;
	background: #f7f7f7 url(../img/subNavBgBottom.gif) no-repeat bottom left;
	padding: 0 0 11px 0;
	margin-bottom: 15px;
	font-size: 1.2em;
}


#side_bar .sub_nav ul{
	float: left;
	width: 246px;
	padding: 11px 0 0 0;
	background: #f7f7f7 url(../img/subNavBgTop.gif) no-repeat top left;	
}


#side_bar .sub_nav ul li{
	float: left;
	width: 246px;
	}
	
#side_bar .sub_nav ul li a{	
	display: block;
	padding: 5px 10px;	
	border-bottom: 1px solid #FFF;
	color: #333;	
	text-decoration: none;
	}
	
	
#side_bar .sub_nav ul li a:hover,
#side_bar .sub_nav ul li a.here{		
	background: #1C658A;
	color: #fff;
	border-bottom: 1px solid #FF6600;
	}
	

#side_bar .sub_nav ul ul{
	background: #fff;	
	padding: 0 0 0 0;	
	}
	
	
#side_bar .sub_nav ul ul li{
	float: left;
	width: 246px;	
	padding: 0px;
	border-top: none;
	}
	
#side_bar .sub_nav ul ul li a,
#side_bar .sub_nav ul li.here ul li a{	
	display: block;
	padding: 2px 10px;
	margin: 0 0 0 15px;	
	border-bottom: none;
	color: #333;
	font-size:12px;
	text-decoration: none;
	background: url(../img/subNavBullet.gif) no-repeat 0 5px;	
	}
	
	
#side_bar .sub_nav ul ul li a:hover,
#side_bar .sub_nav ul li ul li a.here,
#side_bar .sub_nav ul li.here ul li a:hover{
	background: url(../img/subNavBullet.gif) no-repeat 0 5px;
	color: #D25400;
	text-decoration: underline;
	border-bottom: none;
	}	


#side_bar .feature{
	float: left;
	width: 246px;
	margin-bottom: 15px;
	background: #f7f7f7 url(../img/feature_bkg2.gif) no-repeat bottom left;

}


#side_bar .advice h3{
	display: block;
	border-bottom: 1px solid #FF6600;
	color: #fff;
	font-size: 1.3em;
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #1C658A url(../img/feature_title_bkg.gif) no-repeat 0 0;
}


#side_bar .advice p a{
	display: block;
	font-weight :bold;
	text-align: right;
}


#side_bar .contact h3{
	display: block;
	color: #1C658A;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 10px;
	background: url(../img/contact_heading_bkg.gif) no-repeat 0 0;
}


#side_bar .feature p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 10px 10px 10px;
}


#side_bar .feature p strong{
	padding-right: 5px;
}


#side_bar .feature a{
	color: #000;
	text-decoration: none;
}


#side_bar .feature a:hover{
	text-decoration: underline;
}


#side_bar .feature ul li{
	background: url(../img/bullet.gif) no-repeat 0 5px;
	padding: 0 0 5px 15px; 
	margin: 0 10px;
	font-size: 1.2em;
}

#feature_blog a {
	color:#1C658A;
	font-size: 1.05em;
}
#feature_blog h2 {
	background: url(../img/bullet.gif) no-repeat 0 4px;
	color:#1C658A;
	padding: 0 0 10px 10px;
	margin: 0 10px;
	font-size: 1.1em;
}

/* ---------------- table style ---------------- */
.dashedtable
{
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

.dashedtable th
{
	font-size: 11px;
	font-weight: bold;
	color: #1C658A;
	padding: 10px 8px;
	border-bottom: 2px solid #1C658A;
}
.dashedtable td, .dashedtable a
{
	border-bottom: 1px solid #ccc;
	color: #666666;
	padding: 6px 8px;
}
.dashedtable tfoot td.foot
{
	border-bottom: 0px;
	padding: 6px 8px;
}
.dashedtable tbody tr:hover td
{
	color: #666666;
}




#hor-minimalist-b
{
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

#hor-minimalist-b th
{
	font-size: 11px;
	font-weight: bold;
	color: #1C658A;
	padding: 10px 8px;
	border-bottom: 2px solid #1C658A;
}
#hor-minimalist-b td, #hor-minimalist-b a
{
	border-bottom: 1px solid #ccc;
	color: #666666;
	padding: 6px 8px;
}
#hor-minimalist-b tfoot td.foot
{
	border-bottom: 0px;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #666666;
}
#table_find
{
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

#table_find th
{
	font-size: 11px;
	font-weight: bold;
	color: #1C658A;
	padding: 10px 8px;
	border-bottom: 2px solid #1C658A;
}
#table_find td
{
	border-bottom: 1px solid #ccc;
	color: #666666;
	padding: 6px 8px;
	vertical-align:top;
	width: 50%;
}
table_find tfoot td.foot
{
	border-bottom: 0px;
	padding: 6px 8px;
}
table_find tbody tr:hover td
{
	color: #1C658A;
}

#table_quiz
{
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

#table_quiz th
{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 6px 4px;
	border-bottom: 2px solid #1C658A;
	background-color:#1c658a;
}
#table_quiz td, #table_quiz a
{
	border-bottom: 1px solid #ccc;
	color: #666666;
	padding: 3px 4px;
}

/* ---------------- horoscope ---------------- */

#horoscope {
	padding-left: 20px;
	padding-right: 20px;
}

/* ---------------- budget_planner ---------------- */

#student_budget_planner {
}

#student_budget_planner table {
	width:420px;
}
#student_budget_planner input, #student_budget_planner select {
	border:solid 1px #ccc;
	font-size:11px;
	margin:5px;
	padding:5px;
}
#student_budget_planner th {
	color:#FFFFFF;
	background-color:#7c4488;
	font-weight:bold;
	padding: 6px 8px;
}
	
#student_budget_planner td {
	color:#000000;
	font-size: 11px;
	background-color:#E9E9E9;
	padding: 3px 5px;
	margin:1px;
	text-align:right;
}

#student_budget_planner tfoot td{
	color:#FFFFFF;
	background:url(../img/div/round_table.png) no-repeat;
	padding: 6px 8px;
	height:24px;
}

.tooltip_body{
width:300px;
text-align:left;
background-color:#fff;
filter: alpha(opacity=85);
opacity: 0.85;
color:#1B4966;
border:solid 1px #ccc;
padding:4px;
}

.tooltip_body ul li{
	background: url(../img/bullet.gif) no-repeat 0 5px;
	padding: 0px 0px 3px 10px;
}
.tooltip_header{
width:300px;
text-align:left;
background-color:#1C658A;
filter: alpha(opacity=85);
opacity: 0.85;
color:#fff;
font-weight:bold;
border:solid 1px #1C658A;
border-bottom: solid 1px #FF6600;
padding:4px;
}

/* ---------------- agony aunt form ---------------- */

#regform fieldset
{
	border: 1px solid #737D84;
	padding: 10px;
	background-color:#EAEAEA;
}   
#regform h3
{
	font-size:12px;
	font-weight:bold;
	color:#1C658A;
	padding-bottom: 5px;
	padding-left:6px;
}  

#regform legend
{
color: #fff;
background: #737D84;
border: 1px solid #737D84;
padding: 2px 6px
}
#regform label {
 margin-top: .33em;
 display: block;
}
#regform input type="text", #regform textarea {
 display: block;
 width: 100%;
} 
#regform input type="submit" {
 display: block;
 width: 100px;
} 

#register {
width: 220px;
padding-left:7px;
float:left;
}
#contactinfo {
width: 220px;
padding-left: 10px;
} 
/* ---------------- recipies ---------------- */
#recipies fieldset
{
	border: 1px solid #737D84;
	padding: 10px;
	background-color:#EAEAEA;
}

#recipies h3
{
	font-size:16px;
	font-weight:bold;
	color:#1C658A;
	padding-bottom: 5px;
}

#table_recipes
{
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

#table_recipes th
{
	font-weight: bold;
	color: #fff;
	background-color: #1c658a;
	padding: 6px 8px;
	border-bottom: solid 1px #FF6600;
}
#table_recipes td
{
	color: #666666;
	background-color:#F1F1F1;
	padding: 6px 8px;
	vertical-align:top;
	width: 50%;
}

/* ---------------- rss box ---------------- */
.rss_box {
font-size:80%;
 }
.rss_items {
position: relative; left: -10px;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active { 
}

.rss_item a:hover { 
}
.rss_date {
font-size:9px;
}

/* ---------------- footer ---------------- */



#footer{
	float: left;
	width: 778px;
	border: 1px solid #cccccc;
	text-align: center;
	padding: 30px 0 65px 0;
	background: #f3f3f3;
	font-size: 1.1em;
}


#footer a{
	color: #333333;
	text-decoration: none;
}


#footer a:hover{
	text-decoration: underline;
}

}
#wrap #main_content .gutter #content .home {
	line-height: 20px;
}