/* Stylesheet originally created by Tjobbe Andrews of www.sitecreative.net
   Modifications and additions for ims3k.com and ucnmedia.com by Adam Nofsinger, IMS
*/
body { margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, Times New Roman }
#wrap-body { padding: 40px 0 20px 0; min-height: 1200px; text-align: center; background: #1C3855 url('../images/body-bg.jpg') no-repeat top center; }
h1, h2, h3, h4 { margin: 0 0 15px 0; padding: 0; font-weight: bold }
h1 { font-size: 180%; font-family: Arial Black }
h2, h3, h4 { margin-top: 20px; font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial }
h2 { font-size: 120%; padding-bottom: 2px; border-bottom: 1px dashed silver; }
h3 { font-size: 100% }
p { font-size: 90%; margin: 0; padding: 0 0 15px 0; line-height: 140%; text-align: justify; }
table { font-size: 90%; margin-bottom: 15px; }
ul { font-size: 100%; margin: 0 0 15px; padding-left: 35px; list-style: square; }
.ul-regular { font-size: 90%; }
li { padding: 0 0 6px; }
a { color: blue; text-decoration: underline; }
a:hover { color: navy; }
.ext { padding-right: 16px; background: url('../images/external.png') no-repeat top right }
img { border: 0; }

/* -------------- structural ------------- */
#container { text-align: left; width: 840px; background: white url('../images/content-bg.jpg') repeat-x 0 0; padding: 1px; margin: 0 auto; }

/* top bar navigation */
#nav { height: 40px; margin: 0; padding: 0; font-family: Lucida Sans, Georgia, "Times New Roman" , Times, serif; }
#nav li { list-style: none; float: left; margin: 0; padding: 0; white-space: nowrap }
#nav li.nav-topright { float: right; }
#nav a { line-height: 40px; text-decoration: none; padding: 11px 20px; color: black; border-right: 1px solid #DADADA; border-left: 1px solid #FFFFFF; }
#nav a:hover { background: url('../images/nav-hover-bg.jpg') repeat-x 0 0; color: #991A00; }

