/* commonstyles_fluid.css */

body{
	/* background-image:url("files/newGRNBackground.jpg"); */
    background-color:rgb(60,79,129);
	}

#button {
	width: 12em;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #333;
    }
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
    }
	
#button li {
	border: 2px solid #161617;
	border-radius: 5px;
	margin: 0;
	margin-bottom:2px;
	margin-left:2px;
	list-style: none;
	list-style-image: none;
    }

#button ul li a {
	display: block;
	/* padding: 5px 5px 5px 0.5em; */
	padding: 5px 0px 5px 0.5em;
	min-height: 30px;
	border-radius: 5px;
	line-height: 30px;
	color: #fff;
    border: 3.5px ridge gray;
	background-image: url('files/default.png');
	text-decoration: none;
	width: 100%;
    }

#button li.current_page_button {
    background-image: url('files/current.png');
    }

#main { 
    width:100%;
    min-width:1507px;
    /* $isMob = is_numeric(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]), "mobile")); */
    background-image:url(""); 
    /* background-image:url("files/main_bg.png"); */     
    background-color:rgb(237,249,252); 
    background-position:top 90px center; 
    background-repeat:repeat-y; 
    }

header {width:100%; min-width:1507px;}

#sidebar1 {width:250px; height:3000px;}

#sidebar2 {width:400px; display:none;font-color:#ffffff;}

#column1 {
    width:100%;
    margin-left:6px;
    padding-right: 10px;
    font-family:"Lucida Sans Unicode", Arial, sans-serif;
    font-size:18px;
    }

.banner_left_image {
    background-image:url("files/banner_left.png");
    float:left;width:1244;height:213px;
    }

.banner_middle {float:left;height:213px;}

.banner_right_image {
    background-image:url("files/banner_right.png");
    float:right;width:256px;height:213px;
    }
 
.grn_button {
	background-color:rgb(33,64,99);
    background-image:url('files/default.png');
	color:#ffffff;
	padding:4px;
    width:225px;
    padding:0;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em; 
    border: 2px solid #161617;
    border: 2px solid #161617;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(22, 22, 23);
    border-right-color: rgb(22, 22, 23);
    border-bottom-color: rgb(22, 22, 23);
    border-left-color: rgb(22, 22, 23);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
	}

.grn_button:hover {
	background-color:rgb(33,64,99);
    background-image:url('files/hover.png'); 
	color:rgb(142,196,255);
	padding:0px;
    width:225px;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em; 
	}

.grn_button2 {
	background-color:rgb(237,249,252);
    font-family:"Arial";
    font-size:36px;
    /* background-image:url('files/default.png'); */
    text-align:left;
	color:#ffffff;
	padding:4px;
    width:100%;
    padding:15px;	
    border: 2px solid #161617;
	}

.grn_button2:hover {
	background-color:rgb(227,255,239);
    /* background-image:url('files/hover.png'); */
	color:rgb(255,196,255);
	padding:15px;
    width:100%;
	}

#grn01 {background-image:url('files/hover.png');}

htmlbody #button li a {width: auto;}

#button ul li a:hover {
	background-image: url('files/hover.png');
	color: #8ec4ff;
    }

#button ul li a:active { 
	color: green; 
	background-image: url('files/active.png');
	}

#button li:first-child {margin-top:15px;}	

.foot_text { color: rgb(215,244,253); }

.book_container {min-height:200px;margin-right:20px;}

.book_thumbnail, .book_thumbnail0 {
    width:150px; 
    height:180px;
    display:inline;
    float:left;
    margin-right:20px;
    }

.book_thumbnail0 { height:150px;}

#DrRay1 {
    width:212px; 
    height:282px;
    float:left;
    margin-right:20px;
    border:7px inset #003333;
    }

#MightyMenPic {
    float:left; 
    margin-right: 12px;
    }

#MightyMenDiv {min-height:314px;}

#BelieverFirePic {width:289px; height:379px;}

#BelieverFireTxt {font-size:25px;min-height:392px;}

.stopeflote {clear; both;}

.inline_hdr { font-size:24px; }

.continent {
    float:left;
    margin-right:7px;
    padding-bottom:10px;
    width:145px;
    height:145px;
    text-align:center;
    }

.continent img {
    width:141px;
    height:121px;
    margin-bottom:0;
    margin-top:10px;
    vertical align: bottom;
    border: solid 2px #880000;
    }
   
.continental_hdr {min-height:130px;min-width:650px;}

.GRN_Membership_Certificate img {height:600px;width:1200px;}

.GRN_Membership_Card img {height:600px;width:1200px;}

.clearingShim {height:180px;}

#grn_undergraduate_pic, #grn_graduate_pic {width:212px; height:80px;}

@media only screen and (max-device-width: 570px) {

.banner_left_image {
    background-image:url("files/banner_left_mobile2.png");
    float:left;width:528px; height:90px;
    }

.banner_middle {float:left; height: 45px;}

.banner_right_image {
    background-image:url("files/mobile_nav2.png");
    float:right;width:108px; height: 90px;
    }

header {min-width:636px; }

#sidebar1 { display:none;}

#sidebar2 {  display:none;color:white; width:100%;}

.grn_button2 {width:100%; font-size:24px; }

#column1 {font-size: 34px; padding-bottom:8px;}