/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#wrapper{
	margin: auto;
	width: 100%;
	padding-bottom: 10px;
}
#header{
	width:100%;
	height: 70px;
	margin: auto;
}
#header_inner{
	width: 750px;
	height: 70px;
	margin: auto;
}
#logo{
	float:left;
	height: 70px;
	width: 40%;
	background: url(../images/logo.jpg) no-repeat;
}
#top{
	float: right;
	height: 70px;
	width: 40%;
	padding-top: 10px;
}
#main_nav{
	width: 100%;
	margin: auto;
	height: 25px;
	background: url(../images/menu_bg.jpg) repeat-x;
}
#main_nav_inner{
	width: 750px;
	height: 25px;
	margin: auto;
}
#user2{
	width: 750px;
	margin: auto;
	margin-top: 10px;
}
#middle{
	width: 750px;
        height: 100%;
	margin: auto;
	margin-top: 10px;
        margin-bottom: 10px;

}
#user3{
	width: 100%;
	float:left;
}
#user4{
	width: 100%;
	float: left;
}
#user5{
	width: 750px;
	margin: auto;
	margin-top: 10px;
}
#user10{
	width: 750px;
	margin: auto;
	margin-top: 10px;
        margin-bottom: 10px;
}
#footer{
	width: 100%;
	margin: auto;
	margin-top: 25px;
	height: 25px;
	background: url(../images/menu_bg.jpg) repeat-x;
}
#footer_inner{
	width: 750px;
	margin: auto;
}
div#footer_inner div a{
	float: left;
	font-size: 11px;
	padding: 4px 15px 0 15px;
	background: url(../images/footer_sep.jpg) no-repeat top right;
        color: #333333;
}
div#footer_inner div a:hover{
        text-decoration: none;
        color: #CC0001;
}
div#footer_inner div a#active_menu{
        color: #600000;
}
div.moduletable_menu a{
	float: left;
	color: #003366;
	font-weight: bold;
	padding: 3px 15px 0 15px;
	background: url(../images/menu_sep.jpg) no-repeat top right;
}
div.moduletable_menu a:hover{
	font-weight: bold;
	text-decoration: none;
        color: #CC0001;
}
div.moduletable_menu a#active_menu{
        color: #333333;
}
#content{
	width: 730px;
	margin: auto;
	padding: 10px;
        -padding: 0px;
}

div.module {
	background: url(../images/box-br.jpg) no-repeat bottom right;
	margin-bottom: 10px;
	overflow: hidden;
}

div.module div {
	background: url(../images/box-bl.jpg) no-repeat bottom left;
	padding: 0;
}

div.module div div {
	background: url(../images/box-tr-top.jpg) no-repeat top right;
	padding: 0;
}

div.module div div div {
	background: url(../images/box-tl-top.jpg) no-repeat top left;
	padding: 10px 20px 15px;
}

div.module div div div div {
	background: none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

div.module-red {
	background: url(../images/box-br.jpg) no-repeat bottom right;
	overflow: hidden;
}

div.module-red div {
	background: url(../images/box-bl.jpg) no-repeat bottom left;
	padding: 0;
}

div.module-red div div {
	background: url(../images/box-tr-top-red.jpg) no-repeat top right;
	padding: 0;
}

div.module-red div div div {
	background: url(../images/box-tl-top-red.jpg) no-repeat top left;
	padding: 1px 20px 15px 20px;
}
div.module-red div div div h3{
	margin-top: 3px;
}

div.module-red div div div div {
	background: none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

/* mockup */
div.module-mockup {
	/*background: url(../images/box-br.jpg) no-repeat bottom right;*/
	margin-bottom: 10px;
	overflow: hidden;
}

div.module-mockup div {
	/*background: url(../images/box-bl.jpg) no-repeat bottom left;*/
	padding: 0;
}

div.module-mockup div div {
	/*background: url(../images/box-tr-top.jpg) no-repeat top right;*/
	padding: 0;
}

div.module-mockup div div div {
	/*background: url(../images/box-tl-top.jpg) no-repeat top left;*/
	padding: 10px 20px 15px;
}

div.module-mockup div div div div {
	background: none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}


#top_left{
	width: 14px;
	height:10px;
	background: url(../images/top_left.jpg) no-repeat top left;
}
#top_mid{
	height:10px;
	width: 416px;
	background: url(../images/top_middle.jpg) repeat-x;
}
#top_right{
	width: 14px;
	height:10px;
	background: url(../images/top_right.jpg) no-repeat;
}
#user4_mid{
	width: 444px;
	padding: 10px 20px 0 20px;
	background: url(../images/middle.jpg) repeat-y;
}
#bot_left{
	width: 14px;
	height:10px;
	background: url(../images/bottom_left.jpg) no-repeat top left;
}
#bot_mid{
	width: 416px;
	height:10px;
	background: url(../images/bottom_middle.jpg) repeat-x;
}
#bot_right{
	width: 14px;
	height:10px;
	background: url(../images/bottom_right.jpg) no-repeat top left;
}
#content_wrap{
	background: url(../images/midlle.jpg) repeat-y;
	width: 750px;
	margin: auto;
        -margin-top: -2px;
}
#content_top{
	width: 750px;
	height: 13px;
	background: url(../images/top.jpg) no-repeat;
	margin: auto;
        -padding: 0px;
                    
}
#content_bottom{
	width: 750px;
	height: 13px;
	background: url(../images/bottom.jpg) no-repeat;
	margin: auto;
}
td.contentheading{
       font-weight: bold;
       font-size: 16px;
       color: #990001;
}
div.tell-a-friend{
	/*left:720px;*/
       float: left;
	height: 22px;
	width: 140px;
        margin-top: 20px;
        margin-left: 10px;
}