/*
-----------------------------------------------
Screen Styles
Version:  08 January 2007
Font-Size: http://developer.yahoo.com/yui/fonts/
----------------------------------------------- */
body {
	background:#FFF;
	text-align:center;
	color:#7F7F7F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table {margin:1em 0;}
img {border:0;}
p {margin:1em 0;}
ul {list-style:none;}

.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.req {font-weight:bold; color:#f00;}
.float-left {float:left; display:inline; margin:1em 1.2em 1em 0;}
.float-right {float:right; display:inline; margin:1em 0 1em 1.2em;}

/* =Base Layout
----------------------------------------------- */
div#wrap {position:relative; width:748px; margin:0 auto; text-align:left;  border: solid #8cb3d6 1px; border-top:0; border-bottom:0;}
div#header {position:relative; float:left; width:748px; height:102px;}

div#cwrap {float:left; width:748px; background:url(../img/tpl/bg_main-bg.jpg) #C5D7E6 bottom repeat-x; padding: 12px 0 10px 0;}
div#side {float:left; display:inline; width:218px; background: #416D95 url(../img/tpl/bg_dark-blue.jpg) repeat-x bottom left; margin: 3px 10px 15px 25px; padding-top: 10px; padding-bottom: 10px;}

div#main {float:left; display:inline; width:446px; margin:0 5px 15px 5px;}
div#xtra {float:left; display:inline; width:150px; margin:0 5px; background:#666;}

div#footer { width:750px; height: 14px; margin:0 auto; text-align:center; background:url(../img/tpl/bg_footer.jpg) no-repeat top;}

/* =Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial,Helvetica,Sans-serif;
	font-weight:bold;
	color:#364E63;
}
h1 {font-size:189%;}
h2 {font-size:152%;}
h3 {font-size:136%;}
h4 {font-size:114%;}
h5 {font-size:100%;}
h6 {font-size:85%;}

/* =Links
----------------------------------------------- */
a:link, a:visited {color:#BF0000;font-weight:bold;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

/* =Header
----------------------------------------------- */
div#header h1 a:link, div#header h1 a:visited {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:150px;
	height:0px;
	padding-top:100px;
	overflow:hidden;
	font-size:1px;
	border:0;
	text-decoration:none;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}
div#header ul#nav li {
	display:inline;
	border-right:1px solid #000;
}
div#header ul#nav li a {
	padding:0 5px;
}
div#nav-wrap{width:748px; float: left;}
div#nav-left{float:left;}
div#nav-right{float:right; display:inline;padding-right: 3px;}
div#nav-right img{
	margin: 5px 3px 3px 0;
}
div#nav-wrap ul{
	margin: 0 0 0 10px;
	width: 220px;
}
div#nav-wrap li{
	text-align: right;
	background: url(../img/img_arrow.png) right 11px no-repeat;
	border-bottom: 1px dotted #6C90AE; 
}
div#nav-wrap li a{
	color: #4C6C89;
	padding: 7px 14px 8px 14px;
	display: block;
}
div#nav-wrap li.last{
	border: 0;
}
div#nav-wrap #currentPage a:link, div#nav-wrap #currentPage a{
	font-weight: normal;
}

/* =Side
----------------------------------------------- */
div#side img{margin:0 17px;}
div#side img.cc{margin:0 74px;}
div#side a.float-left img{
	margin: 0;
}
div#side a.float-left{margin:5px 0 3px 3px;}
div#side h2{
	text-align: center;
	color: #FFF;
	margin-bottom: 5px;
}
div#side p{
	color: #FFF;
	padding: 10px 10px 0 10px;
	text-align: center;
}
hr{
	border: none;
	border-bottom: dotted 2px #8DADCA;
	display: block;
	margin: 5px 25px 0;
}
div#side hr{
	margin: 5px 0 0 10px;
	width: 90%;
}
div#side p.credit{
	text-align: right;
	font-weight: bold;
	font-style: italic;
	padding: 0 20px 0 0;
}
div#side h4 {color:#fff; padding:20px 0pt 0pt 60px; font-size:129%;}

/* =Main
----------------------------------------------- */
div#main p, div#main li, div#main label {font-size: 11px;}
a#memberLogin{
	margin: 0 90px;
	padding: 0; 
	font-size: 0.85em;
	color: #BF0000;
}
div#main ul, div#main ol {
	margin:1em 0 0 2em;
	list-style-type:disc;
	list-style-position:outside;
}
div#main ol {list-style-type:decimal;}
div#main li {padding-bottom: 3px;}

div#c-box{
	width: 455px;
	background: url(../img/tpl/bg_C-l.jpg) left repeat-y;
	margin: 3px 0 0 10px;
}

div#c-topL{
	background: url(../img/tpl/bg_C-tl.jpg) no-repeat top left;
	height: 4px;
	padding-left: 4px;
	font-size: 1%;
	line-height: 1%;
}
div#c-topR{
	background: url(../img/tpl/bg_C-tr.jpg) top right no-repeat;
	height: 4px;
	padding-right: 4px;
}
div#c-top{
	background: url(../img/tpl/bg_C-t.jpg) top repeat-x;
	height: 4px;
}

div#c-mid{
	background: url(../img/tpl/bg_C-r.jpg) right repeat-y #fafbfd;
	margin-left: 4px;
	padding: 10px 10px 12px 10px;
}

div#c-bottomL{
	background: url(../img/tpl/bg_C-bl.jpg) bottom left no-repeat;
	height: 4px;
	padding-left: 4px;
	font-size: 1%;
	line-height: 1%;
}
div#c-bottomR{
	background: url(../img/tpl/bg_C-br.jpg) bottom right no-repeat;
	height: 4px;
	padding-right: 4px;
}
div#c-bottom{
	background: url(../img/tpl/bg_C-b.jpg) bottom repeat-x;
	height: 4px;
}

div#c-box h1{
	font-style: italic;
	padding: 5px 10px 2px 10px;
	margin: 0 0 5px 0;
	border-bottom: 2px dotted #6C90AE; 
	width: 90%;
}
div#c-box h2{
	font-style: italic;
	padding: 0 10px 1px 10px;
	margin: 15px 100px 5px 10px;
	background-color: #FFF;
	border-bottom: 2px dotted #6C90AE; 
	border-right: 2px dotted #6C90AE; 
}
div#c-box h3{
	font-style: italic;
	padding: 0 10px 0 10px;
	margin: 5px 200px 1px 20px;
	background-color: #FFF;
	border-bottom: 1px dotted #6C90AE; 
}
div#c-box h4{
	margin: 0;
	padding: 1px 0 0 20px;
	color: #7e0000;
}
div#c-box p{
	margin: 7px 18px 15px 20px;
}
div#c-box ul{
	margin: 5px 35px 15px;
	padding: 0;
}
div#c-box li{
	
}

/* =Footer
----------------------------------------------- */
div#footer ul li {
	display:inline;
	border-right:1px solid #000;
}
div#footer ul li a {
	padding:0 5px;
}
p#copyright {margin:1em 0 0; float: right; font-size: 0.85em; padding: 0 25px 0 0;}
p#credits {margin:.4em 0 0; color:#7e0000; float: right; font-size: 0.85em; padding: 0 25px 0 0;}
p#credits a {color:#BF0000; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}