/*
Company:		homegrownclone
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/*<group=Global Browser Reset>*/
* {

padding:0;

margin:0;

}

body {padding:5px;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }

li, dd, blockquote { margin-left: 40px; }

fieldset { padding:10px; }

img { border: 0px; }
/*</group>*/

/*<group=HTML, Body>*/
body {
	text-align: center;
	background-color: #f4f6f6;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	
	scrollbar-3d-light-color: #C1C5C6;
	scrollbar-arrow-color: #7E7B6F;
	scrollbar-base-color: #C1C5C6;
	scrollbar-dark-shadow-color: #C1C5C6;
	scrollbar-face-color: #F4F6F6;
	scrollbar-highlight-color: #E2E2E2;
	scrollbar-shadow-color: #C1C5C6;
}
/*</group>*/

/*<group=Layout>*/
div#header {
	text-align: left;
	width: 661px;
	margin-left: auto;
	margin-right: auto;
}
div#footer {
	width: 661px;
	margin-left: auto;
	margin-right: auto;
	font-size: 91%;
}
div#main {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 661px;
	height: 781px;
	background: url("../images/pageBackground.gif") no-repeat;
}
div#radBox {
	width: 190px;
	height: 247px;
	background: url("../images/radBox.gif") no-repeat;
	position: relative;
	top: 359px;
	margin-left: 20px;
	padding: 45px 15px 0 15px;
}
div#contentBox {
	width: 379px;
	height: 292px;
	background: url("../images/contentBox.gif") no-repeat;
	position: relative;
	top: 67px;
	margin-left: 251px;
}
p#footerLinks {
	position: relative;
	top: 98px;
	margin-left: 50px;
}
div.hr {
	border-top: 1px solid #46606a;
	background-color: #b6d5e0;
	height: 1px;
	width: 206px;
	margin: 10px 0 5px -8px;
	overflow: hidden;
}
iframe {
	background-color: #77b6d0;
	margin-top: 45px;
	margin-left: 15px;
	border: none;
	width: 350px;
	height: 220px;
}
a#rssFeed {
	width: 90px;
	height: 26px;
	position: relative;
	top: 58px;
	margin-left: 412px;
	display: block;
	background: url("../images/rssBlue.gif") no-repeat;
}
a#submitNews {
	width: 122px;
	height: 26px;
	position: relative;
	top: 32px;
	margin-left: 506px;
	display: block;
	background: url("../images/newsBlue.gif") no-repeat;
}
a#rssFeed span, a#submitNews span {
	display: none;
}
a#rssFeed:hover {
	background: url("../images/rssGray.gif") no-repeat;
}
a#submitNews:hover {
	background: url("../images/newsGray.gif") no-repeat;
}

img#bottomLogo {
	position: relative;
	top: 56px;
	margin-left: 500px;
}
/*</group>*/

/*<group=Nav>*/
ul#nav {
	position: absolute;
	top: 158px;
	margin: 0 0 0 30px;
	width: 89px;
	background-color: transparent;
}

ul#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	width: 89px;
	height: 25px;
	display: block;
	overflow: hidden;
	background-color: transparent;
}

ul#nav a {
	width: 89px;
	height: 25px;
	display: block;
	overflow: hidden;
	border: none;
	background-color: transparent;
}
ul#nav a:hover {
        background-position: -99px 0;
}
ul#nav a:active {
        background-position: -99px 0;
}
li#home a  {
	width: 90px;
	background: url(../images/navItems.gif) 0 0 no-repeat;
}
li#home a:visited {
	width: 90px;
	background: url(../images/navItems.gif) 0 0 no-repeat;
}
li#home a:hover {
	background-position: -99px 0;
}
li#about a {
	width: 90px;
	background: url(../images/navItems.gif) 0px -25px no-repeat;
}
li#about a:visited {
	width: 90px;
	background: url(../images/navItems.gif) 0px -25px no-repeat;
}
li#about a:hover {
	background-position: -99px -25px;
}
li#features a {
	width: 90px;
	background: url(../images/navItems.gif) 0px -50px no-repeat;
}
li#features a:visited {
	width: 90px;
	background: url(../images/navItems.gif) 0px -50px no-repeat;
}
li#features a:hover {
	background-position: -99px -50px;
}
li#submit a {
	width: 90px;
	background: url(../images/navItems.gif) 0px -75px no-repeat;
	background-color: transparent;
}
li#submit a:visited {
	width: 90px;
	background: url(../images/navItems.gif) 0 -75px no-repeat;
}
li#submit a:hover {
	background-position: -99px -75px;
}
ul#nav li span {
	display: none;
	overflow: hidden;
}
/*</group>*/

/*<group=Headings>*/
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/*</group>*/

/*<group=Text Styles>*/
div#radBox p {
	font-size: 91%;
	margin: 5px 0;
	color: #fff;
}
/*</group>*/

/*<group=Lists>*/
	
/*</group>*/

/*<group=Forms>*/
form#navMenu {
	margin-top: 45px;
}
/*</group>*/

/*<group=Links - link visited hover active>*/
div#radBox a:link, div#radBox a:visited {
	color: #155e7c;
}
div#radBox a:hover, div#radBox a:active {
	color: #f4f6f6;
	text-decoration: none;
}

p#footerLinks a:link, p#footerLinks a:visited {
	color: #4c585b;
	text-decoration: none;
}
p#footerLinks a:hover, p#footerLinks a:active {
	text-decoration: underline;
}
/*</group>*/

/*<group=Misc>*/
.clear {
	clear: both;
}
/*</group>*/