@charset "utf-8";
/* CSS Document */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear:both;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* General */
html {height:100%;}
body {margin:0px; color:#ffffff; background-color:#ffffff; line-height:1.6em; background-image:url(/images/tile.png);}
/* Lucida Sans = Vista, Lucida Sans Unicode = XP, Deja Vu Sans = Ubuntu */
body, input, textarea {font-family:Lucida Sans, Lucida Sans Unicode, Deja Vu Sans, Trebuchet, Arial, Helvetica, sans-serif; font-size:14px;}
img {border:0px;}
h1 {color:#ffffff; font-weight:bold; font-size:15px; margin-top:0px;}
h2 {color:#ffffff; text-decoration:none; font-style:italic; font-weight:bold; font-size:15px; margin-top:0px; letter-spacing:2px;}
h3{color:#ffffff; text-decoration:underline; font-style:italic; font-weight:bold; font-size:14px; cursor:pointer;}
a {color:#ffffff; text-decoration:underline; font-size:14px;}
a:hover {color:#000000; text-decoration:underline;}
table {padding:0px; border-collapse:collapse; margin:0px;}
.errmsg {font-weight:bolder; color:#FF0000;}
p {margin-bottom:0.85em; text-align:justify;}
p.strong{font-weight:bold;}
p.form{line-height:30px;}
p.date, .note {font-style:italic; font-size:12px; color:#e7e7e7;}
hr {border-top-style:dashed; border-bottom-style:hidden;border-top-color:#CCCCCC;border-bottom-color:#FFFFFF;border-width:1px 0px 0px 0px;
	color:#FFFFFF;line-height:2px; margin-top:0.85em; margin-bottom:0.85em;
}
form{padding:10px; padding-bottom:0px; background-color:#5193ad;}
form.search{float:right; width:430px; margin-bottom:20px;}
form.searchpage{margin-left:20px; margin-bottom:10px;}
form.contact{padding-bottom:10px;}
form.comment{padding-bottom:10px; width:560px; margin:auto;}

/*  structure   */
div#holder{margin:auto; width:816px; padding-right:40px;}
div.side{float:left; height:100%; width:40px;}
a.side_tag{margin-left:5px; width:35px; display:block;}
a.side_tag_hover{margin-left:0px; width:40px;}
a.side_tag_reg{background-image:url(/images/tag.png); margin-top:2px; height:210px;}
a.side_tag_blog{background-image:url(/images/tag2.png); height:209px; margin-top:-24px;}
a.side_tag_rss{background-image:url(/images/rss-tab.png); height:50px; margin-top:20px;}
a.side_tag_facebook{background-image:url(/images/facebook-tab.png); height:50px; margin-top:2px;}
a.side_tag_twitter{background-image:url(/images/twitter-tab.png); height:50px; margin-top:2px;}
div#container{float:left; width:760px; padding-right:16px; margin:auto; background-image:url(/images/shadow_side.png);}
div#header{height:166px; width:760px; background-image:url(/images/head.jpg);}
div#sub_header{height:113px; width:760px; background-image:url(/images/sub_head.jpg);}
div#menu{height:39px; width:760px; background-image:url(/images/button.jpg);}
div.menu{}
div#page{width:720px; padding:20px; padding-top:10px; min-height:300px; height:auto !important; height:300px; background-image:url(/images/background1.png);}
div#footer{width:760px; height:68px; background-image:url(/images/footer.jpg);}
div#sub_footer{clear:both; width:760px; height:60px; text-align:center; margin:auto; padding-top:14px; padding-right:18px; color:#5193ad; font-size:9px; background-image:url(/images/shadow_btm.png); background-repeat:repeat-x; }
div#sub_footer a{color:#5193ad; font-size:9px;}
div#sub_footer a:hover{color:#000000;}

img.index{width:220px; height:146px; padding:10px; border:1px solid #5294ae;}
img.one{float:left; margin-right:20px; margin-bottom:10px;}
img.two{float:right; margin-left:20px;}
img.three{float:left; margin-right:20px;}
img.four{float:right; margin-left:20px;}
span.question{display:block; border:1px solid #4f5861; background-image:url(/images/button.jpg); padding:10px; width:340px; cursor:pointer; height:19px; font-weight:bold; text-decoration:none;}
span.question:hover{background-image:url(/images/menu_bg.png); background-repeat:repeat-x; background-color:#176f92; color:#ffffff;}
a.to_top{float:right; font-size:12px;}
/*a.register{float:left; text-decoration:none; width:160px; padding-left:100px; padding-right:40px; padding-top:20px; margin-left:40px; margin-right:40px; height:141px; background-image:url(/images/link_1.png);}
a.login{float:left; text-decoration:none; width:160px; padding-left:100px; padding-right:40px; padding-top:20px; height:141px; margin-right:40px; background-image:url(/images/link_2.png);}
*/
a.button{background-image:url(/images/button.jpg); float:right; padding:10px; border:1px solid #4f5861; height:19px; font-weight:bold; text-decoration:none;}
a.button:hover{background-image:url(/images/menu_bg.png); background-repeat:repeat-x;  background-color:#176f92; color:#ffffff;}
div.register{float:left; text-decoration:none; width:180px; padding:10px; padding-left:100px; margin-left:40px; margin-right:40px; background-image:url(/images/div_bg.png);}
div.login{float:left; text-decoration:none; width:180px; padding:10px; padding-left:100px; margin-right:40px; background-image:url(/images/div_bg.png);}
div.linknav{width:100%; text-align:justify; margin-bottom:30px;}
div.splitpage{width:50%; float:left; margin-top:10px;}
input.search{float:right; cursor:pointer; background-image:url(/images/button.jpg); border:1px solid #4f5861; height:39px; color:#ffffff; font-weight:bold;}
input.search:hover{background-image:url(/images/menu_bg.png); background-repeat:repeat-x;  background-color:#176f92;}


/*========= BLOG ===========*/
div.clbentry{}
div.clbimg{float:right; padding:10px; border:1px solid #5294ae; margin-left:20px; /*width:400px; */ max-width:400px; margin-bottom:20px;}
div.clbvid{float:right; padding:10px; border:1px solid #5294ae; margin-left:20px;}
div.clbcomments{padding:10px;}
div.clbcomment{padding:0px 40px 0px 40px;}
div.clbreply{padding:0px 40px 0px 40px;}
span.clbnumber{font-size:22px; color:#e7e7e7; font-style:italic; font-weight:bold;}
span.clbdisplayname{font-size:18px; font-weight:bold; color:#e7e7e7; font-style:italic;}
span.clbreplyname{font-size:18px; font-weight:bold; color:#e7e7e7; font-style:italic; margin-left:26px;}
textarea.clbcomment{width:550px;}
div.clbnav{clear:both; margin-top:20px; height:20px; border-top:1px dashed #176f92; padding-top:20px;}
a.clbnext{float:right; margin-right:100px; text-decoration:none; display:block; cursor:pointer; background-image:url(/images/button.jpg); border:1px solid #4f5861; height:31px; color:#ffffff; font-weight:bold; width:80px; text-align:center; padding-top:8px;}
a.clbnext:hover{background-image:url(/images/menu_bg.png); background-repeat:repeat-x;  background-color:#176f92;}
a.clbprev{float:left; margin-left:100px; text-decoration:none; display:block; cursor:pointer; background-image:url(/images/button.jpg); border:1px solid #4f5861; height:31px; color:#ffffff; font-weight:bold; width:80px; text-align:center; padding-top:8px;}
a.clbprev:hover{background-image:url(/images/menu_bg.png); background-repeat:repeat-x;  background-color:#176f92;}
div.clbcomment-rtn{margin:20px; padding:20px; border:1px solid #e7e7e7;}
p.clbentry{color:#ffffff; font-style:italic; font-weight:bold; font-size:14px;}

/* main use will be in blog */
blockquote {border-left-style:solid; border-left-width:5px; border-color:#1f3d57; padding-left:5px;}

/* Message Boxes */
.message {background-position:1em 1em; border-width:2px 0 2px 0; border-style:solid; padding:10px 10px 10px 3em; 
	background-repeat:no-repeat; margin-bottom:1.5em; min-height:2em; height:auto !important; height:2em; text-align:left;
}
.message li {margin-bottom:0.25em;}
.error {background-color:#FFCC99; border-color:#FF3300; background-image:url(/images/icons/cancel.png); padding-left:4.5em;}
.information {background-color:#BBCDF2; border-color:#0000CC; background-image:url(/images/icons/information.png);}
.warning {background-color:#FFFF99; border-color:#FF9933; background-image:url(/images/icons/error.png);}

/* Forms */
table.listtable td {padding:3px; text-align:left;}
.listlabel {
	text-align:left;
	font-weight:bolder;
	font-style:italic;
	vertical-align:top;}
.listitem {width:300px;}
.listitemlong {width:400px;}
.listitemshort {width:75px;}
table.formtable {width:460px; margin:auto; }
table.formtable td {padding:3px;}
.formlabel {text-align:left; font-weight:bolder; font-style:italic; vertical-align:top;}
.formitem {width:275px;}
.formitemlong {width:300px;}
.formitemshort {width:75px;}
.button_align{text-align:center;}

/* EXPANDING */
.expandtrigger {cursor:hand; cursor:pointer;}
div.expands {display:none;}

/* =========== FROM MENU.CSS ================= */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** SKIN ** */
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu li {
	width:125px;
	height:39px;
	text-align:center;
	line-height:39px;
	border-right:1px solid #4f5861;
	
}
li.last_sf-menu{border-right:0px; width:130px;}
.sf-menu li li {
	background-color:		#176f92;
	height:20px;
	text-align:left;
	line-height:16px;
	border-left:0px;
	padding-top:2px;
	padding-left:6px;
	padding-right:3px;
	border-right:0px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:#176f92;
	background-image:url(/images/menu_bg.png);
	background-repeat:repeat-x;
	outline:		0;
	color:			#ffffff;
	text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	0em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	z-index:1000;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}