@charset "utf-8";

/* CSS Document */

/*set initial conditions */



/* initial conditions ============================================== */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	font-family: inherit;

}



/* Tables still need 'cellspacing="0" in markup/*





table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight:400; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }



a img { border: none; }

/* /initial conditions ============================================== */

/* html tag styles ================================================== */

body {background:#00517d url(/templates/gspm_content/images/background.jpg) 100% no-repeat;); color: #000000;}

body,td,input,textarea,select,option {font: normal 12px/1.5em Tahoma, Arial, Helvetica, sans-serif;}

p {margin: 5px 0px 10px 0px;line-height:1.5;}

b {font-weight: bold;}

i {font-style: italic;}

u {text-decoration: underline;}

small { font-size:90%;}

.small {font-size:90%}

a, a:visited {

	color:#b2902c;

	text-decoration: underline;

	font-weight:bold;

	

	}

a:hover, a:active {

	color: #00517d;

	text-decoration: none;	

	}

h1 {

	font-size: 180%;

	margin: 0px 0px 10px 0px;

	font-weight:normal;

	color:#b2902c;

	}

h2 {

	font-size: 160%;

	margin: 0px 0px 10px 0px;

	font-weight:bold;

	color:#b2902c;

	}

h3 {

	font-size: 130%;

	margin: 0px 0px 10px 0px;

	font-weight:bold;

	color:#00517d;

	}

h4 {

	font-size: 120%;

	margin: 0px 0px 5px 0px;

	font-weight:bold;

	color:#00517d;

	}

h5 {

	font-size: 110%;

	margin: 0px 0px 5px 0px;

	font-weight:bold;

	color:#b2902c;

	}

h6 {

	font-size: 100%;

	font-weight: bold;

	margin: 0px 0px 5px 0px;

	}

table.separate {border-collapse: separate;}

th {font-weight:bold;}



form table td {padding: 3px;}



fieldset {

	border:none;

	margin:10px 0px;

	padding:5px 0px;

	}

legend {padding: 0px 5px 0px 5px;}



img {border-width: 0px;}

pre {

  background-color: #eee;

  padding: 0.75em 1.5em;

  font-size: 12px;

  border: 1px solid #ddd;

}



code {

	font: 110% 'Courier New', Courier, Fixed;

	}



acronym, abbr

{

	font-size: 90%;

	letter-spacing: .07em;

	}

small {font-size:90%;}

/* /Tag styles ========================================================= */



/* list styles ========================================================= */

ul, ol {margin: 0px 0px 0px 5px;}

ul {padding: 0px 0px 10px 15px;

list-style:square;

}

ol {padding: 0px 0px 0px 25px;}

/* /list styles ========================================================= */

/* form ================================================================= */

option {padding: 0px 5px 5px 0px;}



label {

	font-weight: bold;

	}

.required {color: #cc0000;}

.auto {width: auto;}

/* /form ================================================================= */

/* shims and pads ======================================================== */

.m0 {margin: 0px 0px 0px 0px;}

.m5 {margin: 0px 0px 5px 0px;}

.m15 {margin: 0px 0px 15px 0px;}



.margtop3 {margin-top: 3px;}

.margright3 {margin-right: 3px;}

.margbottom3 {margin-bottom: 3px;}

.margleft3 {margin-left: 3px;}



.margtop5 {margin-top: 5px;}

.margright5 {margin-right: 5px;}

.margbottom5 {margin-bottom: 5px;}

.margleft5 {margin-left: 5px;}



.margtop10 {margin-top: 10px;}

.margright10 {margin-right: 10px;}

.margbottom10 {margin-bottom: 10px;}

.margleft10 {margin-left: 10px;}



.margtop15 {margin-top: 15px;}

.margright15 {margin-right: 15px;}

.margbottom15 {margin-bottom: 15px;}

.margleft15 {margin-left: 15px;}



.margtop20 {margin-top: 20px;}

.margright20 {margin-right: 20px;}

.margbottom20 {margin-bottom: 20px;}

.margleft20 {margin-left: 20px;}



.margtop25 {margin-top: 25px;}

.margright25 {margin-right: 25px;}

.margbottom25 {margin-bottom: 25px;}

.margleft25 {margin-left: 25px;}



.shim3 {padding: 0px; margin: 0px; line-height: 3px; font-size: 3px;}

.shim5 {padding: 0px; margin: 0px; line-height: 5px; font-size: 5px;}

.shim10 {padding: 0px; margin: 0px; line-height: 10px; font-size: 10px;}

.shim15 {padding: 0px; margin: 0px; line-height: 15px; font-size: 15px;}



.padtop3 {padding-top: 3px;}

.padright3 {padding-right: 3px;}

.padbottom3 {padding-bottom: 3px;}

.padleft3 {padding-left: 3px;}



.padtop5 {padding-top: 5px;}

.padright5 {padding-right: 5px;}



.padbottom5 {padding-bottom: 5px;}

.padleft5 {padding-left: 5px;}



.padtop10 {padding-top: 10px;}

.padright10 {padding-right: 10px;}

.padbottom10 {padding-bottom: 10px;}

.padleft10 {padding-left: 10px;}



.padtop15 {padding-top: 15px;}

.padright15 {padding-right: 15px;}

.padbottom15 {padding-bottom: 15px;}



.padleft15 {padding-left: 15px;}

.padleft25 {padding-left:25px;}

.padleft35 {padding-left:35px;}



.pad5 {padding: 5px;}

.pad10 {padding: 10px;}

.pad15 {padding: 15px;}



table.tblpad3 td {padding: 3px;}

table.tblpad5 td {padding: 5px;}

/* /shims and pads ======================================================== */

/* layout styles ========================================================== */

#shell {width: 950px;margin: 15px auto 15px auto; /* centers this div on the page, also, see body definition above */text-align: left;overflow:hidden;border: 1px solid #dae6f0; background: #fff;}

#header {height:100px; width:auto;}

#logo {margin:20px 0 0 35px; float:left;}

#header_menu {margin:25px 0 0 35px;float:left;}

#header_menu ul {margin:0; padding: 0;}

#header_menu li {list-style:none;margin:0; padding: 0; font-size:110%;}

#header_menu li a {padding:0 15px 0 0; background:url(/templates/gspm_content/images/gold_arrow.gif) 100% no-repeat;}

#signup_search {margin:30px 10px 0 0; float:right; text-align:right; width:230px;}


#tagline {margin:0 5px 0 0;}

#navbar {background:#00517d; color:#fff;clear:both;}

#col_container {margin:20px 10px;}

#left_col {width:170px; margin:0 15px 0 0; float:left;}

#center_col{width:570px; margin:0 15px 0 0; float:left;}

#center_col_lg {width:755px; margin:0 15px 0 70px;float:left;}

#right_col {width:160px;float:left;}

#footer {text-align:center; font-size:.9em;color:#00517d; margin:0 0 10px 0; line-height:1em;}

#footer_left {float:left; margin:0 0 0 87px;}

#footer_right {float:right; margin:0 87px 0 0;}

#footer ul {list-style:none; padding:0; margin:0;}

#footer ul li {float:left;padding: 0 0 0 5px; margin:0 0 0 5px; border-left: 1px solid #00517d; line-height:1em}

/* / layout styles ======================================================== */

/* module styles ========================================================== */

.moduletablecallout_left {background:#f8fafc;width:160px;min-height:75px; margin:0 0 15px 0; padding:0 0 5px 0;}

.moduletablecallout_left h3 {background:#e8b909 url(/templates/gspm_content/images/white_arrow.gif) 95% no-repeat;color:#fff; font-size:140%; padding:3px 5px;}

.moduletablecallout_left p {padding:0 5px;}

.moduletablecallout_left .button {margin:5px 0 0 0; background:#B2902C; padding:3px; color:#fff; font-weight:bold;border:none;}

.pretextcallout_left {display:block; text-align:left; margin-bottom:5px;}

#right_col .moduletable {margin:0 0 15px 0;}

.moduletablecallout_right {background:#f8fafc;width:150px;min-height:75px; margin:0 0 15px 0;}

.moduletablecallout_right h3 {background:#e8b909 url(/templates/gspm_content/images/white_arrow.gif) 95% no-repeat;color:#fff; font-size:140%; padding:3px 5px;}

.moduletablecallout_right h3 a {color:#fff;text-decoration:none;}

.moduletablecallout_right p {padding:0 5px;}

.moduletablecallout_right li {list-style:none; margin:0 0 5px 5px; padding:0;}

.moduletablecallout_right ul {margin:0;padding:0;}

.moduletablepoll {background:#ffeaa3;width:160px;min-height:75px; margin:0 0 15px 0;}

.moduletablepoll h3 {color:#b2902c; font-size:140%; padding:3px 5px;}

.moduletablepoll form {padding:0 5px; font-size:90%;}

.moduletablepoll .button {background:#00517d;color:#ffeaa3;border:none; }

.moduletablesidenav {background:#f8fafc;width:160px;min-height:75px; margin:0 0 15px 0;}

.moduletablesidenav h3 {font-size:125%; text-align:right;padding:3px 10px;}

.moduletablesidenav h3 a {text-transform:none !important; color:#00517d !important;}

.moduletablesidenav ul {margin:0 5px 0 0; text-align:right; list-style:none;}

.moduletablesidenav li {background:url(/templates/gspm_content/images/blue_bullet.gif) no-repeat right 40%;font-size:90%; padding:0 10px 5px 0;line-height:1.3em;}

.modulestablesidenav a, .moduletablesidenav a:visited {text-transform:uppercase; color:#00517d; text-decoration:none; }

.moduletablesidenav a:active, .moduletablesidenav a:hover {color:#b2902c; text-decoration: underline;}

.moduletablesidenav .active a {color:#b2902c; text-decoration:none;}

.article-tools {margin:10px 0 0 0;}

.buttonheading {text-align:right;}

.poll_list {margin:10px 0px;}


/* / module styles ======================================================== */



/* misc classes =========================================================== */

.clear {clear:both;}

.signup:after{content: "."; display: block;height: 0;clear: both;visibility: hidden;}

.signup {clear:both; margin:0 0 10px 0; width:224px;}

.signup .inputbox {background:#f8fafc; border:solid 1px #dae6f0; width:160px;font-size:110%; margin:0; padding:0;height:18px; float:right;}

.signup .button { background:#fff; border:none; float:left; color:#00517d; font-weight:bold;margin:0; padding:0;}

.signup br {display: none;}

.landing {border: solid 2px #dae6f0;}

.landing .button{background:#00517D none repeat scroll 0 0;
border:medium none;
color:#fff;
font-weight:bold;
margin:0;
padding:0;
font-size:220%;
}

.landing .pretextlanding {font-size:120%;}


.landing .postextlanding {font-size:120%;}

.search {width:224px;}

.search .inputbox {background:#f8fafc; border:solid 1px #dae6f0; width:160px;font-size:110%; margin:0; padding:0;height:18px;}

.search .button {float:left;}





a.white {color:#fff!important;} /* hides skip navigation link from browser but not from screen reader */

.footer_text {border-right:1px solid #00517d;float:left;padding: 0 5px 0 0; margin:0 5px 0 0;}

.componentheading {font-size: 180%;	margin: 0px 0px 10px 0px;font-weight:normal;	color:#b2902c;}

/* Form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }

.caption {width: 80%; background:#e8b909; position:relative; z-index:3; color:#fff;}

/* Tooltips */



.tool-tip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 100%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}

/* MyBlog CSS Starts */

#myBlog-wrap h1,

#myBlog-wrap h2,

#myBlog-wrap h3,

#myBlog-wrap p,

#myBlog-wrap #myBlog-head ul,

#myBlog-wrap #myBlog-head li,

#myBlog-wrap hr {

	margin: 0;

	padding: 0;

}

#myBlog-wrap h1 {

	padding: 10px 0 0 20px;


}
#myBlog-wrap h1 a {color:#B2902C; text-decoration:none; font-weight:normal;}

#myBlog-wrap h2 {

	padding: 0 0 10px 20px;

	color: #999;

	margin-left: 72px;

	background:none;

}

#myBlog-wrap #myBlog-head {

	background: #eee url(/components/com_myblog/templates/default/images/blog-header_bak.gif) no-repeat;

	margin-bottom: 10px;

	position: relative;

	height:38px;

}



/* MyBlog Toolbar */

#myBlog-wrap #myBlog-toolbar li.blogActive a {

	background: #fff!important;

	color: #B2902C;

	border-bottom: 0;

	padding: 4px 10px 3px 10px;

}

#myBlog-wrap #myBlog-toolbar ul, #myBlog-head ul {

	padding-left: 5px;

	position: absolute;

	float:right;

	bottom: 1px;

	right: 5px;

}

#myBlog-wrap #myBlog-toolbar li {list-style: none;display: inline;padding-left:0px;}

#myBlog-wrap #myBlog-toolbar li a {text-decoration: none;color: #fff;padding: 3px 10px 3px 10px;background:#B2902C;}

#myBlog-wrap #myBlog-toolbar li a:hover {background: #9DA4B0;}

#myBlog-wrap .postSummary-top .userAvatar{float:right;margin-top:-40px;}
.postContent-top .userAvatar {float:right;margin-top:-40px;}







/* Entries Divider */

#myBlog-wrap hr {

	border: 0;

	background: #ccc;

	height: 1px;

	margin: 10px 0;

	display: none;

}



/* Entries Content */

#myBlog-wrap #myBlog-content {

	padding: 0px;

}



#myBlog-wrap #myBlog-content p, 

#myBlog-wrap .postContent p{

	padding-top: 4px;

	padding-bottom: 4px;

}

#myBlog-wrap .postSummary-top , 

#myBlog-wrap .postContent-top {

	padding: 5px 5px 3px 5px;

	border-bottom: 1px dotted #ccc;

}



#myBlog-wrap .postSummary-top > p, 

#myBlog-wrap .postContent-top > p{

	margin-bottom:0px;

}



#myBlog-wrap .postSummary-top h3 ,

#myBlog-wrap .postContent-top h3 {

	font-size: 130%;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	color:#00517d;

}

	

#myBlog-wrap .postSummary-top h3 a ,

#myBlog-wrap .postContent-top h3 a {

	text-decoration: none;

	color: #00517d;
}



#myBlog-wrap .postSummary-top a:hover ,

#myBlog-wrap .postContent-top a:hover {

	text-decoration: underline;

}

#myBlog-wrap .postSummary-teaser ,

#myBlog-wrap .postContent-text {

	padding: 10px 0 10px 0;

}

#myBlog-wrap .postSummary-footer {

	margin-top: 5px;

	margin-bottom: 4px;

	text-align: right;

}

#myBlog-wrap .postSummary-footer a {

	text-decoration: none;
	background:url(/templates/gspm_content/images/gold_white_arrow_small.gif) 97% center  no-repeat;

	margin-right: 5px;

	padding: 2px 20px 2px 0px;

}

#myBlog-wrap .postSummary-footer a:hover {

	text-decoration: underline;

	color: #666;

}

#myBlog-wrap .postSummary-comments {

	

}

#myBlog-wrap .postSummary-readmore {

	

}



#myBlog-wrap div.my-pagenav {

	text-align:center;

	padding-top:4px;

	padding-bottom:4px;

}



#myBlog-wrap div.clear{

	clear:both;

	padding:0px;

	margin:0px;

	height:1px;

	line-height:1px;

}



