.simpleSkin{}
/* 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.

*/

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

body
{
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #333333;
    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 #dcdcdc;
    width: 100%;
}

/* 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: 955px; /* main skin width */
}
/* 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: #fcdc2f;
}
.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: 200px;
    float: right;
    text-align: left;
}

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

.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: #333333;
}
.searchpane a:hover, .loginpane a:hover
{
    text-decoration: underline;
}

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


/* */
.breadcrumbpane
{
    color: #ffffff;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: 25px;
    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;
}

.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: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	color: #FFFFFF;
}

/* 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; border: solid 0px red; margin: 0 0 0 0px;
    vertical-align: top;
    text-align: left;
    width: 955px;
    clear: both;
}

/* 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; border: solid 0px red;
    width: 210px;
    vertical-align: top; /* glue to the top */
	background-color:#e15c02;
}
.menupane
{
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
}

.rightpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 200px;
    vertical-align: top;
    color: #ffffff;
    background-color: #fd6802; 
}
.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
}

.contentpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: auto; /* automatically uses the remaining space = total width - menuwrapperwidth - rightwrapperwidth */
    vertical-align: top;
}
.contentpane
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; border: solid 0px red;
}
.menucontentpane
{
    padding: 0px 0px 10px 0px; 
    margin: 0px; border: solid 0px red;
}

.footerpane
{
    color: #ffffff;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: 25px;
    background-color: #993205;
}
.footercontent
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    color: #ffffff;
    text-align: center;
}

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

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: #e15c02;
    text-align: left;
}
h1
{
    font-size: 12px;
}
h2
{
    font-size: 12px;
}
h3
{
    font-size: 12px;
}

.SubHead, .SubSubHead
{
    font-size: 11px;
}

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

a, a:link, a:visited, a:hover, a:active
{
    text-decoration: underline;
    color: #fd6802;
}
a:hover, a.CommandButton:hover
{
    text-decoration: underline;
    color: #e15c02;
}


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
{
}

/* rootmenu styling */
.MenuContainer .root
{
     color: #ffffff;
     padding: 4px 0px 4px 20px;
     /*border-bottom: solid #ffffff 1px;*/
     font-size: 11px;
}
/* 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 #555555;
     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
{
     background-color: #fd6802;
}

/* 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;
}



/* Custom DCDNUG Styles */
/*Layout*/
#main {width:1000px; margin:0 auto; position:relative;}

#header {height:359px; background:url(images/header-bg_altered.jpg) no-repeat left top;}
#header, #content, #footer { font-size:0.75em;}

#headersmall {height:266px; background:url(images/header-bg_small.jpg) no-repeat left top;}
#headersmall { font-size:0.75em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= home.html =======*/
/*
#page1 #content .col-1 {width:280px; margin-right:40px;}
#page1 #content .col-2 {width:280px; margin-right:40px;}
#page1 #content .col-3 {width:280px;}
*/

body #content .col-1 {width:280px; margin-right:40px;}
body #content .col-2 {width:280px; margin-right:40px;}
body #content .col-3 {width:280px;}

/*======= about-us.html =======*/
#page2 #content .col-1 {width:600px; margin-right:40px;}
#page2 #content .col-2 {width:280px;}


/*=========================*/


#footer {height:90px; background:url(images/footer-bg.jpg) no-repeat left top;}


/*Style*/
* { margin:0; padding:0;}
body { background:#ececec; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#414141; min-width:1000px;}

input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}

object { vertical-align:top; outline:none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.zoom { overflow:hidden;}

p { margin:0; padding:0;}

.tail-top-skin { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-top-right-skin { background:url(images/tail-top-right.gif) repeat-x right top; width:50%; position:absolute; right:0; top:0; height:359px;}
.tail-bottom-skin{ background:url(images/tail-bottom.gif) left bottom repeat-x;}

.tail-top-small-skin { background:url(images/tail-top_small.jpg) left top repeat-x #fff;}
.tail-top-right-small-skin { background:url(images/tail-top-right_small.jpg) repeat-x right top; width:50%; position:absolute; right:0; top:0; height:266px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#form { position:absolute; left:39px; top:10px;}
#form label { float:left; display:block; color:#414141; font-size:.92em; text-transform:uppercase; margin-right:9px; line-height:1em; padding-top:3px;}
#form span { display:block; float:left; width:141px; height:17px; background:url(images/input-bg.gif) no-repeat left top; padding:1px 5px 0 5px;} 
#form input { background:none; border:0; vertical-align:top; line-height:1em; width:141px;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;}
#contacts-form input { width:227px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141;}
#contacts-form textarea { width:815px; height:159px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141; margin-bottom:20px; overflow:auto;}
#contacts-form .link1 { float:right;}


/*==================list====================*/
ul { list-style:none;}

.list { position:absolute; right:177px; top:14px;}
.list li { float:left; background:url(images/divider1.gif) no-repeat right top; padding-right:20px; margin-right:20px;}
.list li.last { background:none; padding-right:0; margin-right:0;}

.site-nav { position:absolute; left:12px; top:40px;}
.site-nav li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:.92em; text-transform:uppercase; background:url(images/divider2.gif) repeat-y right top}
.site-nav li a { text-decoration:none; color:#bfbfbf; display:block; padding:13px 28px 2px 28px;}
.site-nav li a:hover { text-decoration:underline;}
.site-nav li.last { background:none;}

.list1 { margin-top:-24px;}
.list1 li { width:100%; overflow:hidden; vertical-align:top; padding-top:24px;}
.list1 li p,
.list1 li h4 { 
	top:-5px; position:relative;
}
.list1 li img { float:left; margin-right:15px;}
.list1 li .link1 { float:right; margin-bottom:0;}
.list1 li .link1:hover { text-decoration:none;}

.list2 { padding-bottom:20px; margin:0;}
.list2 li { font-weight:bold; padding:0 0 5px 12px; background:url(images/marker.gif) no-repeat left 5px;}


/*==================other====================*/
.img-box img { margin-bottom:15px; display:block;}

.p1 { margin-bottom:21px;}
.p2 { margin-bottom:15px;}

.phone { float:right; margin-right:30px;}


/*==================txt, links, lines, titles====================*/
a { color:#cc7108; outline:none;}
a:hover{text-decoration:none;}

h3 { color:#656565; font-family:"trebuchet MS", Helvetica, sans-serif; font-size:2.33em; text-transform:uppercase; font-weight:normal; line-height:1em; border-bottom:1px solid #ededed; padding-bottom:14px; /*margin-bottom:17px;*/}
h4 { color:#cc7108; font-size:1em; text-transform:uppercase;}
h4 a { text-decoration:none;}
h4 a:hover { text-decoration:underline;}

.link1 { display:block; float:left; background:url(images/link1-tail.gif) repeat-x top; text-transform:uppercase; color:#4f4f4f; text-decoration:none; line-height:1em; margin-bottom:-12px;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:6px 20px 6px 20px; font-style:normal;}
.link1 span { display:block; color:#fff; top:-13px; left:-1px; position:relative;}
.link1:hover span { color:#f0bb13;}


/*header*/
#header .logo { position:absolute; left:14px; top:88px;}
#header .slogan { position:absolute; left:39px; top:227px;}

/*content*/
#content { padding:10px 40px 40px 40px;}
#content p,
#content h4 { 
	line-height:1.67em;
}

/*footer*/
#footer { color:#fff; height:95px; background:url(images/footer-bg.gif) left top repeat-x;}
#footer .indent { padding:42px 40px 20px 40px;}
#footer a { color:#fbcf19;}
#footer img { position:relative; top:-4px;}

/*==========================================*/