.logo-caracal { font-family: Arial Black; font-weight: bolder; font-style: italic; font-size: large; color: #79A799; }
.logo-ucn { font-family: Arial Black; font-weight: bolder; font-size: large; }
.u { color: #FC0; }
.c { color: #F00; }
.n { color: #039; }

/* heading banner and body content */
#header > img { width: 840px; }
#content { float: left; width: 590px; padding: 20px 0 80px 20px; }
#breadcrumb { font-size: 8pt; margin: -8px 0 10px 2px; }

/* ----- right column / menu */
#rightColumn { float: right; width: 210px; padding: 1px 0 0 0; text-align: right}
#rmenu { margin: 0; padding: 0; color: white; text-align: left; font-family: Lucida Sans, Georgia, Trebuchet MS, Helvetica, sans-serif; font-size: 125%; }
.rmenu-li { display: block; margin: 0 0 1px 0; padding: 0; list-style: none; }
.rmenu-li > a { display: block; padding: 20px 30px; border-left: 20px solid white; color: #FFF; text-decoration: none; background: #039; }
.rmenu-li.alt > a { background: #991A00; background: #061; }
/*#rightColumn li a:hover { color: Black; background: #CCC }*/
.rmenu-li > a:hover, .rmenu-li.current > a { border-left: none; /* #DADADA; */ padding-left: 50px; -moz-border-radius: 8px 0 0 8px; }

#rightColumn-foot{ margin: 20px 20px 0 0 }
#rightColumn-foot > img { width: 160px; margin-bottom: 20px }

#footer { clear: both; height: 70px; background: url('../images/footer-bg.png') repeat-x 0 0; font-size: 80%; }
#footer > p { padding: 30px 16px 0; }
#footer span { float: right; }
#footer a { color: black; }
#footer a:hover { color: #991A00; }

/*image styles*/
img-floatRight { float: right; margin: 0 0 10px 10px; }
img-floatLeft { float: left; margin: 0 0 10px 10px; }
img-floatLeft, img-floatRight { border: 2px solid #000000; }

/**CLEARFIX - ICE**/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* --- Controls and Utilities -- */

table { border-collapse: collapse }
.specs caption { text-align: left; padding: 8px 20px; background-color: #061; color: White; font-weight: bold; font-size: larger }
.specs { border: none; border: hidden }
.specs th, .specs td { background-color: #EEE; border: 1px solid #79B }
.specs th { padding: 6px 10px; text-align: center}
.specs td:first-child { font-weight: bold }
.specs td { padding: 10px 20px; text-align: left }
.specs ul { padding-left: 18px }

.compare caption { text-align: left; padding: 8px 20px; background-color: #039; color: White; font-weight: bold; font-size: larger }
.compare { border: hidden }
.compare th, .compare td { background-color: #EEE; border: 1px solid #79B }
.compare th { padding: 6px 10px; text-align: center; color: #061 }
.compare td:first-child { vertical-align: middle; font-weight: bold }
.compare td { padding: 10px; text-align: left }
.compare ul { padding-left: 18px; margin-bottom: 0; list-style-type: circle }
.compare small { font-size: 9pt }

.moneybar { height: 16px; display: block; width: 16px; background: url('../images/money.png') repeat-x }
.size2 { width: 32px }
.size5 { width: 80px }

.gutter { margin-left: 40px }
.boxed-img { border: 8px solid black; -moz-border-radius: 3px }

#pkg-table { width: 100%; border-right: 2px solid #CDCDCD }
#pkg-table td { padding: 10px 0 40px 20px; vertical-align: top; background: url('../images/gradv_gray.png') repeat-x }
#pkg-table img { max-width: 310px }
.pkg-title { font-family: Britannic Bold, Arial Black, Trebuchet MS; font-size: xx-large }
.pkg-items { list-style: disc; padding: 40px 0 0 10px }
.pkg-links { list-style: circle; padding-left: 10px }
.pkg-price { display: block; margin-left: 40px;
    font-family: Britannic Bold, Arial Black, Trebuchet MS; color: Red; font-size: xx-large }
.pkg-price em { font-style: normal; font-size: smaller; vertical-align: top }


.block-links a { text-decoration: none; display:block; margin-bottom: 30px; padding: 20px; 
    background-color: #DDD; color: Black }
.block-links a:hover { background-color: #DED; color: blue }
.block-links a span { margin-left: 100px; text-decoration: underline }
.block-links img { width: 200px; vertical-align: middle }

.ul-col-left { float: left; width: 45% }
.ul-col-right { float: left; }

.ulform { width: 65%; list-style-type: none; }
.ulform > li { padding-bottom: 8px; }
.ulform > li > label { display: block; line-height: 120%; font-family: Trebuchet MS; font-size: 11pt; font-weight: bold; }
.ulform > li > textarea, .ulform > li > input { font-family: Tahoma; font-size: 11pt; }
.ulform > li > textarea { height: 10em; margin-top: 4px; }
.ulform > li.buttons > input { width: auto; padding: 0 16px; font-family: Trebuchet MS; font-size: 13pt; }
.required { color: red; }
.error { color: red; }
.medium { width: 61.8%; }
select.medium { width: 63%; }
.large { width: 100%; }
.validator { padding-left: 6px; font-size: small; color: Red; }
.footnotes { font-size: 7pt }

/* Documents download pane */
.downloads { list-style: none; padding-left: 20px; }
.downloads > li { padding-bottom: 10px; }
.download { display: block; display: inline-block; padding-left: 20px; }
.download > small { white-space: nowrap; font-variant: small-caps; color: Black; }
.pdf { background: white url('../images/page_white_acrobat.png') no-repeat top left; }


.indent { padding-left: 2em; }

.floatclear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

.nowrap { white-space: nowrap; }

/* agreement */
#agreement ol { margin-bottom: 0 }
#agreement ul { margin-bottom: 0 }      
#agreement { font-size: 12pt; font-family: Arial, Times New Roman, Serif; }

/* bike channel page */
.bikechannel { background: transparent url('../images/bikechannel.gif') no-repeat scroll top left; padding: 0 50px; margin: 0 -2px; white-space: nowrap }











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
margin: 0 0 15px 0; padding: 0; font-weight: bold; margin-top: 20px; font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial; font-size: 120%; padding-bottom: 2px; border-bottom: 1px dashed silver;
}

h3 {
margin: 0 0 15px 0; padding: 0; font-weight: bold; margin-top: 20px; font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial; font-size: 100%
}