/** tag cloud style **/

#myBlog-wrap a.tag1 ,

#myBlog-wrap a.tag2 ,

#myBlog-wrap a.tag3 ,

#myBlog-wrap a.tag4 ,

#myBlog-wrap a.tag5 ,

#myBlog-wrap a.tag6 ,

#myBlog-wrap a.tag7 ,

#myBlog-wrap a.tag8 ,

#myBlog-wrap a.tag9 {

list-style: none;

display: inline;

padding-left:4px;

padding-right:4px;

background: none;

text-align:center;

line-height:100%;

}

#myBlog-wrap a.tag1 {

font-size:90%;

font-weight:normal;

}

#myBlog-wrap a.tag2 {

font-size:100%;

font-weight:normal;

}

#myBlog-wrap a.tag3 {

font-size:125%;

font-weight:normal;

}

#myBlog-wrap a.tag4 {

font-size:150%;

font-weight:normal;

}

#myBlog-wrap a.tag5 {

font-size:175%;

font-weight:normal;

}


#myBlog-wrap a.tag6 {

font-size:200%;

font-weight:bold;

}

#myBlog-wrap a.tag7 {

font-size:225%;

font-weight:bold;

}

#myBlog-wrap a.tag8 {

font-size:250%;

font-weight:bold;

}

#myBlog-wrap a.tag9 {

font-size:265%;

font-weight:bold;

}



#myblogSearch label {

	clear:both;

	float:left;

	margin:5px;

	padding:5px;

	width:100px;

}



#myblogSearch .myblogSearchInput{

	float: left;

	width: 50%;

}



#myblogSearch #myblogSearchSubmit{

	clear: both;

	width: 250px;

	text-align: center;

}