/**********************************************************************************/
/*   * This style sheet is protected under the copyright of David Beuchert        */
/*   * (C) 2010 by dbeuchert.com                                                  */
/*   *                                                                            */
/*   * You can make changes, but do NEVER edit or remoe this copyright mark       */
/*   * or you'll lose your license and are not longer allowed to use this css.    */
/**********************************************************************************/

body {
	font-family         :Verdana, Arial, Helvetica, sans-serif;
	font-size           :11px;
	margin              :0px 0px 0px 10px;
	padding             :0px;
	color               :#333;
	background          :transparent;
}

p, input, div, td, textarea { 
	line-height         :17px;
}

label {
 	cursor              :pointer;
} 

h1 {
	font-size           :14px;
	line-height         :24px;
	margin-top          :5px;
	margin-bottom       :0px;
	padding-bottom      :1px;
	font-weight         :normal;
	color               :#767676;
}

h2 {
	font-size           :14px;
	line-height         :16px;
	margin-top          :5px;
	margin-bottom       :4px;
	font-weight         :normal;
	display             :block;
	color               :#333;
	padding             :2px;
	}

h3 { 
	margin-bottom       :5px;
	margin-top          :0px;
	font-size           :13px;
	font-weight         :bold;
	color               :#333;
}

hr {
	height              :1px;
	background          :white;
	border              :none;
	border-bottom       :1px dotted #767676;
	width               :auto;
	margin-top          :3px;
	margin-bottom       :3px;
	display             :block;
}

a {
    color               :#000;
    text-decoration     :none;
    background          :transparent url(../img/link.gif) no-repeat 0px 4px;
    padding-left        :11px;
}
a:hover {
    color               :#FFF;
    background          :#333 url(../img/link.gif) no-repeat 0px 4px;
}
.ext {
    font-weight         :bold;
}
.plain {
    background          :transparent;
    border              :0px;
    padding             :0px;
}
.plain:hover {
    background          :transparent;
    border              :0px;
}
li {
    color               :#333; 
    list-style-type     :square;
} 
ul {
    color               :#333;
    list-style-type     :square;
} 
ol {
    color               :#333;
} 

img {
    margin              :3px;
    padding             :1px;
    border              :1px solid #CCC;
}
.head {
    background          :transparent url(../img/logo.gif) no-repeat 10px 0px;
    height              :101px;
}
.toplink {
    padding-left        :0px;
    color               :#949494;
    text-decoration     :none;
    background          :transparent;
}
.toplink:hover {
    background          :transparent;
    color               :#890000;
}

.menu {
    margin-left         :0px;
    margin              :10px;
    float               :left;
    width               :150px;
    border-right        :1px solid #CCC;
}
.menu a {
    display             :block;
    margin-left         :0px;
    text-decoration     :none;
    padding-left        :0px;
    margin-bottom       :3px;
    margin-top          :3px;
    background          :transparent;
}
.menu a:hover {
    background          :#666;
}
.content {
    margin-left         :170px;
    width               :850px;
}
.footer {
    margin-left         :170px;
    margin-top          :15px;
    color               :#666;
}

.sub {
    padding-left        :4px;
    font-size           :9px;
    display             :none;
}
.sub a:hover {
    background          :transparent;
    color               :#890000;
}

.sub .ext {
    color               :#890000 !important;
}

/* overlay */
#overlayMain {
    position            :fixed;
    bottom              :0px;
    left                :0px;
    right               :0px;
    top                 :0px;        
    background          :transparent url(../img/bg_overlay.png) repeat;
}
.overlay {
    width               :750px;
    height              :562px;
    overflow            :visible;
    margin              :25px auto;
}
#overlayControl {
    background          :#FFF;
    padding             :1px;
    padding-top         :5px;
    padding-right       :10px;
    width               :90px;
    border              :1px solid #FFF;
    cursor              :move;
    text-align          :right;
    margin-left         :648px;
}
#overlayControl a:hover {
    color               :#000;
    font-weight         :bold;
}
#overlayContent {
    width               :750px;
    height              :562px;
    background          :#E2E2E2;
    border              :1px solid #CCC;
}