/* 
MASTER STYLE SHEET FOR STUDENTGENERATOR.COM WEB SITE
*/

/* --------- defaults  --------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; background-color: #AAAAAA;}

/* --------- generic styles  --------- */
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.right {text-align: right;}
.notopmargin, .first {margin-top: 0;}

/* --------- font size  --------- */
html {font-size: 100%;}
body {font-size: 62.5%;}

/* font defaults */
body, a {color: #336;}
#content, #rightColumn {font-size: 1.2em; letter-spacing: .04em;}
#sideBar {font-size: 1.1em; letter-spacing: .04em; }
		
/*  --------- structure  --------- */
#outerFrame {width: 940px; margin: 5px auto;}
#wrapper {width: 902px; padding: 0px 20px; background-color: White; float: left;} 
#header, #breadcrumb, #quickQuote, #content, #rightColumn, #sideBar, #footer {float: left;}
#header, #footer {width: 900px;}
#breadcrumb, #quickQuote {width: 440px;}
#header {background-image: url(../images/student.jpg); background-repeat: no-repeat; background-position: right bottom;}
#breadcrumb, #quickQuote {height: 25px; font-size: 1.1em; letter-spacing: .1em; margin: 10px 0;}	
#quickQuote {text-align: right;}
#content {min-height: 400px;}
    
/* Default layout */
body.oneColumn #content{width: 820px; padding: 0px 40px;}

/* Two column layout - columns equal width */
body.twoColumn #content {width: 410px; padding: 0px 20px;}
body.twoColumn #rightColumn {width: 410px; padding: 0px 20px;}

/* Sidebar layout - 300px sidebar to right of content pane*/
body.sideBar #content {width: 630px; padding-right: 10px;}
body.sideBar #sideBar {width: 239px; padding: 5px 10px 5px 10px; margin-left: 0px; border-left: dotted 1px #CCC;}

/* Footer */
#footer
	{
	height: 60px;
	border-top: 1px solid #333366;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 5px;
	clear: both;
	}
	
/*  --------- header elements  --------- */
#topNav, #banner, #tab_nav, #line {width: 900px; float: left;}
#banner {height: 80px;}
#line {height: 1px; margin: 0px; padding: 0px;}

/*--- studentgenerator.com logo, plus login and contact links ---*/
#topNav 
	{
	float: left;
	width: 890px;
	background-image: url(../images/studentgeneratorLogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	margin-top: 5px;
	margin-left: 5px;
	text-align: right;
	}
#topNav img {margin: 0px 5px;}
#topNav a {font-size: 1.1em;}
	
/* Strapline, telephone and e-mail */
#banner p {margin: 2px 0px;}
#banner p.strapline	{font-size: 1.2em; font-weight: normal; width: 500px; float: left; padding-left: 25px; letter-spacing: .25em;}
#banner p.telephone {text-align: right; width: 200px; float: left;}
#banner p.email {font-size: 1.2em; text-align: right; font-weight: normal;  width: 725px; float: left;}
#banner p.email a {text-decoration: none;} 


/*--- Tabbed navigation ---*/

img	{border: none;} 
#tab_nav 
	{
      	float:left;
      	width: 900px;
		font-size: 1.2em;
		font-family: verdana;
		font-weight: bold;
		letter-spacing: .05em;
      	line-height:normal;
		border-bottom: 1px solid #333366;
		margin: 0px;
      	}

#tab_nav ul 
	{
	margin:0px;
	padding: 0px 10px 0px 25px;
	list-style:none;
      	}

#tab_nav li 
	{
      	display:inline;
      	margin:0;
      	padding:0;
      	}

#tab_nav a 
	{
      	float:left;
      	background:url(../images/tableft.gif) no-repeat left top;
        background-position: 0% -42px;
      	margin:0;
      	padding:0 10px 0 5px;
      	text-decoration:none;
      	}

#tab_nav a span 
	{
      	float:left;
      	display:block;
      	background:url(../images/tabright.gif) no-repeat right top;
        background-position: 100% -42px;
      	padding:5px 15px 6px 6px;
      	color:#FFF;
      	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tab_nav a span {float:none;}

#tab_nav #active a { /*Selected Tab style*/
background-position: 0 0px; /*Shift background image up to start of 2nd tab image*/
}

#tab_nav #active a span{ /*Selected Tab style*/
background-position: 100% 0px; /*Shift background image up to start of 2nd tab image*/
color: #fff;
}

/* End IE5-Mac hack */
   
#tab_nav a:hover span { color:#FFF;}
#tab_nav a:hover { background-position: 0% 0px;}
#tab_nav a:hover span { background-position: 100% 0px;}


/*---------- Feature - tick list ----------*/
ul.ticklist {margin: 10px 10px 10px 25px;}
ul.ticklist li {line-height: 1.5em; margin: 15px 0px;}

/*---------- footer elements ----------*/
#globe {width: 50px; float: left; margin: 0px 10px;}
#address {width: 250px; float: left;}
#bottom_nav {width: 580px; float: left;}

#bottom_nav p
	{
	color: #214a80;
	font-family: Verdana;
	font-size: 1em;
	letter-spacing: .05em;
	text-align: right;
	clear: both;
	padding-right: 5px;
	line-height: 140%;
	letter-spacing: .03em;
	}

#bottom_nav ul
	{
	text-align: right;
	list-style-type: none;
	margin-bottom: 25px;
	}

#bottom_nav li
	{
	background: transparent;
	display: inline;
	}

#bottom_nav a:link, #bottom_nav a:visited 
	{
	color: #214a80;
	font-family: Verdana;
	font-size: 1.1em;
	font-weight: normal; 
	text-decoration: none;
	padding: 0 2px 0 2px;
	}

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

#address
	{
	color: #214a80;
	font-family: Verdana;
	font-size: 1.1em;
	letter-spacing: .2em;
	line-height: 150%;
	text-align: left;
	}

#address ul	{list-style-type: none; margin: 0;}
#line {margin:0; padding: 0; width: 900px;}
.align {margin-top: 0px; padding: 0; border: 0px solid #000; vertical-align: top;}