@charset "utf-8";
/* 
* CSS Document 
* @author Unconfusing Technology
* @site www.unconfusing.com
* please give credit when copying
*/

@font-face {
    font-family: 'BitstreamVeraSerifRoman';
    src: url('verase-webfont.eot');
    src: url('verase-webfont.eot?#iefix') format('embedded-opentype'),
         url('verase-webfont.woff') format('woff'),
         url('verase-webfont.ttf') format('truetype'),
         url('verase-webfont.svg#BitstreamVeraSerifRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSerifBold';
    src: url('verasebd-webfont.eot');
    src: url('verasebd-webfont.eot?#iefix') format('embedded-opentype'),
         url('verasebd-webfont.woff') format('woff'),
         url('verasebd-webfont.ttf') format('truetype'),
         url('verasebd-webfont.svg#BitstreamVeraSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/***************************
*
*  RESET EVERYTHING
*
****************************/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1; }
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0; }

/***************************
*
*  BASIC STYLES
*
****************************/

html, body {width: 100%; height: 100%;}
body
{
	background:url(../assets/background.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#logo
{

}


#container {width: 100%; display: block;}
#content {width: 80%; display:block; height: auto; margin: 0 auto; max-width: 1024px;}
#main-content {background: #002b5c; box-shadow: 0px 1px 10px #1e1e1e;}

#disclaimer {width: 100%; max-width: 980px; margin: 0 auto;}
#disclaimer p {font-size: 0.8em; color: #1e1e1e;}
/***************************
*
*  COMMON STYLES
*
****************************/


p { margin:10px 0; line-height:1.7em; font-size:12px; }
strong { font-weight:bold; }
em { font-style:italic; }

h1 { 
	font-family:BitstreamVeraSerif,Georgia, "Times New Roman", Times, serif; 
	font-size:28px; 
	margin:20px 0;  
	padding:9px 1px 6px;
	line-height:1.25em; 
	letter-spacing:1px; 
	color:#988b5e;
	font-weight:normal;
	
	}
h2 { 
	font-family:BitstreamVeraSerif,Georgia, "Times New Roman", Times, serif; 
	font-size:2em;  
	margin:25px 0 20px 0; 
	line-height:1.25em; 
	color:#988b5e;
	font-weight:normal;
	
	
	}
h3 { font-size:1.4em; padding:10px 0; line-height:1.25em; color: #988B5E; font-weight:normal;  }

a { color:#8CA1BB; text-decoration:none; }
a:hover { color:#999999; }
a.button, input.button { color:#ffffff; }

.bold {font-weight: bold; color:#c1b99e;}

ul 
{
	list-style:square;	
	padding-left:15px;
}
ol
{
	list-style:upper-latin;
	padding-left:15px;
}
li 
{
	margin-bottom:4px;
	line-height:1.25em;
}


.txtCenter { text-align:center; }
.txtRight { text-align:right; }
.txtLeft { text-align:left; }

.txtBlue { color:#002b5c; }
.txtOrange { color:#988b5e; }
.txtWhite { color:#fff; }
.txtGray { color:#cccccc; }
.txtDarkGray { color:#5e5e5e; }

.txtNumber { color:#988b5e; font-size:28px; font-weight:bold; }

.txtLarge { font-size:14px; }

.small{ font-size:10px; }
.title { font-size:18px; font-weight:normal; }

.button { text-transform:uppercase; background:#4e79ad; padding:10px; border:1px solid #ffffff; text-decoration:none; font-size:10px; }
.button:hover { background:#988b5e; }

.text { border-collapse:collapse; border:1px solid #ffffff; background:url(../assets/box-bk.png); padding:3px; color:#ffffff; }
.medium { width:320px; }
option { background:#988b5e; }

.quote { font-size:30px; color:#988b5e; font-family:Georgia; line-height:5px !important; }
.quotation { font-size:13px; text-align:center;  color:#001e42; line-height:15px; }
.author { display:block; text-align:right; font-style:italic; }


label { display:inline-block; vertical-align:middle; }
.short { width:50px; }

#newsticker { list-style:none; }
#newsticker li { }

/***************************
*
*  COMMON STYLES
*
****************************/

img { border:0; }
button {
	width: 80%;
	margin: 0px auto;
	display: block;
	height: 36px;
	background: none;
	color: #FFF;
	border: 1px solid #F5F5F5;
	transition:all .5s ease-in-out;
}
button:hover {
	cursor: pointer;
	background: #003470;
	border: 1px solid #fff;
}

.clear { border:none; background:transparent; width:1px; }
.left { float:left; }
.right { float:right; }

.padd { padding:8px 20px; }
.margin-right { margin-right:5px; }
.margin-left { margin-left:5px; }
.margin-bot { margin-bot:5px; }
.margin-top { margin-top:5px; }
.margin-both { margin:0 8px; }

.padd-top { padding-top:15px; }
.padd-right { padding-right:15px; }

.no-margin { margin-top:2px; margin-bottom:2px; }
.no-top { margin-top:0; padding-top:0; }
.no-bot { margin-bottom:0; padding-top:0; }
.fb { float:none; clear:both; }

.thumb {width:280px; height:200px; float:left; margin-right:30px; }
.thumbSize { width:280px; height:200px; }
.smallThumb {width:120px; height:75px; display:inline-block; margin-right:30px; margin-bottom:10px; }
.tinyThumb {width:60px; height:35px; display:inline-block; margin-right:30px; margin-bottom:10px; }
.thumbs {width:340px; height:240px; position:absolute; }
.imgHolder { padding-right:20px; }
.imgHolder img { max-width:200px; }
.bigPic { display:inline-block; }

.item { margin:25px 0; }



.half-col-padd {	width:46%; padding: 20px 2%; display:block; margin: auto;}
.full-width-padd {	width:96%; padding: 20px 2%; display:block; margin: auto; }
.third-col-padd {	width:29%; padding: 20px 2%; display:block; margin: auto;}
.two-thirds-col-padd {	width:62%; padding: 20px 2%; display:block; margin: auto;}

.hr { background:url(../assets/hr.png) left center repeat-x; height:40px; }
.dark-hr { background:url(../assets/dark-hr.png) left center repeat-x; height:40px; }

.noticeBox {  background: #988b5e; padding:20px; border:1px solid #fff; }
.attention { color:#001e42; font-size:120%; }
.noticeBox a { color:#001e42; }

/***************************
*
*  FORMS
*
****************************/

.human { border:none; background:none; width:2px; }
label.error { font-weight:bold; color:#fffd3e; }


/* END FORMS */

.notice
{
	width:500px;
	margin:0 auto;
	border:2px solid #fffc00;	
	background:#ffdf7f;
	color:#000000;
	padding:20px;
	font-size:14px;
}

#unconfusing
{
	text-align:center;
	margin:15px auto;
	width:500px;
}
#unconfusing img
{
	padding:0 8px;	
}

@media all and (max-width: 520px)
{
	#content {width: 95%; margin: 0 2.5%; display: block;}
	#logo img {width: 90%; margin: 0 5%; display: block;}
	.third-col-padd {width: 95%; padding: 0 2.5%; display: block; margin: 0 auto;}
	.two-thirds-col-padd { width: 95%; padding: 0 2.5%; display: block; margin: 0 auto;}	
}