/* Start of CMSMS style sheet 'style' */
/*Description: Angling Technologies website style sheet
Author: Benjamin L. Feigel
*/


/* ============================================================================
UNIVERSAL RESET
=============================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}

/* remember to define focus styles! */
:focus {
outline: 0;
}


/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ============================================================================
LAYOUT STYLES
=============================================================================== */

body {
font:normal medium Arial, Helvetica, sans-serif;
color:#595959;
background:#ffffff;
text-align:center;
}

#brand,
#nav,
#content,
#footer {
margin:0 auto;
width:960px;
position:relative;
text-align:left;
z-index:0;
}

.clear {
clear:both;
}

#footerWrapper {
width:100%;
background: #ffffff url(uploads/images/black_bg.png) top left;
}

#footer {
width:958px;
font:.6em Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:1.4em;
background:#404040 url(uploads/images/footer_bg.jpg) repeat-y top left;
z-index:10;
}

#sub #footer {
background:#404040 url(uploads/images/footer_sub_bg.jpg) repeat-y top left;
}

#demo #footer {
background-image:none;
}

#footer p{
width:685px;
padding:5px 20px;
}

#sub #footer p{
padding-left:255px;
}

/* ============================================================================
HEADER LAYOUT STYLES
=============================================================================== */

#headerWrapper {
background: #0194da url(uploads/images/water_pattern.jpg) repeat-x bottom left;
width:100%;
}

#navWrapper {
width:100%;
background: transparent url(uploads/images/black_bg.png) top left;
float:left;
position:absolute;
top:179px;
left:0;
border-bottom:#FFFFFF solid 1px;
z-index:1;
}

#topBar {
width:100%;
height:9px;
background: transparent url(uploads/images/black_bg.png) top left;
float:left;
position:absolute;
top:0;
left:0;
z-index:1;
font-size:1px;
line-height:0px;
}

#headerLeft {
height:209px;
width:603px;
position:relative;
top:0;
left:0;
background: transparent url(uploads/images/contour_header.png) no-repeat top left;
z-index:1;
border-left: 1px solid #ffffff;
}

#brand img {
position:absolute;
top:0;
right:0;
height:208px;
border-right: 1px #FFFFFF solid;
}

/* ============================================================================
CONTENT LAYOUT STYLES
=============================================================================== */

#contentWrapper {
width:100%;
background: #ffffff url(uploads/images/contentWrapper_bg.jpg) repeat-x top left;
}

#content {
width:958px;
background: #FFFFFF url(uploads/images/content_bg.jpg) repeat-y top left;
font:.9em Arial, Helvetica, sans-serif;
line-height:1.2em;
border-left: 1px #ffffff solid;
border-right: 1px #ffffff solid;
padding-bottom:20px;
min-height:500px;
height:auto !important;
height:500px;
}

#demo #content {
padding:15px 0;
background-image:none;
text-align:center;
}

#sub #content {
background: #FFFFFF url(uploads/images/content_sub_bg.jpg) repeat-y top left !important;
}

#mainContent {
float:left;
width:685px;
padding:15px 0px 20px 20px;
}

#sub #mainContent {
width:670px;
float:right;
padding:15px 25px 20px 0;
}

#intro {
float:left;
width:205px;
padding-top:18px;
}

#midContent {
width:456px;
float:right;
padding-top:17px;
}

#demo_link {
padding: 15px 0;
padding-right: 3px;
}

#ad_space {
text-align:center;
padding: 8px 4px 15px 1px;
}

#side {
float:right;
width:195px;
padding:20px 20px 20px 20px;
font:.8em Georgia, "Times New Roman", Times, serif;
line-height:1.3em;
color:#696969;
}

#sub #side {
float:left;
}

#copy {
font-size:.8em;
line-height:1.4em;
padding:10px 2px;
}

#copy img {
float:left;
margin: 12px 20px 20px 0;
}

#copy .images dt img {
float:left;
padding:12px 15px 10px 0px;
margin:0;
width:30%;
clear:both;
}

#copy .images dd {
float:right;
width:445px;
padding-bottom:20px;
}

#quicklinks {
clear:both;
}

#quicklinks #demo_link {
clear:both;
margin-left:-3px;
padding-top:0;
}


#quicklinks #ad_space {
clear:both;
padding:15px 0;
}

/* ============================================================================
ADVERTISE LAYOUT STYLES
=============================================================================== */

#advertise {
width:456px;
padding: 18px 0;
font-size: .78em;
line-height:1.3em;
}

#advertise_top {
width:456px;
height:8px;
font-size:1px;
line-height:1px;
background: #eaf4e4 url(uploads/images/advertise_top.gif) no-repeat top left;
}

#advertise_content {
width:426px;
background: #eaf4e4 url(uploads/images/advertise_content_bg.gif) repeat-y top left;
padding:5px 15px;
}

#advertise_content img {
margin:-5px 20px 0 -10px;
float:left;
}

#ad_info {
display:block;
float:left;
width:125px;
padding-top:5px;
}

#keyAdvantages {
display:block;
float:right;
width:165px;
}

#advertise_bottom {
clear:both;
width:456px;
height:9px;
font-size:1px;
line-height:1px;
background: #eaf4e4 url(uploads/images/advertise_bottom.gif) no-repeat top left;
}


/* ============================================================================
TYPOGRAPHY STYLES
=============================================================================== */

h1 {
text-indent:-9000px;
}

h1 a:link,
h1 a:visited {
background:url(uploads/images/angling_logo.png) no-repeat scroll top left;
width:350px;
height:111px;
position:absolute;
top:35px;
left:0;
display:block;
z-index:2;
}

h1 a:hover {
cursor:pointer;
}

