/* @override http://www.roffen.com/assets/templates/default/_css/roffen_screen.css */

/* @group Reset */

ul {
	list-style: none
}

body,h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,
input,button,select,textarea,dl,dd,dt,hr,table,thead,tbody,tfoot,tr,th,td {
	margin: 0;
	padding: 0
}

img,a img,:link img,:visited img {
	border: 0;
	padding: 0;
	margin: 0;
}

address,cite,caption {
	font-style: normal
}

caption,th {
	text-align: left
}

/* @end */

/* @group Body, Holder and Main Navigation */

body {
      background: #958B3B url(../_page_assets/page_bg.gif) repeat-x 0 -11px;
      margin:0;
      padding:0;
      color:#fff;
      font:x-small/1.5em Arial, sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      }

html>body {font-size:small;
}

body#section01 {
	background-color: #958B3B;
}

body#section02 {
	background-color: #456B8C;
}

body#section03 {
	background-color: #718B4E;
}

body#section04 {
	background-color: #946383;
}

body#section05 {
	background-color: #946383;
}

body#section06 {
	background-color: #958B3B;
}

body#section07 {
	background-color: #958B3B;
}
    
    #header {
      float:left;
      width:100%;
      background:#fff url("../_page_assets/tab_bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      white-space:nowrap;
      }
    #header ul {
      margin:0;
      padding:10px 0 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../_page_assets/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #999;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../_page_assets/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#666;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#666;
      }
    #header .selected {
      background-position:0 -150px;
      border-width:0;
      }
    #header .selected a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }

#holder {
	width: 860px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

/* @end */

/* @group Logo */

#logo {
	height: 100px;
	overflow: hidden;
	background: transparent url(../_page_assets/roffen_logo.gif) no-repeat 0 0;
	position: relative;
	width: 860px;
}

#logo h1,
#logo h1 a {
	width: 370px;
height: 100px;
	display: block;
	float: left;
}

#logo h1 a {
	text-indent: -9999px;
}

/* @end */

/* @group Side Bar and Sub-Nav */

#sub_menu {
	width: 160px;
	font-size: 93%;
	float: left;
	position: relative;
	clear: both;
	margin-top: 76px;
}

.sub-nav li {
	list-style: none;
	line-height: 1.4em;
}

ul.sub-nav li a:link, ul.sub-nav li a:visited {
	color: #fff;
	background: transparent;
	text-decoration: none;
        display:block;
}

ul.sub-nav li a:hover, ul.sub-nav li a:active{
	color: #fff;
	background: transparent;
	text-decoration: underline;
}
ul.sub-nav li.active ul a, ul.sub-nav li.active ul a:link{
    background-image:none;
    font-weight:normal;
}

#sub-nav li.active a, #sub-nav li.active a:link{
	color: #fff;
	background:transparent url(../_page_assets/sub-nav_bullet.gif) 0 1px no-repeat;
	font-weight: bold;
	padding-left: 10px;
	height:1%;
}
#sub-nav li.active ul li a, #sub-nav li.active ul li a:link{
    background-image:none;
    font-weight:normal;
    color:#fff;
}

ul.sub-nav li ul li {
	font-size: 1em;
	font-weight: normal;
	padding-left: 10px;
}

ul.sub-nav li.active ul li{
	padding-left: 10px;
}

ul.sub-nav li.active ul li a, ul.sub-nav li.active ul li a:link {
	color: #fff !important;
}

/* @end */

/* @group Main Area */

p {
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.mainSubYellow {
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #ffff00;
}

.mainSubRed {
	font-size: 100%;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #ff0000;
}

.largeSubWhite {
	font-size: 125%;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}

.small {
	font-size: 50%;
	line-height: 1.4em;
	margin-bottom: 10px;
	color: #fff;
}

h2 {
	font-size: 200%;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fff;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2px;
	color: #D7D7D7;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 2px;
	color: #fff;
}

ol {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-left: 20px;
}

ol ol {
	font-size: 100%;
}

#main {
	width: 700px;
	float: left;
	margin-top: 40px;
	text-align: justify;
}

#main ul {
	margin-bottom: 10px;
}

#main li {
	list-style: none;
	line-height: 1.4em;
	background: url(../_page_assets/bullet_main.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
}

.mainPic{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.emphasis {
	color: #D7D7D7;
	font-size: 120%;
	font-weight: bold;
}

a:link {
	color: #ffff00;
	background: transparent;
	text-decoration: underline;
}

a:visited {
	color: #ffff00;
	background: transparent;
	text-decoration: underline;
}

a:hover {
	color: #ffff00;
	background: transparent;
	text-decoration: none;
}

a:active {
	color: #ffff00;
	background: transparent;
	text-decoration: none;
}

/* @end */

/* @group Footer */

#footerWrapper {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 140px;
}

body#section01 #footerWrapper,
body#section06 #footerWrapper,
body#section07 #footerWrapper {
	background: url(../_page_assets/footer_bg_01.gif) repeat-x 0 top;
}

body#section02  #footerWrapper {
	background: url(../_page_assets/footer_bg_02.gif) repeat-x 0 top;
}

body#section03  #footerWrapper {
	background: url(../_page_assets/footer_bg_03.gif) repeat-x 0 top;
}

body#section04  #footerWrapper,
body#section05  #footerWrapper {
	background: url(../_page_assets/footer_bg_04.gif) repeat-x 0 top;
}

#footer {
	width: 860px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	overflow: auto;
}

#footerCol1 {
	width: 45%;
	float: left;
}

#footerCol2 {
	width: 45%;
	float: right;
}



/* @end */

/* @group Icons */

#footer p.twitter {
	padding-left: 22px;
	background: url(../_page_assets/twitter_bird_icon.png) no-repeat 0 top;
}

#footer p.facebook {
	padding-left: 22px;
	background: url(../_page_assets/facebook_icon.png) no-repeat 0 top;
}

#footer p.email {
	padding-left: 22px;
	background: url(../_page_assets/email_icon.png) no-repeat 0 top;
}

/* @end */