.OWHome{}
/* Copyright (c) 2009 interApps - websites and internet applications 

Permission is hereby granted, free of charge, to any person obtaining a copy of this software 
and associated documentation files (the "Software"), to deal in the Software without restriction, 
including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, 
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, 
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial 
portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT 
NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Modified for use by http://www.vicbusiness.com for Open Wave
*/

html
{
	height: 100.1%;	/* causes firefox to always have a scrollbar */
}

body
{
    font-size: 11px;
    font-family: Arial, Sans-Serif;
    color: #ffffff;
    background-color: #ffffff; 
}

/* wrapper to fill the complete browser window, could be used for backgrounds */
.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #ffffff;
    width: 100%;
}

.art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:115px;	
	width: 100%;
	height: 372px;
}

/* set the  width of the skin and optionally center it in the browser window */
.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 960px; /* main skin width */
	background-color:transparent;
}

.newsevents
{
    background-image: url('images/OW_NewsEvents.png');
	background-repeat: no-repeat;
    height:400px;    
	width:250; 
}

#topbanner
{   
    display:block;
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: 0px;
	margin-right: 0px;
	height:400px;    
	width:950; 
	background-image: url('images/HEADER-BIKE.png');
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	/* main skin width 
	background-image: url('images/Header.jpg');*/
}

.topbanner a
{
    position: absolute;
    top: 0;
    left: 0;
	height:400px;    
	width:950; 
}

#footerOW
{    
    display:block;
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: 0px;
	margin-right: 0px;
	height:260px;    
	width:950; 
	background-image: url('images/footer.png');
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	outline-style:none;
	/* main skin width 
	background-image: url('images/Header.jpg');*/
}

/* header section of the skin */
.toppane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    border-bottom: solid 0px #cdcdcd;
    height: auto;
    background-color: #ffffff;
}

.logopane
{
    float: left;
    width: auto; /* flexible in size */
}

/* container around the language and search skin objects, to keep them aligned together*/
.langsearchwrapper
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    width: 400px;
    float: right;
    text-align: right;    
}

.menutopwrapper
{    
    padding: 20px 0px 0px 0px; 
    height: auto;
    width: 100%;
    float: right;
    text-align: right;            
    vertical-align:bottom;
}

.languagepane,
.searchpane
{    
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #green;
}

.searchpane a, .searchpane a:link, .searchpane a:visited, .searchpane a:hover, .searchpane a:active
{
 	font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: #636060;
}

.searchpane a:hover, .loginpane a:hover
{
  /*  text-decoration: underline;*/
}

/* limit the width of the searchbox */
.searchpane .NormalTextBox
{
    width: 115px;
}


/* */
.breadcrumbpane
{   
    color: #ffffff;
    font-size: 12px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: 0px;    
    background-color: #993205;
    clear:both;
     /*realizes normal document flow again */
}

.mainlinkspane
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    float: left;
    width: auto;
    color: #ffffff;
}

.loginpane
{
    padding: 4px 20px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    width: auto;
    height: auto;
    float: right;
    text-align: right;
}

.user
{
    color: #333333;   
    outline-style:none;
}

.breadcrumbpane .user, 
.footerpane .user, 
.mainlinkspane a, .mainlinkspane a:link, .mainlinkspane a:visited, .mainlinkspane a:hover, .mainlinkspane a:active,
.loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover, .loginpane a:active
{
 	font-family: Arial, Verdana, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: gray;
}

/* not used in this skin but often you are likely to use a empty div with a floatclearer class */
.floatclearer
{
    clear: both;
}

/* content panes section */
.contentrow {
    padding: 0px 0px 0px 0px;  margin: 0 0 0 0px;
    vertical-align: top;
    text-align: left;
    width: 100%;
    clear: both;
    background-color:transparent;
}

/* table to keep the content together */
.contentrowtable
{
    height: auto;
}


/* using the combination of pane and a wrapper helps in preventing box model issues in ie6 
   in cases where you want to apply padding on the panes in the skin, in this skin we have
   padding applied in the container, so here it is not really needed. */

.menupanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; 
    width: 210px;
    vertical-align: top; /* glue to the top */
	background-color:#ffffff;
}

.menupane
{
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
}

.rightpanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    width: 20%;
    vertical-align: top;  
    
    background-color: transparent; 
}

.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
}

.headingpanewrapper
{
    height:65px;
}

.contentpanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; 
    width:auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    height:auto;
    vertical-align: top;    
    background-color: transparent;
}

.contentpane
{
    padding: 0px 0px 0px 0px;     
    margin: 0px;     
    height:inherit;
}

.menucontentpane
{
    padding: 0px 0px 10px 0px; 
    margin: 0px; 
}

.footerpane
{
    color: #ffffff;
    font-size: 11px;
    line-height: 100%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0 0 0 0px; 
    height: 25px;
    max-width:1665px;
    background-position:center;
    vertical-align:middle;
    text-align:center;
    margin-left:auto; margin-right:auto; 
    background-color: #515151;
}
.footercontent
{
    padding: 4px 0px 0px 10px; margin: 0px; border: solid 0px #dcdcdc;
    color: #ffffff;
    text-align: center;
    
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

.Large
{
    line-height:200%
}

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #636060;
    text-align: left;
}
h1
{
    font-size: 16px;
}
h2
{
    font-size: 2px;
}
h3
{
    font-size: 16px;
    color:#636060;
}

h4
{
    font-size:14px;
    color:#636060;
}
h5
{
    font-weight:normal;
    font-size:24px;
    color:Gray;
}
.SubHead, .SubSubHead
{
    font-size: 16px;
}

div, td, .Normal, p, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: black;
}

a, a:link, a:visited, a:hover, a:active
{
    /* text-decoration: underline; 
    color: #fd6802;
    text-decoration:none;*/
    font-weight: bolder;
}
a:hover, a.CommandButton:hover
{
    /* text-decoration: underline; 
    color: #e15c02;
    text-decoration:none;*/
	font-weight: bolder;
}


b, strong
{
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;
}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


a img
{
	border: dashed 0px #ffffff;
}


/* menu using the new system as explained here: 
   http://www.dotnetnuke.com/Community/Blogs/tabid/825/EntryId/1874/New-Video-Available-Demonstrating-New-CSS-Capabilites-in-DNNMenu-v2-0.aspx 
*/

/*

submenu
.m                  container for sub menu's
.m[level]           example: .m0 = first submenu level
.mid[id]            spcific item: m34

all menu items
.mi
.mi[path] .mi0 .mi1-0

.root               root level
.first              first in a level
.last               last in a level
.icn                icon
.hov                hover
.sel                selected / active item
.bc                 item in the breadcrumb path

*/

/* just the wrapper, no styling applied here */
.MenuContainer
{
	outline-style:none;
}

/* rootmenu styling */
.MenuContainer .root
{
     color: #636060;
     padding: 4px 0px 4px 20px;
     border-bottom: solid #ffffff 1px;
     font-size: 16px;
     font-weight:normal;
     
}
/* first root menu item */
.MenuContainer .first
{
    margin-top: 19px;
}
/* submenu that is the container around the submenu items */
.MenuContainer .m
{
     color: #000000;
     margin-left: -60px; /* overlaps the main menu */
     border: solid 1px #ffffff;
     background-color: #ffffff;
/*     width: 50px;  /* determines the width of the submenu, it won't work if you apply it on an item. */
}

/*  you need to style the td class specifically otherwise the submenu items will not get their padding
    this is because padding and margins for td's are already defined in the skin or default.css file */
/* first level submenu items */
.MenuContainer .m0 td
{
     padding: 5px 2px 5px 6px;
}
/* hover */
.hov
{
     font-weight:italic;
}

/* hover in the submenu 
.m .hov td
{
     color: #e15c02;
     background-color: #ffffff;
}*/

/* breadcrumb in the submenu */
.m .bc td
{
    color: #e15c02;
}

/* breadcrumb both root and submenu */
.bc, .m .bc td
{
    font-weight: bold;
}

/* hide all the icon's in the menu*/
.MenuContainer .icn
{
    display:none;
}