h2 {
font: 1.4em Georgia, "Times New Roman", Times, serif; 
color:#4d9313;
padding-bottom:5px;
border-bottom:1px #4d9313 solid;
}

h3 {
color:#4d9313;
padding-top:10px;
}

#advertise h3 {
padding-top:5px;
}

#advertise h2 {
padding-bottom:2px;
font-size:1.5em;
border-bottom:none;
}

#advertise p {
padding-bottom:5px;
}

#advertise strong {
color:#4d9313;
}

#copy p {
padding:10px 0;
}

#side p {
padding:10px 0;
}

#side h2 {
color:#CCCCCC;
border-bottom:1px #4d9313 solid;
}

/* ============================================================================
LIST STYLES
=============================================================================== */
.menu_horiz li {
margin-left:25px;
padding-top:5px;
}

.menu_horiz li ul {
padding-top:5px;
}

#mainContent li {
list-style-type:disc;
margin-left:15px;
}

.NewsSummary {
padding:12px 0 15px 0;
border-bottom: 1px #4d9313 solid;
}

.NewsSummaryPostdate {
display:none;
}

.NewsSummary .NewsSummaryLink a:hover{
color:#0194da;
text-decoration:underline;
}

.NewsSummaryLink a,
.NewsSummaryLink a:link,
.NewsSummaryLink a:visited
 {
color:#005888;
font-weight:bold;
text-decoration:none;
}

.NewsSummaryCategory {
display:none;
}

.NewsSummaryAuthor {
display:none;
}

#side .NewsSummary:hover .NewsSummaryContent {
color:#cccccc;
}

#NewsPostDetailContent {
padding:10px 0;
}

#NewsPostDetailDate,
#NewsPostDetailCategory,
#NewsPostDetailAuthor,
#NewsPostDetailReturnLink {
font-size:.8em;
color:#999999;
line-height:1.25em;
}

#NewsPostDetailAuthor {
display:none;
}

#NewsPostDetailDate {
padding-top:10px;
}


/* ============================================================================
NAVIAGTION/LINK STYLES
=============================================================================== 
*/

a,
a:link,
a:visited {
color:#4d9313;
text-decoration:underline;
}

a:hover {
color:#005888;
text-decoration:underline;
}

#demo_link a,
#demo_link a:link,
#demo_link a:visited {
display:block;
height:65px;
background: transparent url(uploads/images/demo_btn.png) no-repeat top left;
text-indent:-9000px;
width:200px;
}

#demo_link a:hover {
background: transparent url(uploads/images/demo_btn_hover.png) no-repeat top left;
cursor:pointer;
}

/* Top Nav */

#navList {
font: bold .75em Arial, Helvetica, sans-serif;
list-style-type: none;
padding-left:8px;
position: relative;
text-transform:uppercase;
}

ul#navList li {
float: left;
padding: 0 1px 4px 1px;
}

#navList a:link,
#navList a:visited {
display: block;
float:left;
color:#ffffff;
text-decoration: none;
border-top:5px solid transparent;
padding:4px 12px 2px 12px;
}

#navList a:hover {  
border-top: 5px #CCCCCC solid;
}

#navList a.currentpage {
border-top:5px #0094da solid;
cursor:default;
}

/* Side Nav */

#sub #side #leftnav {
font: bold .75em Arial, Helvetica, sans-serif;
list-style-type: none;
text-transform:uppercase;
}

#sub #side #leftnav a:link,
#sub #side #leftnav a:visited {
display: block;
color: #ffffff;
text-decoration: none;
border-top:5px solid #1f1f1f;
}

#sub #side #leftnav a:hover {  
border-top: 5px #CCCCCC solid;
}

#sub #side #leftnav a.currentpage {
border-top:5px #0094da solid;
cursor:default;
}

#sub #side #leftnav li {
width:193px;
border-bottom:1px #4d9313 solid;
}

#sub #side #leftnav a {
padding:6px 0 8px 0;
width:189px;
text-align:left;
padding-left:4px;
font-size:1.3em;
text-transform:none;
}

#sub #side ul {
width:193px;
border-top:1px #4d9313 solid;
padding-bottom:30px;
}

/* Footer Nav */

#footer a,
#footer a:link,
#footer a:visited {
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
}

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

/* ============================================================================
FORM STYLES
============================================================================== */

input.searchfield {
border:#888888 solid 1px;
color:#cccccc;
background-color:transparent;
font: normal .75em Arial, Helvetica, sans-serif;
padding:1px 3px;
}

input.searchsubmit {
border:none;
border-style:none;
background:none;
color:#999999;
font: bold .75em Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-left:5px;
cursor:pointer;
}

input.searchsubmit:hover {
color:#DDDDDD;
cursor:pointer;
}

input.searchfield:focus {
background-color:#CCCCCC;
color:#000000;
}

#cntnt01moduleform_1 {
text-align:right;
padding:5px;
padding-right:9px;
}
#cntnt01moduleform_1 label {
display:none;
}

.contactform fieldset {padding: 1em; background-color: #eee;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform div.required {color: #0094da;}
.contactform .message textarea {width:635px; height:150px;}
#mainContent .error_message li {list-style-type:none; margin-left:0; color:#FF0000;}
.contactform .submit {padding-top:10px;}


/* ============================================================================
IE6 Fixes
============================================================================== */

* html #navList a:link,
* html #navList a:visited  {
border-top:5px solid #404040;
}

* html #navList a:hover {
border-top:5px solid #CCCCCC;
}

* html #navList a.currentpage {
border-top:5px solid #0094da !important;
}

* html #sub #side #leftnav a.currentpage {
border-top:5px #0094da solid !important;
cursor:default !important;
}

* html input.searchfield {
background-color:#1f1f1f;
}
/* End of 'style' */