* {margin: 0px; padding: 0px;}

/*Layout*/
body {background-color: #F8F8F0; font-family: Verdana, Helvetica, sans-serif; font-size: 75%; line-height: 1.3em;}

#masthead {height: 170px; width: 100%; background-color: #DBD7B3;}

#contentL {float: left; width: 440px;}
#contentR {float: right; width: 440px;}

#contentMajor {float: left; width: 555px;}
#contentMinor {float: right; width: 325px;}

.fixedwidth {margin: 0 auto; width: 900px; position: relative;}

.frame {margin: 30px 0 0 0; padding: 40px 35px 40px 40px;}

#frameNav {
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 23px;
	padding-bottom: 20px;
	padding-left: 25px;
}
	
#footer {width: 100%; padding: 30px 0 20px 0; clear: both; background-color: #b3c4b9;}

#siteInfo {margin-top: 70px; font-size: 90%;}

#bookmark {height: 16px; width: 125px; position: absolute; top: 7px; right: 5px;}


/* Type */

p {margin-bottom: 8px;}

h1 {text-indent: -9000px; position: absolute; left: 0px; top: 0px; background: url(../images/global/smart-logo.gif) no-repeat; height: 95px; width: 180px;}
h1 a {display:block; height: 95px; background: url(../images/global/smart-logo.gif) no-repeat;}

h2 {
	text-align: right;
	font-family: Helvetica, sans-serif;
	font-size: 160%;
	line-height: 130%;
	padding-top: 70px;
	font-weight: normal;
}

h3 {color: #2B388F; font-size: 110%; padding-bottom: 5px;}

h4 {
	border-bottom: 1px solid;
	color:  #2B388F;
	padding: 5px 0 2px 0;
	font-size: 100%;
	margin: 0 15px 5px 0;
}

#contentL ul, #contentR ul, #contentMajor ul {list-style-type: none; margin: 10px 0 12px 0;}
#contentL li, #contentR li, #contentMajor li {margin: 0 0 8px 15px; list-style: url(../images/global/bullet.gif) inside; line-height: 1.3em;}

#frameNav ul {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#frameNav li {
	height: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
}

#frameNav ul h3 a {
	font-size: 90%;
}

#footer  a, #footer  p {color: #222222;}

#masthead p {color: #222222; font-weight: bold; position: absolute; left: 0px; top: 145px;}

.bold {font-weight: bold; color: #222222;}


/* Images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.imgR {float: right; margin-left: 10px;}
.imgH {float: right; margin-left: 30px;}

/* Styling */
.brown {background: #F0F2DA url(../images/global/greyfade.gif) repeat-x top;}
.blue {background: #D3EAE4 url(../images/global/blueBG.gif) no-repeat left top;}
.grey {background: #ECECEC url(../images/global/greyBG.gif) no-repeat left bottom;}
.border {border: 1px solid #222222;}


/* Links */
a img {border: 0;}
a:link {text-decoration: underline; color: #000000;}
a:hover {text-decoration: none; background-color: #CCCCCC;}
a:visited {color: #222222;}


/* Navigation */
#nav {background-color: #222222; height: 30px; width: 100%; position: relative;}
#nav ul {list-style: none;}
#nav ul a {display: block; text-decoration: none; color: #FFFFFF; height: 30px; float: left; line-height: 30px; padding: 0 7px 0 7px; margin-right: 20px;}
#nav ul a:hover {background-color: #CC0000; color: #000;}
#nav li {display: inline;}
h5 {
	font-size: 100%;
	color: #222;
	background-color: #ECECEC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 7px;
}

form {padding: 10px 5px 10px 5px;}.clear {
	clear: both;
}
#twitter {background: url(../images/twitter-bird.jpg) no-repeat left top;}
#twitter ul {margin: 0;}
#twitter h3 {margin-left: 92px;}
#twitter a {
	text-decoration: none;
	font-weight: bold;
}
#twitter li {height:auto; margin: 0 0 10px 92px; padding: 0; list-style-type: none; list-style-image: none;}

hr {margin-bottom: 60px;}
